オリジナルスキン その2

オリジナルスキン　その3はこちら。


ヘッダーのスタイルシートの攻略してみました。
埋め込みの方法はこちら。
フォントカラーの見本はこちら。

Before

After

-----------------------------------------------

<style>
#header {background:url("/_images/blog/***/******/*******.jpg")no-repeat 0px 0px;}
↑これはヘッダー上部の画像。
　サイズは770×25pix

#header p{
font-size: small;
float: right;
margin: 0px;
padding: 3px 12px 0px 0px;
color:#43B8E7;
}
↑これは縦線の色。
　「blogトップ | 使い方 | Q&A」

#header a{
font-size: small;
color:#43B8E7;
}
↑これはヘッダーのテキストの色。

#header .memberMenu{
float: left;
font-size: small;
margin: 0;
padding: 3px 0px 3px 12px;
color:#43B8E7;
}
↑これは「さん」のテキストの色。

#header .menuDecoration{
background: url("/_images/blog/***/******/*******.jpg")
no-repeat left center;
vertical-align: middle;
margin-left: 12px;
padding-left: 12px;
}
↑これは矢印の画像。

#banner {background:url("/_images/blog/***/******/*******.jpg")no-repeat 0px 0px;}
</style>
↑これはヘッダーメインの画像。
　サイズは770×85pix
-----------------------------------------------
本文の方のスタイルシートも攻略できたら書きますね。

コメント 11

こんにちは。
何かソネブロはいろいろいじれそうですね。
怖いのと面倒臭いからあまりやっていませんが・・・。
by tsubame_diary (2006-05-08 16:11) 

tsubameさん　こんばんわです。
nice!ありがとうございます！
＞怖いのと・・・
確かにFAQではオリジナルスキン禁止になってますからね～（＾＾；）警告受けたらやめると思いますが、それまではあそんでみよーかと（＾＾；）

と先ほど、お伺いしてきましたが、tsubameさんのスキンはチビさま仕様で素敵ですね～（＾＾）
by kovaio (2006-05-09 02:45) 

はじめまして！すんごく参考になりました。TBさせてください。
by ぶーたろう (2006-05-22 18:53) 

ぶーたろうさん　こんばんわ
nice!&コメント&TBありがとーございます。
TBの件は了解です。
あとでお伺いさせてもらいますね！
by kovaio (2006-05-23 01:41) 

kovaioさん、はじめまして。
ヘッダ部分の色や位置、大きさも変えられるんですね。
使用中の真っ白いスキンのリンク部はカーソルで触れないと
色が変化しません。

背景画像とのコントラストで見難くくなっていたので、
記事を参考に色を付けました。
ヘッダ左右のマージンの取り方が分からないのですが、
これで良いのでしょうか？

思うところあってnice! カウンターをプロフィール欄から消したため、
字数制限で２箇所のカスタムペイン
（ヘッダ部分のCSSはFAVORITE ｰ ALBUMS）に入れてあります。
貴重な情報ありがとうございました。
by sknys (2006-06-10 12:10) 

sknys さん　こんにちは～！＾＾
nice! カウンターをなくしちゃうなんてすごいことしますね～
ちょっとびっくりです。（＾＾；）
by kovaio (2006-06-14 20:21) 

kovaioさん、こんばんは。
〈猫にも出来るオリジナル・スキン〉の応用編で、
kovaioさんの「ヘッダ攻略」を紹介したいのですが、構わないでしょうか？

取り敢えず〈猫オス〉の基礎編（TBしました）を見て下さい。
サイドバーも結構イジりました＾＾
by sknys (2006-09-01 22:55) 

sknysさん　こんにちは！＾＾
ご無沙汰してしまいまして、すみません。（＾＾；）

ありがとうございます！
sknysさんにTBしてもらえるなんて光栄です！
猫にも出来るオリジナルスキンも拝見しました。

記事中リンクもして頂いてるなんて＾＾
後ほど、ゆっくりおじゃまします！
by kovaio (2006-09-12 14:55) 

shikayuさんのご紹介できました☆さくママと申しますｍ（＿）ｍ
ブログを自分風にしたいのですが、元々ＰＣ音痴の私には、かなぁ～～り難しく、苦戦し、遂には自宅にshikayu女史を呼びつけるしまつ（＾＾；）

・・・それでは、いかんと勉強を始めした。
でも、やはり、現実は厳しく・・・・。
と、いうことで、色々、kovaioさんやコキアさんのところで、お勉強させて頂きますｍ（＿）ｍ
ド・素人ですが、宜しくお願いします。
by さくママ (2007-04-06 10:32) 

さくママさん　はじめまして！こんばんはっ！＾＾
コメント＆nice!ありがとうございますぅ！＾＾

kovaioでできることでしたらどしどしリクエストください～＾＾
shikayuさんのご紹介とあれば、気合入れてがんばりますっ！

こちらこそ、よろしくお願いいたします～＾＾
by kovaio (2007-04-09 00:16) 

hankyu8200さん　nice!ありがとうございます！＾＾

by kovaio (2008-05-20 10:16)