スポンサーサイト

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

[ --/-- ] スポンサー広告 | トラックバック(-) | コメント(-)

Q.記事にスクロールバーをつけたいんだけど…[2左]

A.
記事全部につけてもサイドバーが残ってしまい意味がないので、記事ごとにスクロールバーをつけます。
メインテンプレート、アーカイブテンプレート、スタイルシートを変更するとできます。


1.
スタイルシートの292~298行目付近に
.txt {
padding:3px 0px 10px 20px;
line-height:1.5em;
overflow:hidden;

width:490px;
font-size:12px;
}

と、いうのがあります。

2.
1.を…
.txt {
padding:3px 0px 10px 20px;
line-height:1.5em;
overflow:hidden;

width:auto;
}
このように、赤文字のところを変更します。

3.
スタイルシートの一番下に
.scroll
{
overflow: auto;

height: 150px;/*スクロールの高さ*/
}
と書き加えます。
height: 150px;150 は、スクロールが表示されるところの高さになります。好みの数字に変更してください。

4.
メインテンプレートの45~46行目付近に、
<div class="txt">
{$BlogEntryBody$}

と、いうのがあります。
アーカイブテンプレートは、55~56行目付近にあります。

5.
4.の前に、<div class="scroll">を書き加えます。

実際にやってみると、
<div class="scroll"><div class="txt">
{$BlogEntryBody$}

このようになります。

6.
メインテンプレートの60~61行目付近に、
</div>
</BlogEntries>

と、いうのがあります。
アーカイブテンプレートは、67~68行目付近にあります。

7.
6.の前に、</div>を書き加えます。

実際にやってみると、
</div></div>
</BlogEntries>

このようになります。
スポンサーサイト
[ 05/16 ] [記事]2カラムpink 左サイドバー | トラックバック(-) | コメント(-)

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