江戸風鈴:カスタマイズ　～どこが変わるのかな？編Ⅰ

2010年11月

PROFILE

わらび

愛玩動物飼養管理士（ペットケアアドバイザー）１級　　　　　　これからも、日々勉強の積み重ねで頑張ります。　　　　　　　　-----------------------

ひよこ豆

年上の♀友達。　　　　　　　　わらびと一緒に住んでます☆　　-----------------------

ミャオ ♀

1987.2.14-2003.8.16 享年16歳白血病を持っていたミャオとワタシが一緒に暮らし始めたのは、ミャオが11歳のときでした。縞三毛でない正統派(?)三毛です。　　　-----------------------

風（ふう）♀

03年8月、真夏の野外に兄弟達とダンボールに入れられ放置されてました。３歳過ぎまで空腹の意思表示すらしない子でしたがアピールできるようになりました。(目の前に出しても気づかないけど)　　　　　　　　03年7月20日(旧:海の日)を誕生日に。　　　　　　　　　　　　　-----------------------

鈴（りん）♀

03年8月、真夏の野外に兄弟達とダンボールに入れられ放置されてました。生まれたときから一緒の『風』と人間が大好き☆　　　　03年7月20日(旧:海の日)を誕生日に。　　　　　　　　　　　　　　-----------------------

麦（むぎ）♂　旧：リュウタ

沖縄多頭飼育崩壊「80頭を救いたいプロジェクト」出身。ちょっと怖がりですが優しい男の子です。ひよこ豆家の子。　　　　　05年12月19日を誕生日に。　　　　　　　　　　　　　-----------------------

花（はな）♀

08年8月に千葉県の動物愛護センターより引出し。曲がったままだった右後足の手術も終わりリハビリを頑張ってる元気いっぱい(元気すぎ？)な女の子。色々ありましたが麦の妹になりました。　　-----------------------

LINK

・わらひよ日記
・わらひよ日記（旧）
・麦の憂鬱な日々。
・犬＆猫ごはんのお店『ann.』
・1日1枚アメショーの写真
・いつでもにゃははは
・エヌの猫馬鹿倶楽部
・お花畑で、かけっこだニャン
・ＫＡＺＵの気まぐれ日記
・☆★さくらんぼカフェ★☆
・里親様募集中♪(≧▽≦)
・◇◆里親さま募集中◆◇
・純情仔猫物語
・新・Ｉさんの犬屋敷
・スズノウチ～blog～
・ちびにゃん'sとfemiのがんばっていきまっしょい
・なお。＆happyの徒然日記
・何物にもかえられない宝猫
・にゃんこっ家
・暇子的日常
・Freeなにゃんこ
・bluepegasus（素材）
・四季の素材「十五夜」
・似顔絵ｲﾗｽﾄﾒｰｶｰ

RECENT COMMENTS

・Re: 『ペット博２００６』に行ってきました
・★Halleさま、猫多頭飼いさま★
・Re: 猫用ペットゲート
・★コメントをくださった皆さまへ★
・Re: せくち～路線？
・Re: せくち～路線？
・Re: せくち～路線？
・Re: せくち～路線？
・Re: せくち～路線？
・Re: せくち～路線？

MYALBUM

あなたのペットもブログデビュー!
ペット専用ブログ「pelogoo!」

カスタマイズ　～どこが変わるのかな？編Ⅰ

以前に　スタイルシートの一番初め「body」について説明いたしました。

今日はその続編に行ってみたいと思います。

それでは「body」の次から順番に行ってみましょう☆

td,tr,p,ol,ul {
font-size: 12px;
color:#666666;
}

これは、今皆さんが見ているこの記事（投稿）の文面の下にある

　　この記事へのトラックバックURL
　　http://cat.pelogoo.com/kleine_katze/rtb.php?no=1153060052070426

さらにその下の

　　この記事への返信

　　◇返信フォーム

　　名前、メール、URL、題名、内容

という文字のことです。

だから、３行目の color: の「色コード」を「好きな色の色コード」に変更していただくだけです。

そしてその応用、２行目の font-size: 12px; の 12 というところを変えると、文字の大きさが変わります。

（数字が大きくなると文字も大きくなります）

次に行ってみましょー。

a:link {
color: #666666;
text-decoration: none;
}

a:visited {
color: #666666;
text-decoration: none;
}

a:hover,a:active{
color: #FF0000;
text-decoration: none;
background: none;
}

この３つは、リンクの色を表しています。

一番上が「未訪問のリンク」

真ん中が「訪問済みのリンク」

一番下が「ロールオーバー時（クリックをせずカーソルを上に乗せただけの時）」

のことです。

form {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
}

padding とは「内側の余白」のことです。

「江戸風鈴」を例にしますと、文字が書いてあるエリアと、左右の紫陽花の絵との間に、グレーの線がありますよね？

