Tales of Chaotic Dream ~混沌の夢物語~

ardinの脳内を赤裸々に公開。日記・詩・小説もどきの他テンプレカスタム等、不定期更新。
注意事項
  1. 当ブログはイラストサイト:Dream of Chaosのコンテンツの一つです。
  2. ここをはけ口としている為、比較的高い頻度で愚痴や毒を吐きます。ご了承下さい。
  3. 詩や小説など管理人による創作物の無断転載は「ダメ、ゼッタイ。」タメ口は気にしませんが、必要以上に小文字、ギャル文字などは使わないで下さい。ある程度親しくなってからネタとしてなら許容出来ますが・・・。
  4. 当ブログや、メインサイト、及び管理人に関する事であれば、いかなる発言も意見の一つとして受け入れるつもりです。しかし、リンク先や、知人・友人、その他直接管理人にはどうしようもない事象に対しての誹謗中傷は自重して下さい。


concrete_barbedwireのカスタムあれこれ

concrete_barbedwireのカスタムを少し。
やろうと思えばキリが無いので、勉強してみると面白いと思うよ。
自分は主にHTMLとCSSならTAG indexとか、色彩なら原色大辞典とか見て勉強してる。
ユーザーフォーラムとか、FC2ブログの歩き方FC2ブログのテンプレート工房さんとかも参考になるよ。
変更したい部分によっては環境設定とかが絡む部分もあるので公式マニュアルを見るのも忘れずに。
最後にAnother HTML-lint gatewayでhtmlを、W3C CSS Validation ServiceでCSSをチェックすると良いと思う。
これはブログに限ったことではないけどね。
htmlに関してはブログ独自の変数がミスにカウントされるから、チェックするときはプレビューのソースが良いかも。
あと、大幅なカスタムをするときは、先に複製をとっておくと、カスタムに失敗した時も安心だと思うよ。

目次

  1. 記事内画像の枠をとる
  2. 外側の背景画像をスクロールさせない
  3. 背景画像の変更
  4. カテゴリ・月別・検索結果一覧表示の表示の仕方を普通の記事と同じにする


090827追記:このカスタムはwhisper_of_cosmosにも摘要できます。

* * *

1.記事内画像の枠をとる
css内の
.entrybody img{margin:10px; /*記事内の画像とテキストの隙間*/
padding: 3px;
background: #ffffff;
border-right: #333333 1px solid;
border-bottom: #333333 2px solid;

}
赤字部分を削除してください。

2.外側の背景画像をスクロールさせない
css内の次の部分に赤字を追加してください。
body{
text-align:center;
line-height:2; /*基本行間*/
margin:0; /*ウィンドウとの隙間1*/
padding:0; /*ウィンドウとの隙間2*/
background-color:#000000; /*外側の背景色*/
color:#ffffff; /*基本文字色*/
font-size:10pt; /*基本文字サイズ*/
background-image: url(http://blog-imgs-24.fc2.com/t/a/l/talesofchaoticdream/concrete.jpg);
background-attachment: fixed;
}

3.背景画像の変更
コンクリートの画像はcss内の
background-image: url(http://blog-imgs-24.fc2.com/t/a/l/talesofchaoticdream/concrete.jpg);
の部分をそれぞれ変更してください。
記事の有刺鉄線画像は
background-image: url(http://blog-imgs-24.fc2.com/t/a/l/talesofchaoticdream/barbedwire-l.gif);
を、プラグインなどの有刺鉄線画像は
background-image: url(http://blog-imgs-24.fc2.com/t/a/l/talesofchaoticdream/barbedwire.gif);
をそれぞれ変更してください。

4.カテゴリ・月別・検索結果一覧表示の表示の仕方を普通の記事と同じにする
htmlの
<!--▼▼ エントリー(記事) ▼▼-->
<!--not_date_area--><!--not_category_area--><!--not_search_area-->
<!--topentry-->
(中略)
<!--/topentry-->
<!--/not_date_area--><!--/not_category_area--><!--/not_search_area-->
<!--▲▲ エントリー(記事) ▲▲-->
赤字部分と下記の部分を削除してください。
<!--▼カテゴリ一覧▼-->
(中略)
<!--▲検索結果一覧▲-->

関連記事

EDIT [2009/06/25 09:53] その他 テンプレ Comment:0


<< | BlogTop | PageTop  | >>

コメントの投稿














管理者にだけ表示を許可する

トラックバック

この記事のトラックバックURL
http://talesofchaoticdream.blog32.fc2.com/tb.php/694-9b8f5137

Template Design by Tales of Chaotic Dream