テンプレートをカスタマイズする

上記の広告は90日以上記事の更新がないブログに表示されます。新しい記事を書くことで、こちらの広告が消せます。

  

---------------------------------------------------------------------
#links{
width :180px;
float :left;
overflow :hidden;
padding:;
margin:0px 0px 0px 10px;
font-size :0.8em;
background-color:#EBDBBC;
---------------------------------------------------------------------
青を追加。赤を変更しました。緑を削除。


※http://blog.livedoor.jp/soccer_com/を目指してカスタマイズしています。  

---------------------------------------------------------------------
#links{
width:180px;　･･･画像の幅に合わせる
・
・
・
｛
---------------------------------------------------------------------
.sidetitle{
color:#009966;
letter-spacing:2px;
font-weight :bold;
padding:10px 5px 5px 25px;
background-image:url(http://www.chesuto.jp/_img/＊＊＊);
background-position:left;
background-repeat:no-repeat;
font-weight:bold;
border-bottom:1px dotted #999;・・・点線
}
---------------------------------------------------------------------
青を追加。赤を変更しました。緑を削除。


※http://blog.livedoor.jp/soccer_com/を目指してカスタマイズしています。  

---------------------------------------------------------------------
#banner{
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
background-color: #009966;
background-repeat :repeat-y;
background-position: right center;
background:url(http://www.chesuto.jp/＊＊＊) no-repeat;
height:155px;
}
---------------------------------------------------------------------
青を追加。height：は画像の高さ（px）


※http://blog.livedoor.jp/soccer_com/を目指してカスタマイズしています。  

---------------------------------------------------------------------
#container{
margin:0px auto;
background-color:#FFFFFF;
width:785px;
background:url(http://www.chesuto.jp/＊＊＊) repeat-y 50% 0;
}
---------------------------------------------------------------------

青を追加。赤を変更しました。長さは画像の長さです。今回は785にしました。

挿入した画像は↓↓です。見えにくいですが・・・
クリック
直リンクしないでください。  

カスタマイズ前

カスタマイズ後


body
---------------------------------------------
body{
background-image:url(http://www.chesuto.jp/_img/season/snowman-green/snow-g.gif);
background-repeat:repeat;
background-color:#ffffff;
}
---------------------------------------------
緑を削除し、background-color:#ffffff;を挿入。

背景が白くなります。  

次回は
http://blog.livedoor.jp/soccer_com/を参考にカスタマイズします。

このブログの面白いところはトップの画像が、トップ・個別ページ・アーカイブそれぞれ異なるところです。

ためしに上記ブログをいろいろとクリックしてみてください。  

近く、SNOW - greenを使ったカスタマイズをしようと考えています。

前回の作品がバランスがわるく・・・つまり変だったので、今回は参考にするページを探してからにしようと思っています。

来月から開始予定です。  

「フォトログ　ブルーインク」のカスタマイズを終了しました。

全体の形をイメージせずに作ったので、いまいちなプレートですが上の画像が最終の形です。フォトログ　ブルーインクの原型がほとんどありません。