ヤプログ・記事本文にスクロールバー(スクバ)をつける 長靴猫...★ 旧オロルンのヤプログ講座





↓--------

スポンサーサイト

 スポンサー広告



上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


↓2005-10-01

ヤプログ・記事本文にスクロールバー(スクバ)をつける

 ヤプログ講座



記事の本文にスクロールバーをつけます

メインテンプレート・アーカイブテンプレート・スタイルシートをいじります
いまからカスタマイズに入るので、バックアップを取って、メモ帳に移した状態にしてください
参考→カスタマイズの基礎
★★1★★

メインテンプレートの真ん中よりちょっと上辺りの

<td class="entry_text">★ここ★<div class="entry_layer">

<div class="scrl"> と書き、その少し下の

</BlogEntryIfExtended>★ここ★
  </td>

</div> と書き、

<td class="entry_text"><div class="scrl"> <div class="entry_layer">
~省略~
</BlogEntryIfExtended></div> 
</td>

となるようにします。これをアーカイブテンプレートにも行います


★★2★★

スタイルシートの一番最初に

.scrl
{
OVERFLOW: auto;
height:好きな数字px;
WIDTH: 100%;
}

と書きます
「好きな数字」は半角英数ならなんでもOK。80ぐらいがオススメです。


.scrl
{
OVERFLOW: auto;
height:80px
WIDTH: 100%;
}





講座の目次


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。