スポンサーサイト

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

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

Q.サイドバーを1個ずつ枠線で囲いたい[2右]

A.
スタイルシートの変更が必要です。
以下、変更方法


1.
スタイルシートの294~299行目付近に
.side {
width:240px;
margin:10px 0px 15px 0px;
padding:0px 0px 5px 0px;
text-align:center;
}
というのがあります。

2.
枠の線の種類は―(実線)、色を緑にして四角く囲うようにするのであれば、1.を…
.side {
width:240px;
margin:10px 0px 15px 0px;
padding:0px 0px 5px 0px;
text-align:center;
border-width: 1px;
/*線の太さ*/
border-color: #00ff00;
/*線の色*/
border-style: solid;
/*線の種類*/
}

このように赤文字のところを書き加えます。

3.
枠の線の種類を点線、色を緑にして、上下にだけ線がでるようにしたい場合は、1.を…
.side {
width:240px;
margin:10px 0px 15px 0px;
padding:0px 0px 5px 0px;
text-align:center;
border-width: 1px 0px 1px 0px;
/*線の太さ*/
border-color: #00ff00;
/*線の色*/
border-style: dotted;
/*線の種類*/
}

このように赤文字のところを書き加えます。(/* ~ */は説明部分なので省略してください)

線の色カラーコードを見て、好みの色に変更してください。
スポンサーサイト
[ 05/29 ] [サイドバー]2カラムblue 右サイドバー | トラックバック(-) | コメント(-)

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