2010.07.30
海のテンプレートのカスタマイズ
anne_10sea_3c テンプレート
[記事の幅の変更方法]
記事の幅は、510ピクセルから最大710ピクセルまで、
好きな幅に設定できます。
ここでは、3カラムの記事を710ピクセルにするやり方を紹介します。
↓ 追記をごらんください。
「テンプレートの設定」→「anne_10sea_3c」編集
→「スタイルシートの編集」
下記赤文字の数字を
青文字の数字に変更してください。
「レイアウト」
-----------------------------------------------
div#container {
width: 1000px;
~
↓
div#container {
width: 1200px;
~
-----------------------------------------------
div#header {
width: 1000px;
height : 200px;
background : url(http://blog-imgs-43.fc2.com/a/n/n/annebox/10sea-t1000.gif) no-repeat;
~
↓
div#header {
width: 1200px;
height : 200px;
background : url(http://blog-imgs-43.fc2.com/a/n/n/annebox/10sea-t1200.gif) no-repeat;
~
-----------------------------------------------
div#wrapper {
width: 755px;
~
↓
div#container {
width: 955px;
~
-----------------------------------------------
div#main {
float : right;
width : 510px;
~
↓
div#main {
float : right;
width : 710px;
~
-----------------------------------------------
div#footer {
clear: both;
padding-top:10px;
width: 1000px;
~
↓
div#footer {
clear: both;
padding-top:10px;
width: 1200px;
~
-----------------------------------------------
「メイン記事部分の設定」
-----------------------------------------------
div.content {
text-align: left;
width: 510;
~
↓
div.content {
text-align: left;
width: 710;
~
-----------------------------------------------
