スポンサーサイト

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

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

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

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



1.
スタイルシートの241~249行目付近に
.txt {
width:500px;
margin:3px 22px 7px 22px;
line-height:1.5em;
overflow:hidden;
text-align:left;
word-break:break-all;
font-size:12px;
}


と、いうのがあります。

2.
1.を…
.txt {
width:500px;
margin:3px 22px 7px 22px;
line-height:1.5em;
overflow:hidden;
text-align:left;
word-break:break-all;
font-size:12px;

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

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

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

4.
メインテンプレートの39行目付近に、
<div class="txt">{$BlogEntryBody$}
と、いうのがあります。
アーカイブテンプレートは、426行目付近にあります。

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

実際にやってみると、
<div class="scroll"><div class="txt">{$BlogEntryBody$}
このようになります。

6.
メインテンプレートの60~61行目付近に、
<div class="entry_bot">&nbsp;</div>
</BlogEntries>

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

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

実際にやってみると、
<div class="entry_bot">&nbsp;</div></div>
</BlogEntries>

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

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