スポンサーサイト

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

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

Q.サイドバーと記事それぞれ全体にスクロールをつけたい[2左]

A.

↑のようにしたいということでしたら、
メインテンプレート、アーカイブテンプレート、1記事テンプレート、スタイルシートを変更するとできます。
以下、変更方法


1.
スタイルシートの
130~132行目付近
#center {
width:550px;
}


234~240行目付近 .entry {
margin-bottom:30px;
width:550px;
border-top: #FF9999 1px solid;
border-bottom: #FF9999 1px solid;
border-left: #FF9999 1px solid;
}

というのがあります。

2.
1.を…
130~132行目付近
#center {
width:auto;
overflow: auto;
height: 200px;

}

234~240行目付近
.entry {
margin-bottom:30px;
width:auto;
border-top: #FF9999 1px solid;
border-bottom: #FF9999 1px solid;
border-left: #FF9999 1px solid;

overflow: hidden;
}
このように赤文字のところを変更し、青文字のところを書き加えます。

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

を書き加える。

4.
メインテンプレートの71~76行目付近に
<div id="left">
<div class="inner sb">
{$feedme$} {$BlogSidebarLeft$} {$Banner$}
</div>
</div>

というのがあります。
アーカイブテンプレートは73~78行目付近、1記事テンプレートは163~168行目付近にあります。

5.
4.を…
<div id="left">
<div class="inner sb">
<div class="scroll">
{$feedme$} {$BlogSidebarLeft$} {$Banner$}
</div></div>
</div>

このように赤文字のところを書き加えます。
スポンサーサイト
[ 05/28 ] [レイアウト(全体)]2カラムpink 左サイドバー | トラックバック(-) | コメント(-)

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