「春二番」 ◇ TOPページでは新着記事12件を表示中
pickup-ani06.gif the波乗りレストランを振り返る人気blogランキング
AFP BB NEWS ◇ 気になるNEWSを写真付きでBLOGに投稿





2007:02:08:03:55:052007年02月08日
どもっ、はちです。
ワタクシ以前からセンター部分だけが長くなるのを
防ぎたかったんです。
そこで、今回やってみたのが
記事設定画面でのスクロール表示タグの追加。
これで、センター部分だけが長くなることを防げます。
ちなみにワタクシが設定したタグは「↓」こちら。

<div style="overflow: auto;height:2700px;
border: 1px #6699FF solid;
scrollbar-base-color: lightgreen;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #6699FF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #6699FF;
scrollbar-arrow-color: #FFFFFF;">
※※※※コンテンツ記事HTMLをそのまま入れる※※※※
</div>

ようは、コンテンツ記事HTMLの最初と最後を<div>で
囲むだけ! というわけです。
カスタムしていると何を変更したのか忘れたりするので
書いているわけですが……勉強することばかり。
やってみると単純なことにきづくんだけどな〜。


【追記 2月22日】
HTML先頭の
<% content.header -%>
<!-- Content -->
以下、
===========
<!-- Content -->
<div class="topicpath2">
<a href="<% blog.page_url %>">TOPページ</a>
<% if:page_name eq 'article' %> > <% loop:list_article -%><a href="<% article_category.page_url %>"><% article_category.name %></a> > <% article.subject %><% /loop %><% /if %>
<% if:page_name eq 'archive' %> > <% archive.createstamp | date_format("%Y年%m月") %><% /if %>
<% if:page_name eq 'category' %> > <% category.name %><% /if %>
</div>
<div style="overflow: auto;height:2270px;
border: 1px #000 solid;
=============

を、スクロール(赤以下)をはさんで
記事下にも「パンくず形式」で表示するようにしました。
=========



<% /if -%>
<% /if -%>
</div>
<div class="topicpath2">
<a href="<% blog.page_url %>">TOPページ</a>
<% if:page_name eq 'article' %> > <% loop:list_article -%><a href="<% article_category.page_url %>"><% article_category.name %></a> > <% article.subject %><% /loop %><% /if %>
<% if:page_name eq 'archive' %> > <% archive.createstamp | date_format("%Y年%m月") %><% /if %>
<% if:page_name eq 'category' %> > <% category.name %><% /if %>
</div>
<!-- /Content -->
<% content.footer -%>
=============
この時、この赤の</div>がおそらくスクロールのラストタグに
なっていると思われるため、この直前にいれています。
03:55 | TB(1) | はちブログ:ブログについて| edit| アクセスランキング

                    人気blogランキングへ TOPページへ戻る
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのリンクタグ
この記事へのトラックバックURL


この記事へのトラックバック一覧
スクロールバーの設定
Excerpt: BODY { &amp;nbsp;&amp;nbsp;&amp;nbsp; scrollbar-base-color:#color;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp...
Weblog: プログラマー's 雑録
Tracked: 2007-02-25 11:03

TOP > はちブログ:ブログについて > 記事部分をスクロール表示させる。