猫にも出来るオリジナル・スキン 1.2：s k n y s

	ブログをはじめるログイン

猫にも出来るオリジナル・スキン 1.2　[s k i n] [編集]

〈猫にも出来るオリジナル・スキン〉の方法を紹介します。「オリジナル・スキン」と言ってもスキン全体を変えるわけではなく、「タイトル画像」を好みのバナーに貼り替えるだけのこと。既に紹介されている自作スキン記事を基に、最も易しいマニュアルを目指します。

〔1〕使用するスキンのサイズに合った「画像」を用意する
〔2〕「画像」をアップロードしてCSS（スタイルシート）にコピーする
〔3〕そのCSSを表示中のカスタムペインの中にコピペして保存する

〔1〕まず最初に、ベースとなるスキンをソネ風呂「公式スキンデザイン」の中から選びます。出来るだけシンプルなスキンを選びましょう。「タイトル画像」（バナー）の「背景画像を表示」するとサイズが分かります。基本的に横幅は770px。縦幅はスキンの種類によって変動しますが、ハミ出た下の部分は自動的にカットされるので、他のスキンへの転用やヘッダ部分にも画像を入れることを考えると、実測値より長めに設定（200〜300px）しておく方が良いでしょう（ちなみに、今表示している「タイトル画像」は770×200px）。ただし大まかなレイアウトを予め決めておく必要があります。縦位置を後から調整する際に、メインの画像（顔や全身像）が極端に上下に片寄っていたり大きすぎると、一部が切れちゃう場合がありますから。

〔2〕用意した「タイトル画像」を新規作成（下書き）にアップロードすると、次のように表示されます。

赤く表示されている部分を以下のCSSスプリクトの（"　"）内にコピペします。

実際に変更を加えるのはフォルダ名 / ユーザ名 / 画像番号（拡張子）だけです。

〔3〕後は<style>〜</style>のCSSを表示中の任意のカスタムペインにコピペするだけ。プレヴューは利かないので、該当のカスタムペインを「保存」してページを再読み込みしてみましょう。貴方の用意した新スキンにバナーが変わっているはず。簡単でしょ？‥‥最初から完璧な「画像」を用意しようとしないで、取り敢えず適当な画像をUPしておいて、手順を進める方が効率的。上記のCSSをカスタムペインに１度コピーしておけば、次からは７桁の番号を入れ替えるだけで自由に画像を変えられるからです。オリジナル・スキンにすると愉しいですよ。他のブロガーの「自作スキン」が妙に気になっちゃう。サイズの合った画像を用意しておけば、所要時間４〜５分の作業だよ。

　　　ベーシック（white）
　　　

　　　オリジナル・スキン 1（ellie）
　　　

　　　　　　　　　　　　　　　　　　　　＊

ヘッダ部分にも画像を入れたい場合は画像分割する必要があります。ヘッダ用の画像を別に用意しなければなりません。今使っているベーシック（白）のスキンだとヘッダ画像は770×25px、バナー部分の画像は770×142px。実際にトライしてみましたが、この作業は結構面倒！‥‥でも安心して下さい。NecoYanagiさんの紹介している方法で簡単に回避出来ちゃうのだ。バナーと同じ画像をヘッダ用のCSSにコピペして、バナーのスプリクトの最後を以下のように書き換えるだけでOKです。

ヘッダの縦幅（25px）だけバナー画像をマイナス表示にすることで位置を合わせているわけです。つまり画像全体の位置を上下にズラしたい場合は、ヘッダとバナー部分を25pxの差でプラス・マイナスすれば良いことになります。たとえば、画像を上方に5pxだけ位置調整したい場合は、ヘッダの縦値を-5px、バナーを-30pxとします。使用するスキンによってはヘッダの縦幅が異なる場合もあるので、上手く行かない場合は数値（-25px）を変えてみましょう。ちなみに左隣の数値（0px）を変えることで横位置の微調整も出来ます。

