ぴかぴか(新しい)おすすめ
⇒ジュース1本で動画も音楽もアップロード!ロリポップ

2006年02月13日

スクロール表示スライドバーでコンテンツ改造

posted by はに丸
edit  re
カテゴリー新着記事に限らず、サイドバーやメインに表示させているコンテンツオーバーフロー(スクロールバーを出現させて縦幅を固定する)表示にして見やすくしてみましょう。ここではSeesaaブログを例に説明します。たぶん他のブログでもできます。

スクロール表示

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

次の赤文字の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>

以上で作業は完了です。
このカスタマイズは過去ログなど別のサイドコンテンツにも使用することができます。
この記事へのコメント
おはようございます
スクロールバー設置させていただきました。
ありがとうございます
Posted by ウッキ at 2006年06月03日 10:23
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: [必須入力]


この記事へのトラックバック
新着記事
このサイトは管理人の趣味・勉強の為に運営しています。従ってサポートを目的としておらず、全ての情報が最新かつ正しい内容とは限りません。自己責任でお願いします。
はに丸の楽曲は著作権を放棄しておりません。営利目的での無断使用を禁止します。
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。