2008年06月04日
ブログのスタイル
少しいじってみました ^ ^
管理画面の 左にあるバーで ブログの設定→テンプレート で
ボクは こんな カヌーから釣りをする人(3カラム)

という テンプレートを 使っていたのですが
変えたいテンプレートの カストマイズ→スタイルシート から
スタイルシートを 書きかえていきます。。。
#banner,#subbanner{
background:#fff url(/_img/fishing01/fish001.jpg) left;
padding:0px 0px 0px 0px;
height: 220px;
}
これを 自分の写真がある URLに変えると
トップの写真が 変わりますね。。。 ボクは 沖縄の海にしました
background:#fff url(//img02.naturum.ne.jp/usr/blues/0806_1024_02.jpg) left;
他には・・・
管理画面の 左にあるバーで ブログの設定→テンプレート で
ボクは こんな カヌーから釣りをする人(3カラム)

という テンプレートを 使っていたのですが
変えたいテンプレートの カストマイズ→スタイルシート から
スタイルシートを 書きかえていきます。。。
#banner,#subbanner{
background:#fff url(/_img/fishing01/fish001.jpg) left;
padding:0px 0px 0px 0px;
height: 220px;
}
これを 自分の写真がある URLに変えると
トップの写真が 変わりますね。。。 ボクは 沖縄の海にしました
background:#fff url(//img02.naturum.ne.jp/usr/blues/0806_1024_02.jpg) left;
他には・・・
.date{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-image: url(/_img/fishing01/bg_001.gif);
background-position:1px 1px;
color:#fff;
font-size:12px;
letter-spacing:2px;
padding:5px 0px 5px 5px;
}
ここを 変えると 記事のタイトルの上の 日付に使われてる
青い帯が 自分のイメージに 変わります
ボクは イカにしてみました ^ ^
.title{
color:#80000;
font-size:12px;
font-weight:bold;
height:20px;
background-repeat: no-repeat;
background-position: left;
padding-left: 43px;
padding-top:5px;
background-image: url(/_img/fishing01/entry_icon.gif);
background-position:1px 1px;
ここは 元々は フライだったのですが ボクは フライをしないので

ルアーに 変えて みました。。。
.sidetitle{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-image: url(/_img/fishing01/bg_001.gif);
background-position:1px 1px;
color:#fff;
ここを 変えると サイドバーの タイトルに使われてる
青い帯が 自分のイメージに 変わります
ボクは 水面の魚に 変えてみました ^ ^
まだやってない人は 試してみると おもしろいですよ
あ ちなみに 帯を白にすると 文字も白なので・・・
なにも見えなくなります ^ ^;
近くにある color:#fff を変えましょう ( ”fff”が 白 です )
ちなみに ボクは color:#6D84C0 にしてますー
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-image: url(/_img/fishing01/bg_001.gif);
background-position:1px 1px;
color:#fff;
font-size:12px;
letter-spacing:2px;
padding:5px 0px 5px 5px;
}
ここを 変えると 記事のタイトルの上の 日付に使われてる
青い帯が 自分のイメージに 変わります
ボクは イカにしてみました ^ ^
.title{
color:#80000;
font-size:12px;
font-weight:bold;
height:20px;
background-repeat: no-repeat;
background-position: left;
padding-left: 43px;
padding-top:5px;
background-image: url(/_img/fishing01/entry_icon.gif);
background-position:1px 1px;
ここは 元々は フライだったのですが ボクは フライをしないので

ルアーに 変えて みました。。。
.sidetitle{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-image: url(/_img/fishing01/bg_001.gif);
background-position:1px 1px;
color:#fff;
ここを 変えると サイドバーの タイトルに使われてる
青い帯が 自分のイメージに 変わります
ボクは 水面の魚に 変えてみました ^ ^
まだやってない人は 試してみると おもしろいですよ

あ ちなみに 帯を白にすると 文字も白なので・・・
なにも見えなくなります ^ ^;
近くにある color:#fff を変えましょう ( ”fff”が 白 です )
ちなみに ボクは color:#6D84C0 にしてますー
Posted by blues at 23:00│Comments(0)
│■ くつろぎ
※このブログではブログの持ち主が承認した後、コメントが反映される設定です。