上掲のサンプル・スキンのようにヘッダとバナー部分がシームレスに繋がっていれば成功です。簡単でしょ？‥‥難しいよ！「オリジナル画像」なんて用意出来ないという人は「テキスタイル」を縦横タイル状に敷き詰めるだけでもOKです。壁紙などのフリー素材や、ソネ風呂スキンの背景画像（タイル）を表示させて保存〜アップロードするだけ。その場合は「no-repeat」の部分を「repeat」に置き換えるか、削除する必要があります。単にスキンの色を変えるだけならもっと簡単です。画像をUPする代わりに、好きな色のカラーコード（#××××××）を書き込むだけ。CSSの知識はないけれど取り敢えず今使っている無地スキンの色を変えてみたいという面倒臭がり屋さんに、お勧めです。次に紹介する「ブログタイトル」や「紹介文」の文字色と色合いが重ならないように気をつけましょう。ヘッダとバナー部分を違う色にする２トーン・スキンも面白いかもしれません。カラーコードは「WEB色見本原色大辞典」などを参照して下さい。

　　　タイル地・スキン（cookie）
　　　

　　　無地色・スキン（baby blue）
　　　

「ブログタイトル」と「紹介文」の文字サイズ、色、位置（左右）も自由に変更可能です。基本設定の「ブログタイトル」入力欄で（スペースキーで）右にズラすと、ブラウザ上のタイトルや「読んでいるブログ（RSS）」等の表示も右にズレちゃう不具合（　　s k n y s - s y n k s）が発生します。せっかくRSSに登録してもらっているのに表示がヘンなのは恥ずかしいかも？‥‥多少面倒でも、この方法で解消して下さい。CSSが字数制限（1000 2000字以内）で全部入り切れない場合は、別のカスタムペインに分割表示させれば大丈夫。下記の値はサンプル・スキン３種（オリジナル画像、タイル地、無地色）の設定例です。文字色を変えて、位置を右に少しズラしました。

　　　　　　　　　　　　　　　　　　　　＊

参考までに具体例として、このページの「オリジナル・スキン」ソース（CSS）を一部公開しておきます。使用しているブラウザの「表示」→「ページのソース」を表示させることで、誰でも自由に閲覧出来ます（FirefoxのショートカットはCmd＋U）。

#banner h1 a{font-size:13pt; color:#f0ffff; margin-left:270px}
#banner .lead #lead{font-size:10pt; color:#fffacd; margin-left:241px}
</style>

　　　　　　　　　　　　　　　　　　　　＊

この記事を書くに当たって下記の皆さんの記事を参考にしました。みつなりさん、NecoYanagiさん、papa007_ さん、チヨロギさん、茉莉花さん、●リンクス●さん、kovaioさん、氷の翡翠さん、ao*さん（順不同）‥‥どうもありがとうございました（ao*さんだけは記事が旧宅にあるのでリンク出来ませんでした。伝説の「猫スキン」を復活させて下さい！）。

ここまでが〈ネコ・オス〉の基礎篇。応用篇ではヘッダ部分の文字色を変更したり、画像に枠を付けたりする方法を紹介します。

フォント・サイズの表示がpx値になっていました。このままでも表示されますが正しい表記法（pt）に改めました。初歩的なミスで恥ずかしい！（2006/08/18）

〔2〕のCSS書式に一部誤りがあったので、訂正しました。読者の皆さんに、深くお詫びします。（2006/08/26）

マリオさんが劃期的なオリジナル・スキンの書式（画像分割しなくてもヘッダ部分に画像を入れられる！）を発見しました。
#container{background:url("/_images/blog/_×××/××××/0000000.jpg") no-repeat 2px 0px; padding:0px 1px}

