SQLの窓

2014年08月25日


Seesaa ブログの、ホワイト(右サイドバー)の幅を広〜く変更する為の CSS 設定



変更するのは、以下の6つの CSS セレクタです。

1) #container : 800px を 1130px に
2) #content : 532px を 800px に
3) #links : 195px を 300px に
4) .blog : background-image 関連を削除
5) .text : background-image 関連を削除
6) .posted : background-image 関連を削除


これらは、とても単純なお話で、最大幅が 800px だったものを 1130px に変更する手順です。もともと、800px の中に (532 + 195 + 20) = 747 < 800 という定義だと考えられます。20px は、margin-left です。多少の見逃しがあるかもしれませんが、実際 Google Chrome のデベロッパーツールでリアルタイムに変更すると、(800 + 300 + 20) = 1120 < 1130 で収まりました。

4) 5) 6) は、記事の範囲を背景画像で表現していたので削除しています。必要ならば、新たに画像を作成して使うか、CSS の追加で罫線等を引けばいいと思います。




Seesaa独自タグ簡易リファレンス

タグ:Seesaa
【Seesaa プログ管理支援の最新記事】
posted by lightbox at 2014-08-25 22:02 | Seesaa プログ管理支援 | このブログの読者になる | 更新情報をチェックする
バッチ処理

Microsoft Office
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
CSS ドロップシャドウの参考デモ
PHP正規表現チェッカー
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり