オリジナルスキン その2 [blog]
オリジナルスキン その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
-----------------------------------------------
本文の方のスタイルシートも攻略できたら書きますね。
こんにちは。
何かソネブロはいろいろいじれそうですね。
怖いのと面倒臭いからあまりやっていませんが・・・。
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! カウンターをプロフィール欄から消したため、
字数制限で2箇所のカスタムペイン
(ヘッダ部分の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さんのご紹介できました☆さくママと申しますm(_)m
ブログを自分風にしたいのですが、元々PC音痴の私には、かなぁ~~り難しく、苦戦し、遂には自宅にshikayu女史を呼びつけるしまつ(^^;)
・・・それでは、いかんと勉強を始めした。
でも、やはり、現実は厳しく・・・・。
と、いうことで、色々、kovaioさんやコキアさんのところで、お勉強させて頂きますm(_)m
ド・素人ですが、宜しくお願いします。
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)