上の書式はベーシック（白）用にアレンジしています。元スキンによっては上手く表示されない場合もあるので、注意して下さい。ベーシック（白・黒）とキャラ・スキン全36種で使用可能‥‥マリオさん検証がしてくれました。ヘッダ部分に画像を入れる書式は下記の方法でも代用出来ます

#header.sbHeader{position:absolute; top:0px}

マリオ式の方がシンプルで利に叶っているかも？‥‥画像に合わせてバナーのサイズを自由に設定出来る書式なども紹介しているので、興味のある人は覗いてみてね（2006/09/30）
12/19のメンテでCSSの一部を入れ替えたために、カスタマイズした箇所が幾つか乱れてしまいました。ソネ風呂ガーの皆さんが正しく対処出来るように〈猫オス〉シリーズの記事を修正しました（2006/12/29）

11/21のメンテでヘッダ・デザインが変更されました。〈猫オス〉でカスタマイズしている方はセレクタ名を#header.sbHeaderに変えて下さい（2007/11/23）

　　　　　　　　　　　　　　　　　　　　＊

　 original skins 1.2 / 2.2 / 3.2 / 4.0 / sknynx / 038

タグ：original skin cats

2006-08-16 00:22 コメント(37) トラックバック(6)

やり方はよくわかったんですが、やはり「オリジナル画像」を見つけてくるのが一番の難作業のような気が…
その人の全センスが試されるわけだし…(笑)
by モバサム41 (2006-08-16 22:02)

モバサム魔王さん、コメントありがとう。
黒チュー邸のサイドバーに飾ってある写真を加工するとか、
お気に入りのアルバム・ジャケットを白黒モザイク状に並べるとか‥‥。

「回文」も「ネコ写真」も、紹介する本や音楽やアートも、
最終的には、その人の「センス」が問われます。
《his wicked sense of humour suggests exciting sex》と
Bjork嬢も歌っていました。
by sknys (2006-08-16 23:52)

なる程、こうやってたんですね。
これ、やろうとは思った事はあるのですが、個人的にはページを軽くてシンプルにしたいので、ちょっと消極的です(その割にバナーが多いのですが)。
ソネブロが軽くなったらやってみようかな・・・・あと、サイドバーを右に持って行きたいとか色々やりたい事は・・・・・いつになるやら。
by yubeshi (2006-08-17 11:43)

追伸）VENUS AS A BOY、いい曲ですよね♪
by yubeshi (2006-08-17 12:08)

yubeshiさん、コメントありがとう。
モバサム暗黒卿の指令で、泣く泣く記事を書きました。
ベーシック（白）はバナーもないし、リンク部分もカーソルで触れないと
色変化しない特殊なスキンです。
サイドバーもカスタマイズしてみましたが、これ以上CSSが入りません！

〈少年ヴィーナス〉は〈Joga〉と並ぶ名曲ですよね。
スティールパン、タブラ、シタールに、ストリングス（ボンベイ録音！）、
リズムはレゲエという異種混交ハイブリッド音楽（カリブ海＋インド）。

《Family Tree》（2002）という私家版ベスト・ボックス（５CDS＋CD）、
Bjork自ら選曲したCDの１曲目を飾っています。
何百回聴いても出だしの歌詞が「wicked」には聞こえないんですが（笑）
‥‥機会があったらヒアリングしてみて下さい。
by sknys (2006-08-17 23:21)

こんばんは。ご訪問と記事リンクをありがとうございました。
とてもわかりやすいマニュアルですね。
おまけに、ブログタイトルが右にずれる「ヘンな表示」を直す方法も
教えていただき、感謝いたします（笑）
オリジナルスキン、奥が深いですね。
by チヨロギ (2006-08-18 01:52)

チヨロギさん、コメントありがとう。
ブログタイトルが右にズレちゃう不具合は前から気になっていました。
正しい表記法は「padding-left」のはずですが、左の空白部分も
リンク表示されてしまうので「margin-left」にしてあります。
上手く行かない場合は「padding」に変更して下さい。

