サイトの背景(白地)に任意の画像を表示
両サイドの間隔を空けるために、コンテンツ(記事部分)の幅を狭めます。 style.cssの変更は次の6行に置き換える。
/* —— メイン画像 —— */
#mainvisual {position: relative; width: 100%; overflow:hidden; z-index: 10;}
#mainvisual-inner {margin: 0;}
#mainvisual img{margin: 0 auto; display: block;}
|
/* —— コンテンツ —— */
#containar {width: 1000px; margin: 0 auto;padding-top: 20px;overflow: hidden;*zoom: 1; background-color: #FFFFFF;}
#contents {float: left; width: 670px; margin-left: 30px;}
|
/* —— サイドバー —— */
#sidebar {float: right; width: 251px; padding-top: 0; text-align: left; margin-right: 30px;}
|
なお、テーマ・テンプレート「デジステイト社:8042*c」による