このコーナー(^^ゞは、私が行っているカスタマイズを、備忘も兼ねて記してゆきます。
seesaaブログ、さくらブログの場合に、有効です。
内容:サイドコンテンツのスクロール表示
出典:http://www.blogcustomize.com/customize_scroll_sidelink.html
具体的には:出典元が無くなると困るので、下記に転載しておきます。
出典:http://www.blogcustomize.com/customize_scroll_sidelink.html
このカスタマイズはコンテンツの編集です。カテゴリを例に説明します。
マイブログメニューの[デザイン]⇒[コンテンツ]の[カテゴリ]から編集を行います。
次の赤文字の2行を追加しました。
ブロック要素の
タグにoverflowとheightを用いました。heightに指定した350pxが高さです。
<div class="sidetitle"><% content.title
%></div>
<div class="side">
<% content.header
-%>
<div
style="overflow:auto;height:350px;">
<% loop:list_category
-%>
<a href="<% category.page_url %>"><% category.name |
tag_break %></a>
(<% category.article_count | __or__ | echo("0")
%>)<br>
<%loop -%>
style="COLOR: #ff0000"></div>
<% content.footer
-%>
</div>
%></div>
<div class="side">
<% content.header
-%>
<div
style="overflow:auto;height:350px;">
<% loop:list_category
-%>
<a href="<% category.page_url %>"><% category.name |
tag_break %></a>
(<% category.article_count | __or__ | echo("0")
%>)<br>
<%loop -%>
style="COLOR: #ff0000"></div>
<% content.footer
-%>
</div>
以上で作業は完了です。
このカスタマイズは過去ログなど別のサイドコンテンツにも使用することができます。
川中は、ツイッターで時々つぶやいています。よろしければご覧下さい。
ブログカスタマイズ03、サイドコンテンツのスクロール表示