サイドバーも忍法「猫柳」を応用してカスタマイズしてみました。
ベーシック（白）のリンク文字はカーソルで触れないと色が変化しません。
非リンク文字も含めて色付けしてしています。
by sknys (2006-08-18 23:07)

雲の写真が、なぜかものすごく立体的に迫って来るんです。
何か細工したんでしょう？
by ツムジ (2006-08-19 22:14)

ツムジさん、雲コメントありがとう。
ネコ写真ばっかり撮ってますが、ふと空を見上げると凄い雲がモクモクと
‥‥白い雲の切れ間がマグリット風の「青い鳥」のように見えませんか？

Cyber-shotで撮って、iPhotoで自動補正しただけですよ。
もともと高価な画像編集ソフトなんて持ってないし‥‥＾＾;
ソネ風呂以外の人にはチンプンカンプンの記事でゴメンね。
by sknys (2006-08-19 23:33)

はじめまして、NecoYanagiです。
おー、タイトル位置の微調整の方法も記載されてますねー。
そうそう、なにやら、この質問も多いのですよ。
ほら、へりにピタってなってるタイトルってば、やっぱり見栄え悪いしねぇ。
paddingよりは、margineで正しいかと。
結局paddingだと、内側からの距離になるのだけれど、margineだと外側からの距離になるので。まぁ、込み合っていない箇所なので、
どちらでも希望通りになるのですけどねσ(＾＾)

ってことで、この記事にリンク貼ります。
新記事書いたらのはなしですけど(ノ∀`)
by NecoYanagi (2006-08-21 16:39)

きになったので、追記。＜ごめんなさいm(_ _)m
#banner h1{margin-left: 10px}
の方がよいかも。
sknysさんのタイトル箇所をクリックすると、左側の余白箇所まで
選択されている感じだったので。
aタグとセットで記述できないのは面倒ですけど(ノ∀`)
by NecoYanagi (2006-08-21 18:01)

NecoYanagiさん、初コメントありがとう。
paddingだと左側の余白部分まで選択されてしまうのでmarginにしました。
Mac OS X＋Firefoxの環境では、タイトル部分だけが
リンク表示されるのですが‥‥＾＾;

今度、Windows＋Explorerで確認してみます。
#banner h1{font-size: 13pt; color: #f0ffff; margin-left: 270px;} だと、
文字色がデフォルト色になってしまいますね。

白い雲の写真もスペースで右に寄せると、TBしたリーダーの文頭が
右にズレちゃうのだ（修正しました！）。
by sknys (2006-08-21 21:20)

ありゃ、当方、Win+Exp6だと空白まで選択できるな!!?!?!?!
元のスキンのCSSとなにやらしてるよーな、なにやら。

文字色はそうですね。
h1タグ内のaタグに対してしてしないと、元スキンのリンク色になるかと。
写真は真ん中表示させるなら、記事内でcenterタグで囲んだ方がよいかな？
ちなみにNecoもそーしてる。←それじゃ、CSS利用価値が下がるな...orz
by NecoYanagi (2006-08-22 14:43)

ブログ・タイトルがリンク文字であるゆえの不具合でしょうか？
‥‥善後策はNecoさまに丸投げしちゃおうかな＾＾;

代案１：タイトルを消して、紹介文をタイトルに棚上げする
（リンクと紹介文はなくなりますが、逆にシンプルで良いかも）

#banner h1 a{display:none}
#banner .lead{font-size:13pt; font-weight:bold; color:#f0ffff; margin-left:270px;}

代案２：タイトル文字も自作する（←出来ません！）

写真のCSS（サイドバー）は下記の通りです。
もう１つ〈ネコログ〉用のCSSを入れたので、スリム化しました。

