サイドコンテンツのスクロールバー

Oct 11 2009

Date : October 11,2009 13:59:30
Category : 　[　　Customize]
Tag : [customize サイドバー スクロールバー livly ソネットポイント so-net 横断ビンゴ ソネくじ 不思議な箱 メデ鯛！くじ ３択クイズ ]

な

るべくスタイルシートで設定したいので
サイドコンテンツのスクロールバーの記事では
それぞれのサイドコンテンツの長さの調節には良いですが
当ブログは全部、同じ長さなのでコンテンツHTML編集内に
入れました。例は、「最近のコメント」です。

●管理ページ⇒デザイン⇒レイアウト
　⇒コンテンツ配置「最近のコメント」
　右横の「コンテンツHTML編集」
　下記のピンク字を追加します。

<div class="sidebar" id="latestComment">
<h3 class="sidebar-title"><% content.title | html %></h3>
<div class="sidebar-body">

<div class="sidescr">

<% content.header -%>
<% if:content_recent_comment.type == 0 -%>
<ul>
<% loop:list_article_child -%>
<li><a href="<% article_child.article.page_url | html %>"><% article_child.body | shorten(17) | html %></a></li>
<% /loop -%>
</ul>
<% /if -%>
<% if:content_recent_comment.type == 1 -%>
<ul>
<% loop:list_article -%>
<li><a href="<% article.page_url | html %>"><% article.subject | shorten(17) | html %></a><br />
<% loop:list_article_child -%>
　⇒ <% article_child.body | shorten(15) | html %><br />
<% /loop -%>
</li>
<% /loop -%>
</ul>
<% /if -%>
<% content.footer -%>
</div>

</div>

<div class="sidebar-end"></div>
</div>

●管理ページ⇒デザイン⇒スタイルシート

.sidescr{
overflow: auto;
height: 200px;
}

他にも「最近トラックバックされた記事」
「記事をnice!と思った人」「nice!と思った記事」
「コメントした記事」「Monthly Archives」など
ほとんど同じ方法で出来ると思います。

本

日のソネットポイント「6ポイント」　ソネットくじ「31枚」

ソネくじ発行所 「10枚」 不思議な箱 ｢10枚」
メデ鯛！くじ 「1枚」 ポイントポン 「10枚」



So-net横断ビンゴ
ポイントポン（ホーム） 0ポイント
パンダスクラッチ（女性） 1ポイント
オトコスクラッチ（マネー） 0ポイント
So-netトラベル 日替わり投票 1ポイント

So-net３択クイズ ⇒ 「（3） ランキング」 1ポイント

不思議な箱 ソネくじ10枚
不思議な箱 3ポイント

Dr.Muller's Laboratory ポストカード(5枚組)

posted with amazlet at 09.10.11

ソネットエンタテインメント (2009-10-23)
売り上げランキング: 7611

Amazon.co.jp で詳細を見る