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

カテゴリや過去ログなどのサイドメニューはコンテンツが増えたり時間が経つことによりだんだんと長くなってきます。行数が増えて長くなったサイドコンテンツをスクロール表示させる方法です。

スクロール表示

このカスタマイズはコンテンツの編集です。カテゴリを例に説明します。
マイブログメニューの[デザイン]⇒[コンテンツ]の[カテゴリ]から編集を行います。

次の赤文字の2行を追加しました。
ブロック要素の<div>タグに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 -%>
</div>
<% content.footer -%>
</div>

以上で作業は完了です。
このカスタマイズは過去ログなど別のサイドコンテンツにも使用することができます。
トップページへ戻る

サイトマップ

Seesaaブログのカスタマイズ > カテゴリ > スクロール表示
スタイルシート カスタマイズ

スタイルシート作成ツール

HTMLカスタマイズ
サイト全体

記事コンテンツ

コメント、トラックバック
新着記事

カテゴリ

最近のコメント、トラックバック

検索ページ

その他