共有テンプレート - 左右の余白調整方法

共有テンプレートのアンケートでコメント(要望)を頂いたので、お答えします。

はじめまして^^ 素敵なテンプレートをありがとうございます! ちょっと要望いいでしょうか>< 自分はdark_skyを使わせていただいてるのですが、画面左右の白いスペースあるじゃないですか。あれってなくせたりしないでしょうか。あのスペース分広げたりとか…



■公開中の共有テンプレートの紹介および利用規約は、【こちら


共有テンプレ余白調整

▲画像をクリックして下さい。 原寸(拡大)表示されます。


2カラムでも3カラムでも、やり方は共通です。
スタイルシートの編集で、下記の 「%」 の数字を100%にすれば、左右の余白がなくなります。

逆に余白を多く取りたい場合は、80%なり75%にすればOKです。


★★スタイルシート修正前★★

【2カラムのテンプレート:スタイルシート編集】

/**** 2ColumnSet ****/
body { text-align: center; }
div#mabody { margin: 0 auto; text-align: left; width: 90%; }
div#mainBlock { margin-left: 230px; }
div.menuBlock { width: 200px; float: left; }
div#template { clear: both; }


【3カラムのテンプレート:スタイルシート編集】

/**** 3ColumnSet ****/
body { text-align: center; }
div#mabody { margin: 0 auto; text-align: left; width: 95%; }
div#mainBlock { width: 49%; float: left; }
div.menuBlock { width: 24%; float: left; }
div#template { clear: both; }




★★スタイルシート修正後★★

【2カラムのテンプレート:スタイルシート編集】

/**** 2ColumnSet ****/
body { text-align: center; }
div#mabody { margin: 0 auto; text-align: left; width: 100%; }
div#mainBlock { margin-left: 230px; }
div.menuBlock { width: 200px; float: left; }
div#template { clear: both; }


【3カラムのテンプレート:スタイルシート編集】

/**** 3ColumnSet ****/
body { text-align: center; }
div#mabody { margin: 0 auto; text-align: left; width: 100%; }
div#mainBlock { width: 49%; float: left; }
div.menuBlock { width: 24%; float: left; }
div#template { clear: both; }
関連記事
スポンサーサイト
この記事がよいと思ったら、拍手ボタンをクリックして頂けると嬉しいです。  * web clap *

テーマ:お知らせ
ジャンル:ブログ

Welcome!



はじめに
管理人にメール 

にほんブログ村 漫画ブログ 漫画感想へにほんブログ村 その他生活ブログへ

現在の閲覧者数:
2006年からの訪問者数:

Amazon.co.jp

記事検索(ブログ内)

 

Lc.ツリーカテゴリー

【全タイトルを表示】

「+」「-」のクリックでツリーが開閉します。

おすすめ漫画[連載中]

○『シュトヘル』『甘々と稲妻』紹介記事

『シュトヘル』伊藤悠/小学館
シュトヘル1 (BIG SPIRITS COMICS SPECIAL) シュトヘル(2) (ビッグコミックススペシャル) シュトヘル(3) (ビッグコミックススペシャル) シュトヘル 4 (BIG SPIRITS COMICS SPECIAL) シュトヘル(5) (ビッグコミックススペシャル) シュトヘル 6 (BIG SPIRITS COMICS SPECIAL) シュトヘル 7 (BIG SPIRITS COMICS SPECIAL) シュトヘル 8 (BIG SPIRITS COMICS SPECIAL) シュトヘル 9 (BIG SPIRITS COMICS SPECIAL) シュトヘル 10 (BIG SPIRITS COMICS SPECIAL) シュトヘル 11 (BIG SPIRITS COMICS SPECIAL) シュトヘル 12 (BIG SPIRITS COMICS SPECIAL)

『甘々と稲妻』雨隠ギド/講談社 甘々と稲妻(1) (アフタヌーンコミックス) 甘々と稲妻(2) (アフタヌーンコミックス) 甘々と稲妻(3) (アフタヌーンコミックス) 甘々と稲妻(4) (アフタヌーンコミックス) 甘々と稲妻(5) (アフタヌーンコミックス) 甘々と稲妻(6) (アフタヌーンコミックス)

となりの怪物くん[完結]

となりの怪物くん(13) <完> (デザートコミックス)
○『となりの怪物くん』紹介記事
○ヤマケンについて語る。
○7巻[特装版] 感想
○8巻 感想
○9巻 感想
○10巻 感想
○11巻 感想
○12巻 感想
○13巻 感想
○FAN BOOK 感想

楽天

月別アーカイブ

11  09  08  06  05  03  02  01  10  08  04  03  02  01  12  10  09  08  07  06  05  04  03  02  01  12  11  09  08  06  05  04  03  01  12  11  10  09  08  07  06  05  03  01  12  11  10  09  08  05  03  11  10  09  07  06  03  12  08  07  06  05  04  01  12  09  08  07  06  05  04  03  02  01  12  11  09  03  02  01  12  11  10  09  08  07  06  04  03  02  12  11  10  09  08  07  06  05  04  03  02  01