Seesaaブログのテンプレートの横幅をカスタマイズしてみた

Seesaa ブログに画像を張り付けると、はみ出してしまうことが多い。というか今時、PCの横幅が約800ピクセルって少なくね?

じゃあ幅を広げてしまえ。ということで、やり方をメモ。

スタイルシートで調整

スタイルシートの編集画面で調整できる。

ログイン→「デザイン」を押す→デザイン設定画面→設定対象のタブ内(今回はPC)に移動→「デザイン設定」→デザイン一覧画面へ

下の方にある一覧から編集したい「タイトル名」を押す→スタイルシート編集画面へ

階層が深い。設定させたくない意図が垣間見える

今使ってるのはシンプルクリアグリーン(右サイドバー)。このスタイルシートに変更を加える。

全体幅(#container)

10行目付近にある(テンプレートによって変動)

#container{

width:800px;

これを書き換える。

微調整なら、これを少し拡大するだけで大丈夫だろう(大きく変えるとデザインが崩れる)。

width:1000px; にしてみた。

今時、XGA以下のディスプレイ使っている人は少ない(というか売ってない)と思うので・・・

メイン文章部(コンテンツ部)

75行目付近にある

#content {

width:565px;

これを書き換える。

width:600px; にしてみた。

右サイドバー部(リンク部)

127行目にある

#links {

width:200px;

これを書き換える。

width:350px; にしてみた。

これで余白35(800-565+200)から、余白50(1000-600-350)になるはず。

余白部分の数値は変更前後で合わせるべきだと思うが、なんとかなっているので大丈夫なんじゃね・・・という軽い感じで変更。

何か起きたらリセットすればOK。


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA