テンプレート「エアメール」の左サイドバーの変更

こちらの記事は、ＦＦではうまくいったのですが、ＩＥではうまく表示されませんでした。

訂正版を次ページにアップしましたので、そちらを参照してください。


Seesaa ブログのカスタマイズ、はりきってやってますかぁ？

　今日は、テンプレート「エアメール」の左サイドバーを少しだけ右にずらす方法を紹介するよ。

【問題点】

　テンプレート「エアメール」の左サイドバーは、左端いっぱいに寄っていて、文字や画像が見にくいんだ。

　左サイドバーにアフィリエイト用のリンクや画像を表示させるときに、ちょっと見にくいんだよね。

　って、これは管理人だけのこだわりなのかもしれないけど。

【解決策】

　スタイルシートの links-left に padding を追加して解決するんだ。

【手順】

　この方法では、スタイルシートを変更するから、変更する前に、失敗に備えて、必ず変更直前のスタイルシートを保存しておいてよ。

　準備ができたら行くよ！

　スタイルシートの #links-left に次の padding 行を追加するんだ。

　　　padding: 0px 0px 0px 10px;

　赤い字が右にずらす量なんだ。値はお好みで。

　追加後はこんな感じになるんだよ。青い字の部分が追加した padding 行だよ。

　　　#links-left {
　　　font-weight:normal;
　　　width:180px;
　　　float:left;
　　　margin: 0px 0px 0px 0px;
　　　padding: 0px 0px 0px 10px;
　　　text-align:left;
　　　}

　どう？　簡単でしょ！？


以上で、今日のシーサーブログのカスタマイズを終わるよ。

　どう、ためになったかな？



もしこの記事があなたの参考になりましたらランキングの応援お願い致します。
seesaaカスタマイズ職人の元気の源・人気ブログランキング

シーサーブログのカスタマイズの注意事項
　上記シーサーブログのカスタマイズは各自の責任において実行するようお願いします。

　また、もし、間違いなどにお気づきの方は、気軽にコメントに書いてやってください。もちろん、普通のコメントは大歓迎です。ぜひ、コメントをお願いします。コメントが励みになりますので。

「シーサーブログカスタマイズ超入門！」のトップページ

Comments

本文の通り、#links-left に
padding: 0px 0px 0px 10px;
を入れたら、右サイドバーが左下にずれてしまった。
どう対処すればよいでしょうか？

Posted by 初夏のレモネード at 2007年02月17日 01:31

ご訪問＆ご質問ありがとうございます。

　この件は、次の記事に訂正版をアップしておりますので、よろしかったら、そちらを参考にして下さい。

http://seesaacustomize2002.seesaa.net/article/28527839.html

ちなみに、この記事の次の記事です。

Posted by シーサーカスタマイズ職人 at 2007年02月17日 18:04