その線と紫陽花の絵の間の余白のサイズをここで変えられます。

でも、0px のままで良いと思います。

input {
font-size:12px;
}

「返信フォーム」などで、名前・メール・URL・題名など（内容欄以外）を書く欄の文字の大きさを指定できます。

textarea {
font-size:12px;
}

「返信フォーム」の内容を書く欄の文字の大きさを指定できます。

今日は７ヶ所の説明をしてみました。

次回はこの続きを書いて行きたいと思います☆

04年12月に保護した生後２ヶ月くらいの仔猫♂です。

いろいろありましたが、１ヶ月後に友人宅に貰われて行きました。

今は…巨大ネコに成長。

ちっちゃかった面影はどこへ！？（笑）

スポンサードリンク

Posted by わらび | 2006/07/16 23:33:04 | TrackBack:0 | Comments:10

この記事へのトラックバックURL
http://cat.pelogoo.com/kleine_katze/rtb.php?no=1153060052070426

この記事への返信

Re: カスタマイズ　～どこが変わるのかな？編Ⅰ

おぉ～上から順に説明してくださるとは心強いです♪♪
私は未だに「･･･ん？この部分は何処が変わるの？」と
色を変えて試してみないとわからないところが多数。。
td,tr,p,ol,ul などは何度色を変えて試してみた事か･･･
我ながら物覚え悪すぎです（笑）

この子猫ちゃんの、巨大･･･いえ大きくなった姿も見てみたいですｗ
巨大になるほど成長したなんて、きっと幸せ度満点なんだろうなぁ（＾＾*

Posted by 芽 | 2006/07/17 00:28:31

★芽さま★

超初心者さん向けに、上からの解説にしてみました(^^)
ワタシも「これはどこだ？」というところは、赤にして試したり、100pxとかにして試しました。
間違ってるところがあったら、ご指摘ヨロシクお願いします<m(_~_)m>

Posted by わらび（管理人） | 2006/07/17 01:41:03

Re: カスタマイズ　～どこが変わるのかな？編Ⅰ

カスタマイズシリーズが終わる頃には...私のブログも素敵に変身してるわっ!!
「やるぞっ」って思ったときにすぐできるように、メモ帳に保存してあるんだぁ♪
楽しみぃﾟ+｡:.ﾟヽ(*´∀)ﾉﾟ.:｡+ﾟ

Posted by さくらmama | 2006/07/17 08:52:45

★さくらmamaさま★

続きを楽しみにしていただけると、スゴくウレシイですぅ(*^▽^*)ゞ
でも可愛いさくらちゃんには、可愛いテンプレートがスゴくお似合いですよ（≧▽≦）
ウチのお笑いニャンズには可愛い系が似合わないですけど…。

Posted by わらび（管理人） | 2006/07/17 13:32:57

Re: カスタマイズ　～どこが変わるのかな？編Ⅰ

いや～、分かりやすい。
私は、何がなんだか分からなかったので、一つ一つ変えてみて
「あっ、ココをやると、ココが変わるんだ」って学習して、自分でスタイルシートを印刷した紙に書き込んでみましたが、後で見返しても、何のことか分からなくなったり（笑）

ここまで書いていただけると、親切すぎて涙が出ますよ～。

もっと早く教えていただいてたら、自分で苦労して調べなくてすんだなあ～（笑）
もっと早く聞いてみたかったけど、絶対私には理解できないだろうとずっと躊躇していたんですよ。

Posted by まきっころ | 2006/07/17 16:29:16

Re: カスタマイズ　～どこが変わるのかな？編Ⅰ

カスタマイズ編は印刷をしてじっくり読まないとまだ分からないので、自分なりににもう少し理解が出来たら分からないことが分かると思うので質問も出来ると思います。
これからも楽しみにしてますね。

Posted by きょっぴい | 2006/07/17 16:57:43

Re: カスタマイズ　～どこが変わるのかな？編Ⅰ

いろいろ説明ありがと～。そしてお疲れ様です。
いつも判りやすい説明ですよね。私も頑張って、いつか自分のプログを替えようと思ってます。

Posted by なお。 | 2006/07/17 19:50:50

★まきっころさま★

一つ一つ変えてみるのが、一番勉強になりますよね(^^)
ホントはもっと早く進めるつもりだったのですけど…スミマセン(^^;)

Posted by わらび（管理人） | 2006/07/17 23:16:02

★きょっぴいさま★

スタイルシートは、初めはジックリ読まないと「何が何やら？？？」ですよね。
興味を持っていただけたらウレシイです(^^)

Posted by わらび（管理人） | 2006/07/17 23:18:03

★なお。さま★

なお。さんのようにＨＰを持ってる方には、今さらねーって内容だと思いますが(^^;)
間違ってるとこがありましたら、バシバシ言ってください<m(_ _)m>

Posted by わらび（管理人） | 2006/07/17 23:19:35

スポンサードリンク