ナチュログ管理画面 フライフィッシング  フライフィッシング 北海道・東北 アウトドア&フィッシングナチュラムアウトドア用品お買い得情報

2008年02月27日

ブログ.カスタマイズⅡ

トップタイトルに好みの画像を入れたいと思っている方は 簡単に試せる事があります。今使って
いるテンプレートは そのままにして 追加したテンプレートの 「カスタマイズ」を押してください。 
ピンク色のスタイルシートの画面を下へスクロールしてくと#banner#subbannerの下...   
background~url(http~)これです。 使っているテンプレートの
background~url(http~)を コピーして 入れ替えると..  貼りつきますね。  
この行程で加工ソフトで 造った画像のネームを入れ替えると ok です。


スタイルシートの#banner,#subbanner
background:#fff url の後に  /usr/あなたのブログID/画像ファイル名  を入れます. 
左に各部のずれを感じた時はlogoのpadding-leftのpxを100以内で上げると調整できます.

pinkッぽい紫d8bfd8 薄いピンクfedoeo サイドバーの赤紫660033 コメント時間ccffff
comment の色comment.bodie ebf2fe  濃い紅330000 濃い緑003300
   


.main{  記事 字大きさ変えて書ける処全体を広げるが右へ寄ってしまう


   ~idth:600px;   color:#ebf2fe;
   /*background-color:#FFFFFF;*/
   font-size:16px;   此れ
   margin:0px 0px 0px 0px;
   padding:16px 0px 26px 20px;  此れ
   ~idth:600px;  此れ   overflow:auto;  line-height:130%;

 #frame{
margin-left:0;
margin-right:auto; 此れを入れると幅が広がるが全体に活きすぎる

#container{font-size:12px;
width:860px;此処が内部幅 but左寄りにならない

background-color:#000000;
/*background:#FFFFFF url
(http://admin.naturum.ne.jp/_img/kaeru/kaeru_bg.gif);*/
margin:0px auto;
border-top-width: 1px;
border-right-width: 0px;線消す
border-bottom-width: 1px;
border-left-width: 0px  ;線消す
border-right-style: solid;
border-left-style: solid;
border-top-color:#666666;
border-right-color:#666666;
border-bottom-color:#666666;
border-left-color:#666666;
text-align:left;


 margin:○px ○px ○px ○px; 左から上、右、下、左 です。
  #blogcontainer{} の部分にmargin を追加します

 .記事title.リンク、カレン日付
 a{color:#0000;text-decoration:underline;} 
 a:link{color:#0000;text-decoration:underline;} 
 通常時
 a:visited{color:#0000;text-decoration:underline;} 通常時
 a:active{color:#0000;text-decoration:none;} クリック後
 a:hover{color:#0000;text-decoration:none;} カーソル時

 .続きを読
 a.acontinues{color:#0;text-decoration:underline;}
 a.acontinues:link{color:#0;text-decoration:underline;}
 a.acontinues:visited{color:#0;text-decoration:underline;}
 a.acontinues:active{color:#0;text-decoration:none;}
 a.acontinues:hover{color:#o;text-decoration:none;

  ブログトップへ前の記事次に記事前次ページ
 a.amenu{color:#0;text-decoration:underline;}
 a.amenu:link{color:#0;text-decoration:underline;}
 a.amenu:visited{color:#o;text-decoration:underline;}
 a.amenu:active{color:#0;text-decoration:none;}
 a.amenu:hover{color:#o;text-decoration:none;}

 .ブログタイトル
 #banner a{color:#C;text-decoration:none;}
 #banner a:link{color:#C;text-decoration:none;}
 #banner a:visited{color:#C;text-decoration:none;}
 #banner a:active{color:#C;text-decoration:none;}
 #banner a:hover{color:#o;text-decoration:none;}

 .ブログタイトルsize
  blogtitle{
 font-size:0px;
 font-weight:bold; padding :0px 0px 0px 0px; text-align:left;  letter-spacing:2px;}

 説明 色size
. description{
 color:#FFFFFF;  font-size:1px;
 padding :4px 0px 0px 50px;
 text-align:left; letter-spacing:2px;  width:20px;  height:1px;
 overflow:hidden;}   font-weight:bold;太字

 記事日付部分色size
 .date{    border-top:1px none #o;
 border-left:1px none #o;
 border-right:1px none #o;
 border-bottom:1px none #o;  background: url() left top no-repeat;
 background-position:0px 0px;   color:#3;  font-size:1px;
 letter-spacing:0px; padding:30px 0px px px;}

 記事タイトルsize
 title{  background-repeat: no-repeat;
 background-position: left center; background-image:url();
 color:#0;  font-size:1px;
 font-weight:bold;太字 height:2px;
 padding-left: 0px; padding-top: 0px; text-align: left;
 }
 記事色size 
 main{  color:#o;  font-size:2px;
 padding:px 0px 1px 0px;
 overflow:auto; line-height:1%;}
 続きを読
 main-continues{font-size:1px;}

 コメントsize
 comments-body{  color:#ffffff;  font-size:1px; line-height:1%;
 margin:20px 0px 1px 1px;}
 コメント者
 comments-post{ color:#; font-size:1px; text-align:right; 
 margin:0px 0px 2px 0px;} linksize
 side{ font-size:1px; line-height:0%;
 margin:0px 0px 10px 0px padding:8px; border-left:1px none #;
 border-right:1px none #; border-bottom:1px none #; width:1px;}
 link色
 a.aside{color:#0;text-decoration:underline;}
 a.aside:link{color:#0;text-decoration:underline;}
 a.aside:visited{color:#0;text-decoration:underline;}
 a.aside:active{color:#0;text-decoration:none;}
 a.aside:hover{color:#0;text-decoration:none;}


  牛Poohと一緒さんblogはみやすいですよ              


このブログの人気記事
支笏湖のサクラマス..エトセトラ
支笏湖のサクラマス..エトセトラ

丘っぱり釣り師 と 湖畔の皆さん
丘っぱり釣り師 と 湖畔の皆さん

支笏湖旧有料道路の斜面崩壊
支笏湖旧有料道路の斜面崩壊

竿が折れるという人の話
竿が折れるという人の話

2番目のセミ.Ⅴ     支笏湖セミルアー
2番目のセミ.Ⅴ     支笏湖セミルアー

同じカテゴリー(ブログ.カスタマイズ)の記事
 ブログ.カスタマイズ (2008-02-24 23:29)
Posted by こるとれーんtone at 20:30 │ブログ.カスタマイズ

削除
ブログ.カスタマイズⅡ