.sknysphoto{border:solid 1px #777777; background-color:#f3f3f3; padding:10px; margin-left:40px}
by sknys (2006-08-22 23:03)

こんばんわ＾＾
夏休みに挑戦しようかと思っていたのに緊急事態発生でネットに繋がらず(泣)
これからのんびりやろうかと←何時になることやら(笑)
その時は参考にさせて下さい♪

今日、ほけーっと部屋にいて雲をぼぅっと眺めていました。
形が変わるサマが好きだなぁ☆
by こにゃ (2006-08-23 23:18)

こにゃさん、夏休みコメントありがとう。
〈猫オス〉応用編は来月UP予定なので、ゆっくり挑戦してみて下さい。

部屋の「襖」をデジカメで撮ってバナーに貼っちゃった人もいました
（和風テイストで良い感じ）。
お気に入りの和食器を横に並べても面白いかも＾＾
カレンダーの更新日マークを「ハート」にするだけでも愉しいですよ。

公園の芝生に仰向けになって、白い雲と青い空を眺めているだけで、
忘我の境地に近づきますね。
吉行理恵さんのエッセイ集『雲のいる空』（角川書店 1977）
‥‥「雲」という名前の「大きな灰色の猫」が登場します。
by sknys (2006-08-24 00:53)

こんにちは。
先日はご訪問、ありがとうございました。
no nice!　に出来るんですね！！すごい♪
by molihua (2006-08-24 02:19)

茉莉花さん、初コメントありがとう。
梯子を渡るネコちゃんのスキンに一目惚れ？
‥‥思うところあって「nice! ゼロ宣言」しました＾＾;

そこまでしなくても「プロフ欄」をカスタムペインで擬装すると、
「○○さん」を消したり、プロフ画像にリンクを埋め込んだり
‥‥色々と遊べるようになりますよ。
「no nice!」「nice! 0!」アイコンにもリンクにしてあります。
by sknys (2006-08-24 21:51)

あの、スキンのトコロに貼り付けるのが分からないんです。
教えてください；
サイドバーのところに張ってあるんですよ；でスキンのところには張られてないんです；
by あっちゃん (2006-08-25 17:56)

あっちゃん、はじめまして。
こんな質問が来るんじゃないかと危惧していました。
とても単純な作業なんですが、どこで躓いているのかな？＾＾;

1.「URL自動リンクと改行だけのシンプルな入力」に設定しておきます
2. <style>〜</style>タグで囲まないと、CSSと認識されません
3. 表示中のカスタムペインにコピーしたら、忘れずに「保存」しましょう

注意すべき点は、この３つくらいかなぁ‥‥
みたらしさんの「オリジナル・スキンの設置方法」を参照して、
それでも上手く行かなかったら、また来て下さい。
その時は手取り足取りニャンコの手で、教えに行きますから。
by sknys (2006-08-25 20:31)

やっとオリジナル画像にできました。ありがとうございます。
スキンとの組み合わせとか、イイ写真を用意しなきゃとか、
悩みはつきませんね。夏の写真でできた頃には、既に秋の風ですが、
衣替えするのもまた楽しみです。
by miron (2006-08-29 21:57)

mironさん、オリジナル・スキン化‥‥おめでとうございます♪
常連読者の皆さんの中では一番乗りです＾＾
用意した画像に多少不満があっても、兎も角バナーに貼っちゃうのがコツ。
後はUPした画像の番号を入れ替えるだけですから。

ヘッダのCSS書式に同じ番号を入れて、バナーの縦幅を-25pxにすると、
ヘッダ部分も画像に変わります（スキン画像を見て来ましたが、
縦幅が200px以上あるので大丈夫です）。
ブログ・タイトル文字の位置（左→右）大きさ、色も
自由に変えられるので、〈猫オス〉の記事を参考に色々試して下さい。
by sknys (2006-08-29 23:14)

こんばんにゃ＾＾
出来ました～。ホント簡単？！に出来た。嬉しいです。
mironさんと同じく衣替えが楽しみです♪
by こにゃ (2006-08-30 00:40)

こにゃさん、オリジナル・スキン化に成功しましたね！
適当な画像がない場合はパターンをタイル状に敷き詰める方法が無難です。
これだけで雰囲気がガラッと変わっちゃうから、アラ不思議？

‥‥と思ったら、いつの間にか「２トーン・カラー」に変わっている！
もう、シッカリ自家薬籠化しちゃってるんだから＾＾
ヘッダ部分に画像を入れるかどうかは、その人の美的センスの問題です。
by sknys (2006-08-30 20:53)

sknysさん　こんばんはっ！＾＾
コメントもらってたのに、なかなかゆっくり見にこれなくて、すみませんでした。
早速記事を拝見。kovaioよりわかりやすく書かれてるんで、TBさせてもらいました。＾＾
by kovaio (2006-09-16 03:18)

kovaioさん、コメントありがとう。
こちらこそ無理に記事閲覧をお願いして、恐縮です。
１つの画像でヘッダとバナーに画像分割するNecoさんの方法を
見て欲しかった。
この方法で「オリジナル・スキン」の難易度が下がったんじゃないかな。
〈猫オス２〉でkovaioさんのヘッダ攻略を紹介しましたよ＾＾
by sknys (2006-09-16 19:54)

#container
でやったら、画像を分割せずに表示できたんですが、アクセスしたときにオリジナル画像が少しの間、表示されちゃいました。（でも、Ctrl+マウススクロール　しても画像が乱れる心配がない。うーむ。）
オリジナル画像を非表示にできたら、#containerでもいいと思うんですけど、・・・。どうでしょう？今日は、これでいいや！

<style>
#container{background:url(■■■) no-repeat center 15px}
</style>

疲れた～(￣∇￣*)ゞバタン
by (2006-09-19 21:05)

マリオさん、貴重なコメントありがとう。
オリジナル・スキン史上、劃期的な発見（発明）かもしれません！
早速、#containerで試してみました（今スキンを貼っています）。
右辺に僅かな空白が生じてしまいますが、書式が簡略化出来るので、
画像分割するより優れている。

元スキンが一瞬表示されちゃうのは通信速度低下のせいで、
CSSに問題がある訳ではありません。
今後オリジナル・スキンは「マリオ式」が主流になるかもしれませんよ。
是非、この記事を書いて下さい＾＾
by sknys (2006-09-19 23:52)

sknysさん、私は感動しております。
ブログを始めたばかりの者ですが、どうしてもオリジナル画像にしたかったのです。
そして今日、こちらに辿り着き、ブログを続ける決心が固まりました（笑）。
タイトル画像をどんどんカスタマイズしていける楽しみでいっぱいです。
ただ一つだけ、「紹介文」の文字サイズだけが、どうやっても元のままなのが謎ですが。
色や位置は変わるのに…。ま、この大きさでもイイんですけどね。

sknysさんの他の記事は、これから時々来てゆっくり読まさせてもらいますね。
ひとまず、本当にありがとうございました！
by iketan (2006-11-09 20:40)

追伸
何度かリロードしたら文字サイズ変わりました…。スッキリです。
by iketan (2006-11-09 20:56)

iketanさん、初コメントありがとう。
「オリジナル・スキン」にすると愉しいですよね。
自作したバナーに貼り替えるだけでガラッと印象が変わるし、
愛着も湧きます。

「紹介文」の文字サイズがポイント（pt）ではなく
ピクセル（px）表示になっていると余り大きさが変わりません。
書式をコピペした際に不自然な半角スペースが生じる場合は消して下さい。

「オリジナル・スキン」の記事は他のソネ風呂ガーの皆さんも
色々と紹介されています（TB欄参照）。
〈猫オス２・３〉も参考にしてくれると嬉しいな＾＾
by sknys (2006-11-09 23:10)

ご無沙汰のご無沙汰です。凄く凝ってますね・・・。
私のもオリジナルにしたのですが、記事本文に仕込んで、各カテゴリー記事ごとに、スキンが変わります。
今は「写真」と、「フェレット」と、「06-07テレマークスキー」の、各カテゴリー記事だけですが・・・。増やしたいけど、カテゴリーにあった写真がなかなか・・・。
ようやく、niceの選択が出来るようになりましたね。でも、あの様な酷いのが最近無いので、まぁ、もう、余り・・・って感じですが・・・。
とりあえず、真っ先にしたいのは、あのniceを消すことです（笑）
by HOKUTEN (2006-11-10 01:00)

テレマーカーさん、コメントありがとう。
こちらこそ、ご無沙汰しています。
実は数時間前に久しぶりに覗きに伺ったのですが、
スキン３変化には気づきませんでした＾＾;

ついにnice!の消える日が来ますね。
「ソネ風呂事務当局が重い腰を上げるのは、時間の問題だ‥‥」と
テレマーカーさんにコメントした手前、気になっていました。
ウチはnice!欄を非表示にしてあるし、スパムnice! も付いていないので
余り関係ありませんが、これでやっと溜飲が下がります。

「このクソnice! め！」‥‥という気持ちは良く分かりますよ。
〈nice! を消す方法〉がソネ風呂の重い腰を上げるのを
多少なりとも後押ししたのだとしたら嬉しいな。
恥を忍んで書いた甲斐がありました＾＾;
by sknys (2006-11-10 20:09)

こんにちは。
オリジナルスキンに変更できたのが嬉しくて、
調子にのって、記事をかいてしまいました＾＾；
勝手ながら「猫にも出来るオリジナル・スキン 1.1」に文中でリンクさせて
いただきました。差し障りありましたら削除いたしますので
何卒、よろしくお願いいたします。
わたしには、これ以上のカスタマイズはちょっと無理そう＾＾；
by miyuco (2007-01-27 14:44)

miyucoさん、コメントありがとう。
スキン・カスタマイズ！‥‥ついにやりましたね＾＾
こっちまで、嬉しくなっちゃった。

〈猫オス1.1〉は修正（取り消し線）が入っているので
少し見難いかもしれません。
苦労して書いた修正前の記事（CSS）を消してしまうのは忍びないので、
痕跡を残してあります。

「差し障り」だなんて、水臭いなぁ。
お部屋の模様替えと同じで、カスタマイズし始めたら
〜もう、どお〜にも、止まらない♪〜ですよ＾＾;
by sknys (2007-01-27 20:31)

はじめまして・。・。゜:・＼(^-^ )♪
miyucoさんちから飛んでまいりました。
すごく難しくて徹夜してしまいましたが、ナビそのものはとても丁寧で
なんとかブログタイトルだけ形になりましたヾ(＠⌒▽⌒＠)ノワーイ!
ありがとうございます♡♡疲れましたが、達成感・・・・じーん

こちらにきてみたら、ますます欲深くなりました（笑）
コメント欄とトラバ欄の色をこんなふうに替えてみたいですっっっ。
by (2007-01-28 08:07)

松matsuさん、初コメントありがとう。
お役に立てて、とっても嬉しいです。
カスタマイズし始めると、キリがありません＾＾;
全面改装ではなく、少しずつ模様替えして行くのが愉しいかも‥‥。

コメント＆TB欄は下のCSSで変更出来ます
（コピーした際に生じる不自然な半角スペースは消して下さい）。

#comments, #comment-write{border:dotted 2px #ff9900; background:#ffffff; color:#ff9900}

#trackback-write, .trackback h4{color:#ff9900; background:#ffffff}
#trackback-write{border:dotted 2px #ff9900}

borderは枠線のプロパティで、
左から順に {形状・太さ・色} を一括指定しています。
dotted（点線）、solid（実線）、dashed（破線）、double（２重線）
‥‥など、好きな形状に変えられますよ＾＾
by sknys (2007-01-28 12:46)