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

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

1-52ブロック左メニュー。
これで1-1が終わったー\(^o^)/

次はまたHTML作りから。
年内の完成を目指します。


 @charset "UTF-8";
 /*-----------------------------------------------------
 全ブロックの共通設定
 ------------------------------------------------------*/
 * {
 margin: 0;
 padding: 0;
 }
 /*BODY全体に関する設定*/
 body {
 background-color: #000;
 color: #999;
 font-family: Verdana;
 font-size: 12px;
 line-height: 1.5;
 }
 /*の全ての設定*/
 td {
 text-align: center;
 }
 /*table全ての設定*/
 table {
 border-collapse: collapse;
 }
 /*通常のリンクの設定*/
 a {
 text-decoration: none;
}
 a:link {
 color: #bbb;
 }
 /*過去に見たことがあるページのリンクの設定*/
 a:visited {
 color: #999;
 }
 /*カーソルが合っている状態のリンクの設定*/
 a:hover {
 color: #c66;
 }
 /*全体の設定*/
 #mainBlock {
 width:750px;
 }
 /*テキスト左寄せ*/
 .left {
 text-align: left;
 }
 /*テキスト中央寄せ*/
 .center {
 text-align: center;
 }
 /*テキスト右寄せ*/
 .right {
 text-align: right;
 }
 /*送信・検索ボタン*/
 .btn {
 background-color: #000;
 border: 1px solid #666;
 color: #999;
 padding: 2px;
 width: 45px;
 }
 /*-----------------------------------------------------
 トップブロック用デザイン
 ------------------------------------------------------*/
 /*一番上のブロック(タイトルが書かれる場所)の設定*/
 #TopBlock {
 margin: 30px 20px 20px 35px;
 }
 /*ページタイトル文字部分の設定*/
 #TopTitle {
 font-size: 16px;
 }
 /*ページタイトルの下に来るブログの説明文書*/
 #TopExplanation {
 margin-left: 15px;
 }
 /*管理人用リンク*/
 #AdminBlock {
 text-align: right;
 margin-bottom: 10px;
 }
 /*-----------------------------------------------------
 フッターブロック用デザイン
 ------------------------------------------------------*/
 /*一番下のブロック(著作権表示が書かれる場所)の設定*/
 #FooterBlock {
 clear: both;
 height: 100px;
 margin-left: 20px;
 }
 /*-----------------------------------------------------
   プラグインブロック用デザイン
 ------------------------------------------------------*/
 /*プラグイン表示箇所全体の設定*/
 .PluginBlock {
 float: left;
 margin-left: 15px;
 width: 200px;
 }
 /*プラグイン表示箇所の背景や余白設定*/
 .PluginInnerBlock {
 }
 /*プラグインのタイトル(名称)部分の設定*/
 .PluginTitle {
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 padding: 1px 15px;
 }
 /*プラグインの説明部分の設定*/
 .PluginExplanation {
 margin-left: 5px;
 }
 /*プラグインが表示される場所の設定*/
 .PluginContents {
 margin: 15px 0 20px 5px;
 }
 /*検索ボックス*/
 .box {
 border: 1px solid #999;
 padding: 2px 0;
 }
 /*-----------------------------------------------------
   記事ブロック用デザイン
 ------------------------------------------------------*/
 /*記事繰り返し処理全ての部分の設定*/
 #EntryBlock {
 float: right;
 margin-bottom: 30px;
 width: 500px;
 }
 /*記事表示部分の背景や余白等の設定*/
 .EntryInnerBlock {
 border-top: 1px solid #444;
 border-right: 1px solid #777;
 border-bottom: 1px solid #777; 
 border-left: 1px solid #444;
 margin-bottom: 20px;
 padding: 0 15px 10px;
 }
 /*各記事タイトル部分の設定*/
 .EntryTitle {
 font-weight: bold;
 padding: 7px 0 0;
 text-align: center;
 }
 /*各記事やコメント、トラックバックなどの総合のブロック部分*/
 .EntryTextBox {
 }
 /*記事本文が記載される部分*/
 .EntryText {
 margin: 15px 5px;
 }
 /*追記文書が記載される部分*/
 .EntryPsText {
 margin-top: 15px;
 text-align: right;
 }
 /*記事へのリンク(コメントやトラックバック等)の背景*/
 .EntryFooter {
 clear: both;
 }
 /*記事を投稿した日が記載されている部分*/
 .EntryWriteDate {
 text-align: center;
 }
 /*記事のカテゴリ名が記載されている部分*/
 .EntryCategory {
 margin-left: 5px;
 }
 /*記事へのトラックバックリンクが記載されている部分*/
 .EntryTrackback {
 margin-left: 5px;
 }
 /*記事へのコメントリンクが記載されている部分*/
 .EntryComment {
 margin-left: 5px;
 }
 /*次の記事やHOMEへのリンクが表示される背景部分*/
 .PageLinkBlock {
 margin-bottom: 50px;
 text-align: center;
 }
 /*記事本文と画像の間隔*/
 .EntryText img {
 margin: 0 5px 7px 0;
 }
 /*水平線*/
 hr {
 background-color: #666;
 border: none;
 clear: both;
 color: #666;
 height: 2px;
 margin: 25px 0;
 }
 /*-----------------------------------------------------
   各コメント表示部分の設定
 ------------------------------------------------------*/
 /*コメント全体の設定*/
 .CommentBlock {
 border: 1px dotted #999;
 margin: 40px 10px;
 }
 /*Comment form と書かれている部分の設定*/
 .CommentMenuTitle {
 font-weight: bold;
 }
 /*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
 .CommentTextBox {
 padding-bottom: 1px;
 }
 /*コメントのタイトル部分*/
 .CommentTitle {
 font-weight: bold;
 margin: 10px 10px 3px 15px;
 }
 /*コメント部分*/
 .CommentText {
 margin: 15px 25px;
 }
 /*投稿者や投稿時間などが表示されている部分*/
 .CommentFooter {
 margin: 5px 20px;
 text-align: right;
 }
 /*投稿者名の部分*/
 .CommentUserName {
 }
 /*投稿された時間が記載されている部分*/
 .CommentWriteDate {
 margin-left: 5px;
 }
 /*コメント編集へのリンク部分*/
 .CommentEdit {
 margin-left: 5px;
 }
 /*コメントを投稿するフォーム全体の設定*/
 .CommentFormBlock {
 margin: 30px 20px 0 40px;
 padding-bottom: 10px;
 }
 /*コメントフォームTHタグ設定*/
 .CommentFormTh {
 padding-top: 5px;
 padding-right: 10px;
 text-align: right;
 }
 /*コメントフォームTDタグ設定*/
 .CommentFormTd {
 padding-top: 5px;
 text-align: left;
 }
 /*inputタグやtextareaの設定*/
 .CommentForms {
 border: 1px solid #666;
 padding: 1px;
 }
 /*コメントの修正 と書かれている部分*/
 .CommentMenuTitle2 {
 margin: 20px 25px;
 }
 /*-----------------------------------------------------
   トラックバック表示部分の設定
 -------------------------------------------------------*/
 /*トラックバック全体の設定*/
 .TrackbackBlock {
 margin: 40px 10px;
 }
 /*トラックバックメニューのタイトル部分*/
 .TrackbackMenuTitle {
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 margin-bottom: 30px;
 padding: 2px 20px;
 }
 /*トラックバックのタイトル、記事、リンク部分の総合設定*/
 .TrackbackTextBox {
 line-height: 1.4;
 padding: 20px;
 }
 /*トラックバックタイトルの部分*/
 .TrackbackTitle {
 font-weight: bold;
 }
 /*トラックバックの記事部分*/
 .TrackbackText {
 padding: 5px;
 }
 /*投稿されたブログ名やリンクなどを表示する部分の設定*/
 .TrackbackFooter {
 border-bottom: 1px dotted #999;
 text-align: right;
 margin-bottom: 20px;
 padding: 5px 10px;
 }
 /*トラックバックされた日付部分*/
 .TrackbackWriteDate {
 margin-left: 5px;
 }
 /*この記事にトラックバックする と書かれた部分の設定*/
 .TrackbackURLTitle {
 margin-left: 20px;
 }
 /*トラックバックする為のURLが記載されているフォーム部分の設定*/
 #TrackbackURL {
 border: 1px solid #666;
 }
 /*-----------------------------------------------------
   各プラグイン共通項目用設定
 ------------------------------------------------------*/
 /*各プラグイン処理内基本デザインの下に記載する日付など*/
 .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 a {
 text-decoration: underline;
 }
 /*-------------------------------------------------------
   コメント -> 管理者返信部分デザイン
 -------------------------------------------------------*/
 .CommentResBlock {
 color: #aaa;
 margin: 20px 40px;
 }
 .CommentResBox {
 background-color: #333;
 border-top: 1px solid #555;
 border-right: 1px solid #777;
 border-bottom: 1px solid #666; 
 border-left: 1px solid #555;
 padding: 10px;
 }
 .CommentResTitle {
 border-bottom: 1px dashed #999;
 padding-bottom: 3px;
 padding-left: 10px;
 }
 .CommentResText {
 padding: 10px;
 }
 .CommentResFooter {
 text-align: right;
 }
PR
Comment form
Name
Title
Comment
Password   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
  管理人のみ閲覧可能にする
この記事のトラックバック
この記事にトラックバックする
カレンダー
08 2017/09 10
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
ブログ内検索
プロフィール
HN:
HP:
性別:
女性
趣味:
汚肌の手入れ
メールフォーム
テンプレに問題発生!の時はご連絡を ↓↓↓m(_ _)m↓↓↓
カウンター
忍者ブログ [PR]

Designed by