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。