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はみやすいですよ
いるテンプレートは そのままにして 追加したテンプレートの 「カスタマイズ」を押してください。
ピンク色のスタイルシートの画面を下へスクロールしてくと#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はみやすいですよ
Posted by こるとれーんtone at 20:30
│ブログ.カスタマイズ