忍者ブログ
RPGの世界で冒険中...orz
Admin | Write
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

3-4a白地に黒文字のテンプレです。

小説本文の横幅が他より少し広めになっています。
全体が白背景のせいか、わずかの差でも広いような気が・・・

調節する場合は、枠内の余白の値を変更するのが手っ取り早いです。

/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
border: 1px solid #666;
margin-bottom: 25px;
padding: 15px 25px 10px;   ←25pxが左右の余白の値です。
}

本文の枠線が不要な場合は、border: 1px solid #666;を削除して下さい。


 @charset "UTF-8";
 /*-----------------------------------------------------
 全ブロックの共通設定
 ------------------------------------------------------*/
 * {
 margin: 0;
 padding: 0;
 }
 /*BODY全体に関する設定*/
 body {
 background-color: #fff;
 color: #333;
 font-family: Verdana;
 line-height: 1.5;
 }
 /*の全ての設定*/
 td {
 text-align: center;
 }
 /*table全ての設定*/
 table {
 border-collapse: collapse;
 }
 /*通常のリンクの設定*/
 a:link {
 color: #222;
 text-decoration: none;
 }
 /*過去に見たことがあるページのリンクの設定*/
 a:visited {
 color: #666;
 text-decoration: none;
 }
 /*カーソルが合っている状態のリンクの設定*/
 a:hover {
 color: #888;
 text-decoration: underline;
 }
 /*全体の設定*/
 #mainBlock {
 margin: 0 auto;
 width: 770px;
 }
 /*テキスト左寄せ*/
 .left {
 text-align: left;
 }
 /*テキスト中央寄せ*/
 .center {
 text-align: center;
 }
 /*テキスト右寄せ*/
 .right {
 text-align: right;
 }
 /*-----------------------------------------------------
 トップブロック用デザイン
 ------------------------------------------------------*/
 /*一番上のブロック(タイトルが書かれる場所)の設定*/
 #TopBlock {
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 border-left: 1px solid #666;
 margin-bottom: 20px;
 padding: 50px;
 }
 /*ページタイトル文字部分の設定*/
 #TopTitle {
 font-size: 16px;
 font-weight: bold;
 }
 /*ページタイトルの下に来るブログの説明文書*/
 #TopExplanation {
 font-size: 12px;
 }
 /*-----------------------------------------------------
 フッターブロック用デザイン
 ------------------------------------------------------*/
 /*一番下のブロック(著作権表示が書かれる場所)の設定*/
 #FooterBlock {
 clear: both;
 font-size: 12px;
 height: 70px;
 margin-top: 20px;
 text-align: center;
 }
 /*-----------------------------------------------------
   プラグインブロック用デザイン
 ------------------------------------------------------*/
 /*プラグイン表示箇所全体の設定*/
 .PluginBlock {
 font-size: 12px;
 }
 /*プラグイン1,3,5の表示箇所の背景や余白設定*/
 .PluginInnerBlock1,
 .PluginInnerBlock3,
 .PluginInnerBlock5 {
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 clear: both;
 margin: 0 20px 20px;
 padding: 10px 15px;
 }
 /*プラグイン2,4の表示箇所の背景や余白設定*/
 .PluginInnerBlock2,
 .PluginInnerBlock4 {
 float: left;
 margin: 5px 10px 20px 10px;
 width: 230px;
 }
 /*プラグイン2,4の縦の長さをそろえる場合には値を指定して下さい
 例)height: 200px;*/
 .PluginInnerBlock2 {
 height: px;/*プラグイン2*/
 }
 .PluginInnerBlock4 {
 height: px; /*プラグイン4*/
 }
 /*プラグインン2,4ののタイトル(名称)部分の設定*/
 .PluginTitle2,
 .PluginTitle4 { 
 border-right: 1px solid #666;
 border-bottom: 1px solid #777;
 padding-right: 15px;
 padding-bottom: 3px;
 text-align: right;
 }
 /*プラグインの説明部分の設定*/
 .PluginExplanation {
 margin-top: 5px;
 }
 /*プラグインが表示される場所の設定*/
 .PluginContents {
 margin: 15px 10px;
 }
 /*検索ボックス*/
 .box {
 border: 1px solid #777;
 padding: 2px 0;
 }
 /*検索ボタン*/
 .btn {
 background-color: #fff;
 border: 1px solid #777;
 color: #555;
 padding: 2px;
 width: 45px;
 }
 /*-----------------------------------------------------
   記事ブロック用デザイン
 ------------------------------------------------------*/
 /*記事繰り返し処理全ての部分の設定*/
 #EntryBlock {
 }
 /*記事表示部分の背景や余白等の設定*/
 .EntryInnerBlock {
 border: 0 solid #666;
 margin-bottom: 25px;
 padding: 15px 25px 10px;
 }
 /*各記事タイトル部分の設定*/
 .EntryTitle {
 font-size: 16px;
 text-align: center;
 }
 /*各記事の総合のブロック部分*/
 .EntryTextBox {
 }
 /*記事本文が記載される部分*/
 .EntryText {
 font-size: 90%;
 margin: 20px 0;
 }
 /*追記文書が記載される部分*/
 .EntryPsText {
 font-size: 12px;
 margin: 15px 0;
 }
 /*記事へのリンク(投稿日やカテゴリ名等)の背景*/
 .EntryFooter {
 font-size: 12px;
 text-align: right;
 }
 /*記事を投稿した日が記載されている部分*/
 .EntryWriteDate {
 }
 /*記事のカテゴリ名が記載されている部分*/
 .EntryCategory {
 margin-left: 3px;
 }
 /*記事の編集(EDIT)へのリンクが記載されている部分*/
 .EditEntry {
 margin-left: 3px;
 }
 /*INDEXへのリンクが表示される背景部分*/
 .PageLinkBlock {
 font-size: 12px;
 margin-bottom: 10px;
 text-align: center;
 }
 /*段落*/
 p {
 margin-bottom: 25px;
 }
 /*水平線*/
 hr {
 background-color: #777;
 border: none;
 clear: both;
 color: #777;
 height: 1px;
 margin: 25px 0;
 }
 /*拍手*/
 .NinjaClap {
 margin-top: 25px;
 }
 /*-----------------------------------------------------
   各プラグイン共通項目用設定
 ------------------------------------------------------*/
 /*各プラグイン処理内基本デザインの下に記載する日付など*/
 .plugin_data_date {
 text-align: right;
 }
 /*-----------------------------------------------------
   カレンダープラグイン用デザイン
 ------------------------------------------------------*/
 /*カレンダー日付移動用テーブル(前月、次月へのリンクなど)*/
 .CalendarMoveTable {
 margin: 0 auto;
 padding: 3px;
 width: 80%;
 }
 /*カレンダー表示用テーブル*/
 .CalendarTable {
 margin: 0 auto;
 padding: 3px;
 width: 80%;
 }
 /*-------------------------------------------------------
   カレンダーテーブル -> 曜日表示部分デザイン
 -------------------------------------------------------*/
 /*曜日表示部分、日曜日のタグ部分デザイン*/
 .CalendarWdaySun {
 color: #dc143c;
 }
 /*曜日表示部分、土曜日のタグ部分デザイン*/
 .CalendarWdaySat {
 }
 /*-------------------------------------------------------
   カレンダーテーブル -> 日付表示部分デザイン
 -------------------------------------------------------*/
 /*日付表示部分、日曜日のタグ部分デザイン*/
 .CalendarTdSun {
 }
 /*日付表示部分、土曜日のタグ部分デザイン*/
 .CalendarTdSat {
 }
 /*記事が存在する日付の設定*/
 .CalendarTdLink {
 background-color: #eee;
 }
PR
Comment form
Name
Title
Comment
Password   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
  管理人のみ閲覧可能にする
この記事のトラックバック
この記事にトラックバックする
3-5.css | HOME | 3-3.css
カレンダー
11 2017/12 01
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
ブログ内検索
プロフィール
HN:
HP:
性別:
女性
趣味:
汚肌の手入れ
メールフォーム
テンプレに問題発生!の時はご連絡を ↓↓↓m(_ _)m↓↓↓
カウンター
忍者ブログ [PR]

Designed by