seesaaでテンプレートを変更したい

質問

seesaaでブログを楽しんでいます。

現在「アイボリー(左サイドバー)」というテーマタイトルのスタイルシートを使っています。

この左サイドバーというのを両サイドバーというのに変えたいと思っています。
ところが用意されている両サイドバースタイルのもののなかからアイボリーが見つかりません。
サイドバーを増やすこと以外は変更したくないのですがどのようにすればよいのでしょうか？

スタイルシートをいじったことがないので途方にくれています。

回答No.1

mid_kazwo · ベストアンサー

「アイボリー(左サイドバー)」のスタイルシート（CSS）は、「右サイドバー」のセレクタ(#links)の中身が空なので、スタイルシートの編集がどうしても必要になると思います。

ブログ管理画面の「デザイン＞スタイルシート」で、タイトルが「アイボリー(左サイドバー)」のスタイルシートを編集してください。
要点は、以下の通りです。

(1) 記事の幅を狭めて余白も変更する
記事のセレクタ(#content)に関して、右メニューを設置するために幅(width)のプロパティを変更する。
また、記事が中央にくるように余白(margin)のプロパティも変更する。

(2) 右メニューに左メニューと同じ内容を指定する。
右メニューのセレクタ(#links)の中身が空なので、左メニューのセレクタ(#links-left)の中身をコピーして貼り付けるなどして、#linksに#links-leftと同じ値を指定する。

修正例）

#content {
margin:0px 10px 0px 10px; /* 余白を変更 */
float:left;
width:398px; /* 幅を狭める */
}

/* 右メニューには左メニューと同じ値を指定 */
#links {
font-weight:normal;
width:190px;
float:left;
margin: 0px 0px 0px 0px;
text-align:left;
}

あとは、ブログ管理画面の「デザイン＞コンテンツ」で、移動したい「コンテンツ」の配置を「左メニュー」から「右メニュー」に変更するだけです。

スタイルシートのプロパティの詳細は、参考URLをご覧になってください。

参考URL：

http://www.htmq.com/style/

お礼

ありがとうございます♪
何と言いますか完璧なご回答に感激しています。

おかげさまで両サイドにバーが出せました。
広告とその他のものを分けたかっんです。

http://gaitamefx.seesaa.net/