菌の卵

私が最初に使った携帯電話って　どんなだったかなぁ～。
と思い　ネットで探してみたら　ありました！

周波数[Hz]
800M

名称
DoCoMo by TOSHIBA

型式
TS920

製造元
東芝

バッテリー
リチウムイオン

寸法[mm]
幅52 高さ156 奥行30

重量[g]
電池(S)240 電池(L)295

連続通話[分]
電池(S)120 電池(L)200

連続待受[時間]
電池(S)40 電池(L)60

充電時間[分]
電池(S)90 電池(L)130

本体価格[円] 81,000
標準ｾｯﾄ[円]93,000

特徴
200件電話帳
3件のワンタッチダイヤル

電池パックがデカイわりに　待ち受け時間も短く　毎日充電って感じだったのかも。
電話帳も　自宅と携帯と職場があれば　３件同じ名前が並ぶことになるし・・・。(笑)

まだ電話番号が　１０桁の時代で　数年後１１桁になると聞いた時には　かなりあわてた。(笑)

当時　携帯電話ってすごく高価で　パナソニック製とか　８万円代だったと思う。
通話しか出来ないのに・・・。(汗)
なので　レンタルと買取りとあったような気がする。

でも東芝の携帯電話は　キャンペーン中で　確か５万円弱くらいだったので　電話加入料払うなら　携帯電話のがいいかな？　と思って買ったような・・・。
そういえば　東芝製の携帯って　ドコモあれ以来出してないのかな？

デジタルとアナログの携帯電話もあったな。
今はみんなデジタルだけど　アナログの電話番号の人　どうなったんだろう・・・。(謎)
そのままデジタルに変えれたのかな？

契約プランも　仕事中は使わないので　ドニーチョという　変な名前のプランに入っていた。(笑)

最初の　０３０(今は０９０)も　遠くの人からかけてもらう時は　０４０で発信してもらわなきゃいけなかったし・・・。
色んなことが　どんどん思い出せて　なかなか楽しめた。

携帯電話の歴史～ドコモ【1995】
http://www.do-plaza.com/pc/museum/photo4.html

2006-07-27 19:35 | 記事へ |
| その他 |

カスタマイズ　【２１】　サイドのパーツを増やしてみる２

egisさんのサイト　egis Station　を参考にさせて頂き　表示・非表示のパーツの設定をしてみました。

【ＨＴＭＬ】
HTMLソース編集の　１行目から赤い部分を入れる

<script language="JavaScript">

</script>

<table width="795" border="0" cellpadding="0" cellspacing="0"
align="left" bgcolor="#ffffff">
<tr>
<td class="header" valign="top">
<table width="100%" border="0" cellspacing="0"
cellpadding="0" height="150">
<tr>
続く…

上記の作業をした後　パーツの題名が　リンク状態になり　他のパーツの題名と　色が異なってしまうので　色を合わせるために　ページ全体のリンク(a:link)とは別に　クラスを指定したリンク(a.menu1:link)を　ＣＳＳに入れます。

【ＣＳＳ】
a:link{color:#0B1840;text-decoration:none;}
a:visited{color:#0B1840;text-decoration:none;}
a:active{color:#FF4479;text-decoration:underline;}
a:hover{color:#FF4479;text-decoration:underline;}

の下に　特定の範囲(menu1)のリンクに適用するソース

a.menu1:link{color:#******;text-decoration:none;}
a.menu1:visited{color:#******;text-decoration:none;}
a.menu1:active{color:#******;text-decoration:none;}
a.menu1:hover{color:#******;text-decoration:none;}

を入れる。
この範囲(menu1)にあるリンクだけ　#****** ←ＲＧＢ値６桁　で色が変わる。
アシカの初期設定では　題名(.menu1{})の文字の色は　白(#ffffff)になっているので　a.menu1:active　以外を白(#ffffff)にすると良いかもしれません。
【a.menu1:link】まだ見ていない状態
【a.menu1:visited】すでに見た状態
【a.menu1:active】カーソルが上にある状態
【a.menu1:hover】マウスボタンを押している状態
【color】文字色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。
【text-decoration】テキストの下線・上線・打ち消し線・点滅を指定する。
:none; テキストに線は付かず、点滅もしません。
:underline; テキストに下線が付きます。
その他　:overline;　:blink;　:inherit;　:line-through;

上記の作業をした後　ブログを開いた時に　非表示にするか　表示にするかの　設定を行います。

---非表示の場合---

【ＨＴＭＬ】カテゴリーとアーカイブの間に設置する場合

{$category}

<div class="parts">
<div class="menu1">
<a href="JavaScript:showhide('id1')" class="menu1">題名</a></div>
<div id="id1" style="display:none;">
<div class="menu2">
<a href="http://blog.zaq.ne.jp/diary/";>文字</a><br>　←リンクつき文字
<a href="http://blog.zaq.ne.jp/diary/";><b>文字</b></a><br>　←リンクつき太文字
文字<br>　←リンクなし文字
<br>　←改行
</div>
</div>
</div>

{$archive}

１つパーツ名を増やすごとに
('id1')　('id2')　('id3')　('id4')　…　と
id="id1"　id="id2"　id="id3"　id="id4"　…　と
数字を変えてる。
同じ数字にしてしまうと　パーツ名をクリックした時に　同じ数字のパーツ名が　同じ動作をしてしまいます。

---表示の場合---

【ＨＴＭＬ】カテゴリーとアーカイブの間に設置する場合

{$category}

<div class="parts">
<div class="menu1">
<a href="JavaScript:showhide('id1')" class="menu1">題名</a></div>
<div id="id1">
<div class="menu2">
<a href="http://blog.zaq.ne.jp/diary/";>文字</a><br>　←リンクつき文字
<a href="http://blog.zaq.ne.jp/diary/";><b>文字</b></a><br>　←リンクつき太文字
文字<br>　←リンクなし文字
<br>　←改行
</div>
</div>
</div>

{$archive}

１つパーツ名を増やすごとに
('id1')　('id2')　('id3')　('id4')　…　と
id="id1"　id="id2"　id="id3"　id="id4"　…　と
数字を変えてる。
同じ数字にしてしまうと　パーツ名をクリックした時に　同じ数字のパーツ名が　同じ動作をしてしまいます。

ブロガリでは　新着記事　や　新着コメント　のように　自動で更新されるパーツを　上記の方法で見栄え良く表示する方法は　今のところ勉強中。
カテゴリー　や　アーカイブ　くらいならば　カスタマイズ【２０】　サイドのパーツを増やしてみる１　のように自分でそれっぽく作ることは可能です。
ただし　内容が変わったら　修正が必要です。
.parts{}　の　ボーダーなし　で　文字を背景色にすれば　もしかすると　それっぽく見えるかも知れません。

一部テンプレート新規登録終了のお知らせ

カスタマイズで　アシカを使っていたので　違う３カラムで　お勉強していくしかないか・・・。(汗)
まぁ～　あの動物シリーズは　いけてないから　なくなるのも無理ないな。(笑)

いつもBLOGariのご利用ありがとうございます。

4月14日(金)10:00をもちまして
下記テンプレートの新規登録を終了させて頂きます。
あらかじめご了承下さい。
------------------------------------------------
■イラスト
雪だるまと雪うさぎ
月と星
Island

■Baby Zoo
アメリカンショートヘアー
フラミンゴ
うさぎ
茶色い子猫
カンガルー親子
ハリネズミ
キツネ
ブラック・ベアー　
クーガー
ジャンガリアン・ハムスター
チワワ・スムース　
チワワ・ロング
キャバリア
ラット
BABY　アロワナ
アヒル　babys
アシカ
ビーグル犬
しか
------------------------------------------------
今後とも、BLOGariをどうぞよろしくお願い致します。

BLOGariインフォメーション
一部テンプレート新規登録終了のお知らせ

カスタマイズ　【２０】　サイドのパーツを増やしてみる１

.parts{}　と　.menu1{}　と　.menu2{}　を使って　パーツを増やす。

【ＨＴＭＬ】

{$category}　のソースは
<div class="parts">
<div class="menu1">カテゴリー</div>
<div class="menu2">
<a href="#">ウェブペット</a><br>
<a href="#">石けんライフ</a><br>
<a href="#">クッキング</a><br>
<a href="#">健康ライフ</a><br>
<a href="#">植物ライフ</a><br>
<a href="#">おすすめ</a><br>
<a href="#">おでかけ</a><br>
<a href="#">その他</a><br>
<a href="#">カスタマイズのお勉強</a><br>
</div>
</div>
　　　　　　↑　こんな風になってます。

{$archive}　のソースは
<div class="parts">
<div class="menu1">アーカイブ</div>
<div class="menu2">
<a href="#">2005年08月</a><br>
<a href="#">2005年07月</a><br>
<a href="#">2005年06月</a><br>
<a href="#">2005年05月</a><br>
</div>
</div>
　　　　　　↑　こんな風になってます。

---同じデザインのパーツ---

【ＨＴＭＬ】カテゴリーとアーカイブの間に設置する場合

{$category}

<div class="parts">
<div class="menu1">●●●●●</div>　←　パーツの題名
<div class="menu2">
<a href="#">■■■</a><br>　←リンク付きの文字
<a href="#"><b>■■■</b></a><br>　←リンク付きの太文字
■■■<br>　←リンクなしの文字
<br>　←改行
</div>
</div>

{$archive}

ソースの意味など　詳しくは
カスタマイズ【５】.parts{}～.menu1{}
カスタマイズ【６】.menu2{}～.archive{}
カスタマイズ【１】ＨＴＭＬ(アシカ)

---題名のないパーツ---

<div class="menu1">●●●●●</div>　を消去するだけ
【ＨＴＭＬ】カテゴリーとアーカイブの間に設置する場合

{$category}

<div class="parts">

<div class="menu2">
<a href="#">■■■</a><br>　←リンク付きの文字
<a href="#"><b>■■■</b></a><br>　←リンク付きの太文字
■■■<br>　←リンクなしの文字
<br>　←改行
<script language="JavaScript"
type="text/javascript" src="#"
></script>　←ウェブペットなど
</div>
</div>

{$archive}

ソースの意味など　詳しくは
カスタマイズ【５】.parts{}～.menu1{}
カスタマイズ【６】.menu2{}～.archive{}
カスタマイズ【１】ＨＴＭＬ(アシカ)

---題名＆ボーダーのないパーツ---

【ＣＳＳ】と【ＨＴＭＬ】に追加

【ＣＳＳ】
ボーダーは　.parts{}　で設定されていて　.parts{}　を書き換えるとブログ全体が変わってしまうため　新しく　.parts2{}　を　.parts{}　の下に作る

.parts{ ←標準
vertical-align:middle;
text-align:left;
border-collapse:collapse;
border-top:1px dotted #9D9BFF;
border-left:1px solid #9D9BFF;
border-right:1px solid #9D9BFF;
border-bottom:1px solid #9D9BFF;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
}

の下に

.parts2{　←新しく作る
vertical-align:middle;
text-align:left;
border-collapse:collapse;
border-top:none;　←枠の線をnoneでなくす
border-left:none;　←枠の線をnoneでなくす
border-right:none;　←枠の線をnoneでなくす
border-bottom:none;　←枠の線をnoneでなくす
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
}

【ＨＴＭＬ】カテゴリーとアーカイブの間に設置する場合

{$category}

<div class="parts2">

<div class="menu2">
<a href="#">■■■</a><br>　←リンク付きの文字
<a href="#"><b>■■■</b></a><br>　←リンク付きの太文字
■■■<br>　←リンクなしの文字
<br>　←改行
<script language="JavaScript"
type="text/javascript" src="#"
></script>　←ウェブペットなど
</div>
</div>

{$archive}

ソースの意味など　詳しくは
カスタマイズ【１】ＨＴＭＬ(アシカ)

---題名＆ボーダーのない＆中央揃えのパーツ---

ウェブペットなどに使うと便利な中央揃えです
【ＣＳＳ】と【ＨＴＭＬ】に追加

【ＣＳＳ】
ボーダーは　.parts{}　で設定されていて　.parts{}　を書き換えるとブログ全体が変わってしまうため　新しく　.parts2{}　を　.parts{}　の下に作る

.parts{ ←標準
vertical-align:middle;
text-align:left;
border-collapse:collapse;
border-top:1px dotted #9D9BFF;
border-left:1px solid #9D9BFF;
border-right:1px solid #9D9BFF;
border-bottom:1px solid #9D9BFF;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
}

の下に

.parts2{　←新しく作る
vertical-align:middle;
text-align:left;
border-collapse:collapse;
border-top:none;　←枠の線をnoneでなくす
border-left:none;　←枠の線をnoneでなくす
border-right:none;　←枠の線をnoneでなくす
border-bottom:none;　←枠の線をnoneでなくす
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
}

文字の位置・背景色・画像の位置は　.menu2{}　で設定されていて　.menu2{}　を書き換えるとブログ全体が変わってしまうため　新しく　.menu3{}　を　.menu2{}　の下に作る

.menu2{　←標準
text-align:left;
background-color:#FFFFFF;
font-size:xx-small;
font-family:"ＭＳＰゴシック","Osaka",sans-serif;
font-weight:nomal;
color:#FF4479;
text-align:left;
line-height:140%;
padding-right:5px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
}

の下に

.menu3{　←新しく作る
text-align:center;　←center(中央揃え)にする
background-color:#FFFFFF;
font-size:xx-small;
font-family:"ＭＳＰゴシック","Osaka",sans-serif;
font-weight:nomal;
color:#FF4479;
text-align:center;　←center(中央揃え)にする　か　上とダブっているので　この行を消去
line-height:140%;
padding-right:5px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
}
背景色を　右メニューや左メニューと同色にする場合は　ＣＳＳの　.right_menu{}　.left_menu{}　と同じ　background-color:#******;(ＲＧＢ値６桁)　にする

【ＨＴＭＬ】カテゴリーとアーカイブの間に設置する場合

{$category}

<div class="parts2">

<div class="menu3">
<a href="#">■■■</a><br>　←リンク付きの文字
<a href="#"><b>■■■</b></a><br>　←リンク付きの太文字
■■■<br>　←リンクなしの文字
<br>　←改行
<script language="JavaScript"
type="text/javascript" src="#"
></script>　←ウェブペットなど
</div>
</div>

{$archive}

ソースの意味など　詳しくは
カスタマイズ【５】.parts{}～.menu1{}
カスタマイズ【６】.menu2{}～.archive{}
カスタマイズ【１】ＨＴＭＬ(アシカ)

---スクロールバー付きのパーツ---

【ＣＳＳ】
文字の表示範囲は　.menu2{}　で設定されていて　.menu2{}　を書き換えるとブログ全体が変わってしまうため　新しく　.menu4{}　を　.menu2{}　の下に作る

.menu2{　←標準
text-align:left;
background-color:#FFFFFF;
font-size:xx-small;
font-family:"ＭＳＰゴシック","Osaka",sans-serif;
font-weight:nomal;
color:#FF4479;
text-align:left;
line-height:140%;
padding-right:5px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
}

の下に

.menu4{　←新しく作る
text-align:left;
background-color:#FFFFFF;
font-size:xx-small;
font-family:"ＭＳＰゴシック","Osaka",sans-serif;
font-weight:nomal;
color:#FF4479;
text-align:left;
line-height:140%;
padding-right:5px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
overflow: auto;　←スクロールバー表示
height:190px;　←表示する縦方向のサイズ
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#B59BFF;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#B59BFF;
scrollbar-base-color:#ffffff;
scrollbar-3dlight-color:#B59BFF;
scrollbar-darkshadow-color:#B59BFF;
}
スクロールバーの配色については
カスタマイズ【１０】.form_title{}～.textarea{}

【ＨＴＭＬ】カテゴリーとアーカイブの間に設置する場合

{$category}

<div class="parts">
<div class="menu1">●●●●●</div>　←　パーツの題名
<div class="menu4">
<a href="#">■■■</a><br>　←リンク付きの文字
<a href="#"><b>■■■</b></a><br>　←リンク付きの太文字
■■■<br>　←リンクなしの文字
<br>　←改行
</div>
</div>

{$archive}

ソースの意味など　詳しくは
カスタマイズ【５】.parts{}～.menu1{}
カスタマイズ【６】.menu2{}～.archive{}
カスタマイズ【１】ＨＴＭＬ(アシカ)

日本ハムデリニューズ　【手包み豚角煮まん】

以前　近所のスーパーで安売りされていたのを　初めて買って食べて　かなり美味しかった。
１ｃｍ角の　角煮がちゃんと入っている。

メーカー名も　商品名も　忘れてしまって　もう買えないのかなぁ～　って思っていたら　平野区のＭａｘバリューで　売られているのを見て　速攻買った。(笑)

ふっくらジューシー手包み豚角煮まん(５個入り)　￥398

2006-02-03 23:56 | 記事へ |
| おすすめ |

HMV Hong Kong

日本で発売したばかりのＣＤが　香港ではめっちゃ安いし・・・。(笑)

平井堅の『歌バカ(ＣＤ)』以外にも　中島美嘉の『ＢＥＳＴ(ＣＤ)』とか　『電車男(ＤＶＤ)』が　＄ＨＫ９９(約１５８０円)で売られてる。
なんだか日本で普通に買うのが　もったいなく感じるわぁ～。(笑)

HMV Hong Kong - the music & movie master
http://www.hmv.com.hk/

HMV Hong Kong - Japanese Department
http://www.hmv.com.hk/departments/japanese.asp

サイトが英語なのでよくわからんが　通販で買えるんだろうか　どうなんだろうか。(謎)

2005-12-13 21:38 | 記事へ |
| その他 |

株式会社シラカワ　【ダイニングテーブル】

今日ダイニングテーブルが　わが家に届いた！
ずっと地ベタに座って食事をするのが　辛かったのよね～。
結婚するまでずっと実家ではダイニングテーブルで　旦那はその逆で座卓でした。
正座することにも慣れていなかったし　足を崩していてもしびれるので　今回買い換えてもらっちゃいました。(笑)

テーブルのサイズが座卓と同じ(150x85)だったんですが　イスがあるぶん　少し部屋は狭く見えるけれど　足がすごく楽なので満足しています。
シックハウスの原因になるものは使ってないので　これまた安心です。

飛騨は「脚もの」と呼ばれるテーブル・チェアの産地として有名です。
これらは非常に高度な技術を要します。
また無垢材を使っているものが多く　組みもこだわっているため耐久性に優れています。　(株式会社シラカワのＱ＆Ａより)

作り方も非常に丁寧で　海外製品のように　隙間だらけ＆ホッチキスが汚い　ってことが無いので　手ざわりも良く怪我する心配もありません。
値段はちょっと高かったけれど　傷んだら修理していきながら　一生大切に使いたいと思います。

飛騨の家具 - shirakawa - 株式会社シラカワ
http://www.shirakawa.co.jp/index.html

[shirakawa製品カタログ・Authentic] 株式会社シラカワ
http://www.shirakawa.co.jp/products/authentic/levy.html

2005-09-25 12:39 | 記事へ |
| おすすめ |

肌水分計

肌の水分量をチェックしてもらう機械って　ネットで買えるんですね。
色んなメーカーが水分計を作っていて　色んなサイトで通販で購入が可能です。

スカラ　モイスチャーチェッカー

モリテックス　モイストセンス

以前　ナショナルでも作られていましたが　すでに生産終了しているので　もう店頭で買うことは出来ないようです。
残念！
ナショナル　肌水分計　DM-R2

お肌のことを　もっと知るためにも　この肌水分計が欲しいなぁ～って思いました。
でも・・結構高い(約９，８００円)ので　悩み中です。
体温計くらいの値段だったら良いのになぁ～。

ナショナルさん　もう一度作って～！
業務用の半分くらいの値段だったので　ぜひともヨロシク！！

2005-09-19 22:36 | 記事へ |
| その他 |

カスタマイズ　【１９】　高さを変えてみる２

記事の高さを変える

【ＣＳＳ】
.article_day{
　background-color:#B59BFF;
　font-family:"ＭＳＰゴシック","Osaka",sans-serif;
　font-size:x-small;
　font-weight:bold;
　line-height:140%;
　color:#ffffff;
　text-align:right;
　padding-right:10px;
　}

.article_subject{
　background-color:#FFFFFF;
　font-family:"ＭＳＰゴシック","Osaka",sans-serif;
　font-size:small;
　font-weight:bold;
　line-height:180%;
　color:#333333;
　text-align:left;
　padding-right:10px;
　padding-left:10px;
　border-bottom:1px solid #FFDAE9;
　}

.article_anchor{
　background-color:#FFFFFF;
　font-family:"ＭＳＰゴシック","Osaka",sans-serif;
　font-size:xx-small;
　color:#999999;
　text-align:right;
　font-weight:normal;
　line-height:100%;
　padding-right:10px;
　padding-left:10px;
　padding-bottom:5px;
　border-top:3px double #FFDAE9;
　}

---記事の日付欄の高さを変える---
日付はパーツのように　paddingは使わないようですね。
なぜだろう…ブラウザが関係するのかな？

上下を％で広くする
【ＣＳＳ】
.article_day{
　line-height:200%;

上下をpaddingで広くする
【ＣＳＳ】
.article_day{
　line-height:100%;
　padding-top:6px;　←追加する
　padding-bottom:6px;　←追加する

日付を左に寄せる
rightをleftに変えただけ(笑)
【ＣＳＳ】
.article_day{
　text-align:left;
　padding-left:10px;

---記事の題名欄の高さを変える---
題名もパーツのように　paddingは使わないようですね。

上下を％で広くする
【ＣＳＳ】
.article_subject{
　line-height:400%;

上下をpaddingで広くする
【ＣＳＳ】
.article_subject{
　line-height:100%;
　padding-top:20px;　←追加する
　padding-bottom:20px;　←追加する

真ん中にする
.article_subject{
　text-align:center;
　padding-right:10px;
　padding-left:10px;

---記事詳細欄の高さを変える---
上下を％で広くする
【ＣＳＳ】
.article_anchor{
　line-height:300%;

上下をpaddingで広くする
【ＣＳＳ】
.article_anchor{
　line-height:100%;
　padding-top:18px;　←追加する
　padding-bottom:23px;

カスタマイズ　【１８】　高さを変えてみる１

画像と各パーツの高さを変える

【ＣＳＳ】
.header{
　font-family:"Courier New","Courier","ＭＳゴシック","Osaka-等幅",Osaka,monospace;
　font-size:large;
　font-weight:bold;
　color:#000000;
　background-color:#FFFFFF;
　background-image:url(/com/skin/zoo_ashika/slion.jpg);
　width:795px;
　height:150px;
　vertical-align:top;
　border-collapse:collapse;
　border-left:1px solid #779AFF;
　border-right:1px solid #779AFF;
　}

.menu1{
　background-color:#9D9BFF;
　background-position:bottom;
　background-repeat:repeat-x;
　font-size:x-small;
　font-family:"ＭＳＰゴシック","Osaka",sans-serif;
　font-weight:bold;
　text-align:left;
　line-height:100%;
　color:#ffffff;
　vertical-align:middle;
　padding-top:1px;
　padding-bottom:1px;
　border-bottom:1px dotted #9D9BFF;
　}

【ＨＴＭＬ】
<td class="header" valign="top">
<table width="100%" border="0"
cellspacing="0" cellpadding="0"
height="150">
<tr>
<td><div class="blog_name"><a
class="blog_name" href="http://{$blog_url}">{$blog_name}</a></div></td>

---アシカ柄部の高さを変える---

入れる画像の高さや　お好みで調整する
【ＣＳＳ】
.header{
　height:100px;

【ＨＴＭＬ】
<table width="100%" border="0"
cellspacing="0" cellpadding="0"
height="100">

---各パーツの高さを変える---
height:はボックス内の高さを表しますが　line-height:は文字の行間を表すみたいので　数値はそのままにしておく方が良いのかな？
初期の状態
【ＣＳＳ】
.menu1{
　line-height:100%;
　padding-top:1px;
　padding-bottom:1px;

ただ・・タイトル名(２０文字以内)が長くて２行になりそうな場合は　％を適度に増やすほうが良いかも。
【ＣＳＳ】
.menu1{
　line-height:100%;
　padding-top:1px;
　padding-bottom:1px;

【ＣＳＳ】
.menu1{
　line-height:200%;
　padding-top:1px;
　padding-bottom:1px;

上下を均等に広くする
【ＣＳＳ】
.menu1{
　line-height:100%;
　padding-top:11px;
　padding-bottom:11px;

上を広くする
【ＣＳＳ】
.menu1{
　line-height:100%;
　padding-top:21px;
　padding-bottom:1px;

タイトルを真ん中にする
【ＣＳＳ】
.menu1{
　text-align:center;

ドコモ　【迷惑電話ストップサービス】

ここ２週間ほど　登録していない　見知らぬ番号で　毎夜数回かかってくる状態。
過去にも　こういうことがあり　『どちらにおかけですか？　間違い電話ですよ！』と電話したことがあった。

パソコンで携帯電話の番号を入力すると　携帯電話会社がどこなのかわかるサイトがあり　検索してみたところ　○ーダフォン東海だった。
関西に東海からの電話なんて　まずありえね～。

数日は無視して　履歴や無言の留守電を　消去していましたが　だんだんそれを見るのが　ストレスになってきて　しかたなく旦那に電話してもらうことにしました。

こちらの番号が出るようにかけたところ　相手は外国人(アジア系)で　日本語もあまり理解出来ないようだった。
周りのざわつきから　どこかのお店かな？

で・・旦那が　『あなたのおっしゃる　○○さんじゃないので　もうかけてこないで下さいね！』　と言って切ったが　また１５分くらいしたらかかってきた。
通じてない・・・。(汗)
周りに日本人　いないのか！

ドコモの迷惑電話を止める　さらに良いサービスがあることをネットで知り　早速に手続きを携帯ですることにした。
以前のワン切り対策用と違い　ドコモでストップされるので　自分の携帯電話に　履歴が残らない。
３０件まで登録可能で　しかも無料なのがありがたい。

【ムーバ(私の携帯)古っ^^;】
ｉメニュー
　　↓
料金＆お申込
　　↓
ドコモｅサイト　(ご契約内容の変更、各種サービスのお申込が出来ます。)
　　↓
ドコモｅサイトメニューへ
　　↓
＊＊＊＊(暗証番号)
　　↓
　決定
　　↓
各種手続き
　　↓
ネットワークサービス
　　↓
同意する
　　↓
迷惑電話ストップ
　　↓
◎申込　にチェック
　　↓
　決定

申し込みが終ったので　いよいよ登録です。

着信拒否する電話番号を指定登録したい
①　１４４　受話器をあげるマーク
　　　↓
ガイダンス：現在登録されている電話番号は○○件です。最後に着信してお話された電話番号を拒否するときは数字の２を、電話番号を指定して拒否登録するときは数字の３を、最後に登録した番号を削除する時は数字の４を、すべての登録番号を解除するときは数字の９を押して下さい。
　　　↓
②　数字の３
　　　↓
③　＊＊＊－＊＊＊＊－＊＊＊＊
ガイダンス：設定いたしました。
　　　または
ガイダンス：ご利用方法をご確認のうえおかけ直しください。
　　　↓
④　受話器をおくマーク

拒否した相手には　ガイダンスが流れます。
FOMA対応：この電話はお客様のご要望によりおつなぎできません。
mova対応：こちらは×××-××××-××××番です。この電話はお受けできません。

それから電話はかかってきません。
めでたし　めでたし！

フォーマのことはよくわからないので　↓をご覧下さい。
迷惑電話ストップサービス
http://www.nttdocomo.co.jp/service/network/annoyance_stop/

2005-08-15 18:18 | 記事へ |
| その他 |

カスタマイズ　【１７】　色を変えてみる２

枠の色を変える

【ＣＳＳ】
.contents{
　background-color:#ffffff;
　vertical-align:top;
　padding-top:5px;
　padding-right:5px;
　padding-left:5px;
　padding-bottom:5px;
　}

.parts{
　vertical-align:middle;
　text-align:left;
　border-collapse:collapse;
　border-top:1px dotted #9D9BFF;
　border-left:1px solid #9D9BFF;
　border-right:1px solid #9D9BFF;
　border-bottom:1px solid #9D9BFF;
　margin-bottom:5px;
　margin-right:5px;
　margin-left:5px;
　}

.menu1{
　background-color:#9D9BFF;
　background-position:bottom;
　background-repeat:repeat-x;
　font-size:x-small;
　font-family:"ＭＳＰゴシック","Osaka",sans-serif;
　font-weight:bold;
　text-align:left;
　line-height:100%;
　color:#ffffff;
　vertical-align:middle;
　padding-top:1px;
　padding-bottom:1px;
　border-bottom:1px dotted #9D9BFF;
　}

.article_day{
　background-color:#B59BFF;
　font-family:"ＭＳＰゴシック","Osaka",sans-serif;
　font-size:x-small;
　font-weight:bold;
　line-height:140%;
　color:#ffffff;
　text-align:right;
　padding-right:10px;
　}

.article{
　margin-bottom:5px;
　padding-top:5px;
　padding-bottom:5px;
　border:1px solid #9D9BFF;
　width:425px;
　}

.article_subject{
　background-color:#FFFFFF;
　font-family:"ＭＳＰゴシック","Osaka",sans-serif;
　font-size:small;
　font-weight:bold;
　line-height:180%;
　color:#333333;
　text-align:left;
　padding-right:10px;
　padding-left:10px;
　border-bottom:1px solid #FFDAE9;
　}

.article_anchor{
　background-color:#FFFFFF;
　font-family:"ＭＳＰゴシック","Osaka",sans-serif;
　font-size:xx-small;
　color:#999999;
　text-align:right;
　font-weight:normal;
　line-height:100%;
　padding-right:10px;
　padding-left:10px;
　padding-bottom:5px;
　border-top:3px double #FFDAE9;
　}

---各パーツの枠色を変える---
【ＣＳＳ】
.parts{
　border-top:1px dotted #******; ←ＲＧＢ値６桁
　border-left:1px solid #******; ←ＲＧＢ値６桁
　border-right:1px solid #******; ←ＲＧＢ値６桁
　border-bottom:1px solid #******; ←ＲＧＢ値６桁
.menu1{
　border-bottom:1px dotted #******; ←ＲＧＢ値６桁

---真ん中のコンテンツの枠色を変える---
【ＣＳＳ】
.article_day{
　background-color:#******; ←ＲＧＢ値６桁
.article{
　border:1px solid #******; ←ＲＧＢ値６桁

---真ん中のコンテンツの中の枠色を変える---
【ＣＳＳ】
.article_subject{
　border-bottom:1px solid #******; ←ＲＧＢ値６桁
.article_anchor{
　border-top:3px double #******; ←ＲＧＢ値６桁

カスタマイズ　【１６】　色を変えてみる１

外枠と背景の色を変える

【ＣＳＳ】
.header{
　font-family:"Courier New","Courier","ＭＳゴシック","Osaka-等幅",Osaka,monospace;
　font-size:large;
　font-weight:bold;
　color:#000000;
　background-color:#FFFFFF;
　background-image:url(/com/skin/zoo_ashika/slion.jpg);
　width:795px;
　height:150px;
　vertical-align:top;
　border-collapse:collapse;
　border-left:1px solid #779AFF;
　border-right:1px solid #779AFF;
　}

.left_menu{
　background-color:#ffffff;
　vertical-align:top;
　border-left:1px solid #779AFF;
　padding-top:5px;
　padding-bottom:5px;
　width:185px;
　}

.right_menu{
　background-color:#ffffff;
　vertical-align:top;
　border-right:1px solid #779AFF;
　padding-top:5px;
　padding-bottom:5px;
　width:185px;
　}

.footer{
　width:100%;
　background-color:#FFFFFF;
　padding:5px;
　text-align:left;
　vertical-align:top;
　border-collapse:collapse;
　border-top:3px double #779AFF;
　border-left:1px solid #779AFF;
　border-right:1px solid #779AFF;
　border-bottom:10px solid #779AFF;
　margin:0px;
　}

---ブログの外枠の色を変える---

【ＣＳＳ】
.header{
　border-left:1px solid #******; ←ＲＧＢ値６桁
　border-right:1px solid #******; ←ＲＧＢ値６桁
.left_menu{
　border-left:1px solid #******; ←ＲＧＢ値６桁
.right_menu{
　border-right:1px solid #******; ←ＲＧＢ値６桁
.footer{
　border-top:3px double #******; ←ＲＧＢ値６桁
　border-left:1px solid #******; ←ＲＧＢ値６桁
　border-right:1px solid #******; ←ＲＧＢ値６桁
　border-bottom:10px solid #******; ←ＲＧＢ値６桁

---左右メニューの背景色を変える---
【ＣＳＳ】
.left_menu{
　background-color:#******; ←ＲＧＢ値６桁
.right_menu{
　background-color:#******; ←ＲＧＢ値６桁

---真ん中のコンテンツの背景色を変える---
【ＣＳＳ】
.contents{
　background-color:#******; ←ＲＧＢ値６桁
.article{
　background-color:#ffffff; ←を一行追加する

この一行を追加しないと　記事の背景が　コンテンツの背景色になってしまいます。

コレって入力忘れ！？(笑)

カスタマイズ　【１５】　アシカの背景を変えてみる

headerの背景を　無地の背景・他の柄の背景　にします。

【ＣＳＳ】
.header{
　font-family:"Courier New","Courier","ＭＳゴシック","Osaka-等幅",Osaka,monospace;
　font-size:large;
　font-weight:bold;
　color:#000000;
　background-color:#FFFFFF;
　background-image:url(/com/skin/zoo_ashika/slion.jpg);
　width:795px;
　height:150px;
　vertical-align:top;
　border-collapse:collapse;
　border-left:1px solid #779AFF;
　border-right:1px solid #779AFF;
　}

【ＨＴＭＬ】
<td class="header" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="150">
<tr>
<td><div class="blog_name"><a class="blog_name" href="http://{$blog_url}">{$blog_name}</a></div></td>

---アシカの柄を白無地にする---
【ＣＳＳ】
background-image:none;

---アシカの柄をカラー無地にする---
【ＣＳＳ】
background-color:#******; ←ＲＧＢカラーコード６桁
background-image:none;

---アシカの柄を他の柄にする---
【ＣＳＳ】
background-image:url(http://blog.zaq.ne.jp/res/ディレクトリ名/images/画像名.gif);
　ちなみに・・
　アシカの画像は　1000x150ピクセル (ん？デカいぞ^^)
　　http://blog.zaq.ne.jp/com/skin/zoo_ashika/slion.jpg　(原寸)

　zaqの画像は　800x150ピクセル
　　http://blog.zaq.ne.jp/com/skin/chara_zaq/main.jpg　(原寸)

background-image:url(http://blog.zaq.ne.jp/res/ディレクトリ名/images/画像名.gif);
background-repeat:repeat;　←縦横繰り返しを追加
　縦横連続の画像は　18x18ピクセル
　　http://blog.zaq.ne.jp/com/skin/che_blue/top_bgimg.gif　(原寸)

background-image:url(http://blog.zaq.ne.jp/res/ディレクトリ名/images/画像名.gif);
background-repeat:repeat-y;　←縦繰り返しを追加
　縦の連続の画像は　800x5ピクセル
　　http://blog.zaq.ne.jp/com/skin/che_oldred/title.gif　(原寸)

background-image:url(http://blog.zaq.ne.jp/res/ディレクトリ名/images/画像名.gif);
background-repeat:repeat-x;　←横繰り返しを追加
　横の連続は　20x60ピクセル
　　http://blog.zaq.ne.jp/com/skin/base_brown/header.gif　(原寸)

やはり　headerの750x150に　キレイにおさまるように　カスタマイズに慣れるまでは　あらかじめ画像のサイズを調整した方が良いですね。(笑)

JPEG　：　写真などの自然画像に適した保存形式。拡張子は一般的に.jpegまたは.jpg
GIF　：　イラストなどに適した保存形式。拡張子は一般的に.gif
PING　：　GIFよりも画像の持つ色の数が多いのが特徴。拡張子は一般的に.png

カスタマイズ　【１４】　ハートの背景を変えてみる

ハートの背景を　無地の背景・他の柄の背景　にします。

【ＣＳＳ】
body{
　margin:0px;
　padding:0px;
　background-color:#ffffff;
　background-image:url(/com/skin/zoo_ashika/bg_img.gif);
　background-repeat:repeat;
　text-align:center;
　scrollbar-face-color:#ffffff;
　scrollbar-arrow-color:#B59BFF;
　scrollbar-highlight-color:#ffffff;
　scrollbar-shadow-color:#B59BFF;
　scrollbar-base-color:#ffffff;
　scrollbar-3dlight-color:#B59BFF;
　scrollbar-darkshadow-color:#B59BFF;
　}

【ＨＴＭＬ】
<table width="795" border="0"
cellpadding="0" cellspacing="0"
align="left" bgcolor="#ffffff">

---ブログを画面の真ん中にする---

【ＨＴＭＬ】
<table width="795" border="0"
cellpadding="0" cellspacing="0"
align="center" bgcolor="#ffffff">

---ハートの柄を白無地にする---
【ＣＳＳ】
background-image:none;
background-repeat:no-repeat;

---ハートの柄をカラー無地にする---
【ＣＳＳ】
background-color:#******; ←ＲＧＢ値６桁
background-image:none;
background-repeat:no-repeat;

---ハートの柄を他の柄にする---
他の柄をあらかじめ　画像管理で画像ファイルを　アップロードしておく。

【ＣＳＳ】
background-image:url(http://blog.zaq.ne.jp/res/ディレクトリ名/images/画像名.gif);　←他の柄の画像
　background-repeat:repeat;　←縦横に背景画像を繰り返して表示します
　background-repeat:repeat-y;　←縦方向にのみ背景画像を繰り返して表示します。
　background-repeat:repeat-x;　←横方向にのみ背景画像を繰り返して表示します

JPEG　：　写真などの自然画像に適した保存形式。拡張子は一般的に.jpegまたは.jpg
GIF 　：　イラストなどに適した保存形式。拡張子は一般的に.gif
PING　：　GIFよりも画像の持つ色の数が多いのが特徴。拡張子は一般的に.png

カスタマイズ　【１３】　.footer{}～最後

今日はＣＳＳの　.footer{}～最後　です。

---.**** { ++++ : #### }---
どの要素(****)の　どのスタイル(++++)を　どのように(####)する
【.****】セレクタ：適用先を指定する部分。

【++++】プロパティ：スタイルの種類を指定する部分。

【####】値：そのスタイルを具体的にどのようにするか指定する部分。

リンクされている文字色は　カスタマイズ【２】の最初の
a:link{color:#0B1840;text-decoration:none;}
a:visited{color:#0B1840;text-decoration:none;}
a:active{color:#FF4479;text-decoration:underline;}
a:hover{color:#FF4479;text-decoration:underline;}
で指定する為　.footer{}～.rss_url{}内でリンクされている文字色を　変えることは出来ない。

---.footer{}---

【width】幅をピクセルや％で指定する。

【background-color】背景色をRGB値で指定する。

【padding】ボーダーと内容との間のスペース。
padding 上下左右同じ値にピクセルや％指定する。

【text-align】テキスト(インライン要素)の行揃えを指定する。
:left; 左寄せ

【vertical-align】テキストや画像のの上下位置をコントロールする。
:top; 上端揃える

【border-collapse】セルのボーダーの表示の仕方を指定する。
:collapse; 各セルのボーダーが重なった状態で　連続した一本の線で表示される。

【border-top】上ボーダーの太さ(widht)　種類(style)　色(color)を指定する。
太さ(widht) 実数＋単位(px pt px)で指定する。
キーワード(thin medium thick)で指定する。
種類(style) solid １本線で表示する。
double ２本線で表示する。
dotted 点線で表示する。(正方形の点が並ぶ)
dashed 破線で表示する。(長方形の点が並ぶ)
inset ボーダーに囲まれた範囲全体がへこんで見えるように表示する。
outset ボーダーに囲まれた範囲全体が飛び出て見えるように表示する。
groove ボーダー部分がへこんでいるように表示する。
ridge ボーダー部分が出て見えるように表示する。
hidden ボーダーのない状態にする。この値にするとボーダーの太さは０。
none ボーダーのない状態にする。この値にするとボーダーの太さは０。
【border-left】左ボーダーの太さ(widht)　種類(style)　色(color)を指定する。
【border-right】右ボーダーの太さ(widht)　種類(style)　色(color)を指定する。
【border-bottom】下ボーダーの太さ(widht)　種類(style)　色(color)を指定する。

【margin】ボーダーの外側のスペース。
margin 上下左右同じ値にピクセルや％で指定する。

---.blog_url{}---
【font-family】フォントの種類をフォント名やフォントの一般名をあらわすキーワードで指定する。(複数可)

【color】文字色をRGB値で指定する。

【font-size】フォントのサイズを　数値や％やキーワードで設定する。
xx-small　x-small　small、medium(=標準)　large　x-large　xx-large

【font-weight】フォントの太さを数値やキーワードで設定します。
:normal; 標準の太さ（数値で400を指定した場合と同じ）

【text-align】テキスト(インライン要素)の行揃えを指定する。
:right; 右寄せ

【line-height】行の高さを数値や％やキーワードで指定する。
数値のみ：単位をつけずに実数値だけを指定すると　その数値をフォントサイズに掛けた値が高さとして設定される。
数値：数値にpxやemやexなどの単位をつけて指定します。
％：％値で指定します。
キーワード(normal)：フォントサイズに基づいて　ブラウザが適切な行の高さを決定します。

【padding】ボーダーと内容との間のスペース。
padding 上下左右同じ値にピクセルや％指定する。

---.rss_url{}---
【font-family】フォントの種類をフォント名やフォントの一般名をあらわすキーワードで指定する。(複数可)

【color】文字色をRGB値で指定する。

【font-size】フォントのサイズを　数値や％やキーワードで設定する。
xx-small　x-small　small、medium(=標準)　large　x-large　xx-large

【font-weight】フォントの太さを数値やキーワードで設定します。
:normal; 標準の太さ（数値で400を指定した場合と同じ）

【line-height】行の高さを数値や％やキーワードで指定する。
数値のみ：単位をつけずに実数値だけを指定すると　その数値をフォントサイズに掛けた値が高さとして設定される。
数値：数値にpxやemやexなどの単位をつけて指定します。
％：％値で指定します。
キーワード(normal)：フォントサイズに基づいて　ブラウザが適切な行の高さを決定します。

【padding】ボーダーと内容との間のスペース。
padding 上下左右同じ値にピクセルや％指定する。

カスタマイズ　【１２】　.pro_body{}～.pro_subject{}

今日はＣＳＳの　.pro_body{}～.pro_subject{}　です。

---.**** { ++++ : #### }---
どの要素(****)の　どのスタイル(++++)を　どのように(####)する
【.****】セレクタ：適用先を指定する部分。

【++++】プロパティ：スタイルの種類を指定する部分。

【####】値：そのスタイルを具体的にどのようにするか指定する部分。

---.pro_body{}---
プロフィールの　背景　を設定する。

【text-align】テキスト(インライン要素)の行揃えを指定する。
:left; 左寄せ
【background-color】背景色をRGB値で指定する。

【line-height】行の高さを数値や％やキーワードで指定する。
数値のみ：単位をつけずに実数値だけを指定すると　その数値をフォントサイズに掛けた値が高さとして設定される。

---.pro_subject{}---
プロフィールの　文字　を設定する。

【font-size】フォントのサイズを　数値や％やキーワードで設定する。
xx-small　x-small　small、medium(=標準)　large　x-large　xx-large

【color】文字色をRGB値で指定する。

【text-align】文字(インライン要素)の行揃えを指定する。
:left; 左寄せ

【font-weight】フォントの太さを数値やキーワードで設定します。
:normal; 標準の太さ（数値で400を指定した場合と同じ）

【font-family】フォントの種類をフォント名やフォントの一般名をあらわすキーワードで指定する。(複数可)

【padding】ボーダーと内容との間のスペース。
padding 上下左右同じ値にピクセルや％指定する。
padding-top 上パディングをピクセルや％で指定する。
padding-bottom 下パディングをピクセルや％で指定する。
padding-right 右パディングをピクセルや％で指定する。
padding-left 左パディングをピクセルや％で指定する。

カスタマイズ　【１１】　.calendar{}

今日はＣＳＳの　.calendar{}　です。

---.**** { ++++ : #### }---
どの要素(****)の　どのスタイル(++++)を　どのように(####)する
【.****】セレクタ：適用先を指定する部分。

【++++】プロパティ：スタイルの種類を指定する部分。

【####】値：そのスタイルを具体的にどのようにするか指定する部分。

---.calendar{}---
カレンダーの　背景や文字　を設定する。

【width】幅をピクセルや％で指定する。

【background-color】背景色をRGB値で指定する。

【text-align】文字(インライン要素)の行揃えを指定する。
:center; 中央揃え

【font-family】フォントの種類をフォント名やフォントの一般名をあらわすキーワードで指定する。(複数可)

【font-size】フォントのサイズを　数値や％やキーワードで設定する。
xx-small　x-small　small、medium(=標準)　large　x-large　xx-large

【font-weight】フォントの太さを数値やキーワードで設定します。
:normal; 標準の太さ（数値で400を指定した場合と同じ）

---.calendar_sun{}---
日曜日の　文字色・背景　を設定する。

【color】文字色をRGB値で指定する。

【text-align】文字(インライン要素)の行揃えを指定する。
:text-align:center; 中央揃え

---.calendar_sat{}---
土曜日の　文字色・背景　を設定する。

【color】文字色をRGB値で指定する。

【text-align】文字(インライン要素)の行揃えを指定する。
:text-align:center; 中央揃え

---.calendar_day{}---
平日の　文字色・背景　を設定する。

【color】文字色をRGB値で指定する。

【text-align】文字(インライン要素)の行揃えを指定する。
:text-align:center; 中央揃え

---.calendar_today{}---
本日の　文字色・背景　を設定する。

【background-color】背景色をRGB値で指定する。

【color】文字色をRGB値で指定する。

【text-align】文字(インライン要素)の行揃えを指定する。
:center; 中央揃え

---.calendar_today a:link{}---
まだ見ていない状態の本日の　文字色　を設定する。

【color】文字色を指定する。

【text-decoration】文字の下線・上線・打ち消し線・点滅を指定する。
:none; 文字に線は付かず、点滅もしません。

---.calendar_today a:visited{}---
すでに見た状態の本日の　文字色　を設定する。

【color】文字色を指定する。

【text-decoration】文字の下線・上線・打ち消し線・点滅を指定する。
:none; 文字に線は付かず、点滅もしません。

---.calendar_today a:active{}---
カーソルが上にある状態の本日の　文字色　を設定する。

【color】文字色を指定する。

【text-decoration】文字の下線・上線・打ち消し線・点滅を指定する。
:underline; 文字に下線が付きます。。

---.calendar_today a:hover{}---
マウスボタンを押している状態の本日の　文字色　を設定する。

【color】文字色を指定する。

【text-decoration】文字の下線・上線・打ち消し線・点滅を指定する。
:underline; 文字に下線が付きます。

カスタマイズ　【１０】　.form_title{}～.textarea{}

今日はＣＳＳの　.form_title{}～.textarea{}　です。

---.**** { ++++ : #### }---
どの要素(****)の　どのスタイル(++++)を　どのように(####)する
【.****】セレクタ：適用先を指定する部分。

【++++】プロパティ：スタイルの種類を指定する部分。

【####】値：そのスタイルを具体的にどのようにするか指定する部分。

リンクされている文字色は　カスタマイズ【２】の最初の
a:link{color:#0B1840;text-decoration:none;}
a:visited{color:#0B1840;text-decoration:none;}
a:active{color:#FF4479;text-decoration:underline;}
a:hover{color:#FF4479;text-decoration:underline;}
で指定する為　.comment{}～.comment_body{}内でリンクされている文字色を　変えることは出来ない。

---.form_title{}---
フォームの　文字　を設定する。

---.form_body{}---
フォームの　全体背景・全体枠　を設定する。

---.input_edit{}---
投稿フォームと検索フォーム(サイドメニュー)とナビゲーションフォーム(サイドメニュー)の　エリアの文字・エリアの背景・エリアの枠　を設定する。

---.input_button{}---
投稿フォームと検索フォーム(サイドメニュー)とナビゲーションフォーム(サイドメニュー)の　ボタンの文字・ボタンの背景・ボタンの枠　を設定する。

---.textarea{}---
フォームの　コメント欄の文字(色はアシカでは不可でした)・コメント欄の背景・コメント欄の枠　を設定する。

カスタマイズ　【９】　.comment{}～.comment_body{}

今日はＣＳＳの　.comment{}～.comment_body{}　です。

---.**** { ++++ : #### }---
どの要素(****)の　どのスタイル(++++)を　どのように(####)する
【.****】セレクタ：適用先を指定する部分。

【++++】プロパティ：スタイルの種類を指定する部分。

【####】値：そのスタイルを具体的にどのようにするか指定する部分。

リンクされている文字色は　カスタマイズ【２】の最初の
a:link{color:#0B1840;text-decoration:none;}
a:visited{color:#0B1840;text-decoration:none;}
a:active{color:#FF4479;text-decoration:underline;}
a:hover{color:#FF4479;text-decoration:underline;}
で指定する為　.comment{}～.comment_body{}内でリンクされている文字色を　変えることは出来ない。

---.comment{}---
コメントの　全体背景・全体枠　を設定する。

---.comment_title{}---
コメントの　タイトルの文字・タイトル背景・タイトル枠　を設定する。

---.comment_subject{}---
コメントの　詳細の文字・詳細背景(ハートの画像を含む)・詳細枠　を設定する。

---.comment_body{}---
コメントの　本文の文字・本文背景・本文枠(アシカには無し)　を設定する。

カスタマイズ　【８】　.trackback{}

今日はＣＳＳの　.trackback{}～.trackback_body{}　です。

---.**** { ++++ : #### }---
どの要素(****)の　どのスタイル(++++)を　どのように(####)する
【.****】セレクタ：適用先を指定する部分。

【++++】プロパティ：スタイルの種類を指定する部分。

【####】値：そのスタイルを具体的にどのようにするか指定する部分。

リンクされている文字色は　カスタマイズ【２】の最初の
a:link{color:#0B1840;text-decoration:none;}
a:visited{color:#0B1840;text-decoration:none;}
a:active{color:#FF4479;text-decoration:underline;}
a:hover{color:#FF4479;text-decoration:underline;}
で指定する為　.trackback{}～.trackback_body{}内でリンクされている文字色を　変えることは出来ない。

---.trackback{}---
トラックバックの　全体背景・全体枠　を設定する。

---.trackback_title{}---
トラックバックの　タイトルの文字・タイトル背景・タイトル枠　を設定する。

---.trackback_subject{}---
トラックバックの　詳細の文字・詳細背景(ハートの画像を含む)・詳細枠　を設定する。

---.trackback_body{}---
トラックバックの　本文の文字・本文枠(アシカには無し)　を設定する。

カスタマイズ　【７】　.article

今日はＣＳＳの　.article_day{}～.article_anchor{}　です。

---.**** { ++++ : #### }---
どの要素(****)の　どのスタイル(++++)を　どのように(####)する
【.****】セレクタ：適用先を指定する部分。

【++++】プロパティ：スタイルの種類を指定する部分。

【####】値：そのスタイルを具体的にどのようにするか指定する部分。

リンクされている文字色は　カスタマイズ【２】の最初の
a:link{color:#0B1840;text-decoration:none;}
a:visited{color:#0B1840;text-decoration:none;}
a:active{color:#FF4479;text-decoration:underline;}
a:hover{color:#FF4479;text-decoration:underline;}
で指定する為　.article_day{}～.article_anchor{}内でリンクされている文字色を　変えることは出来ない。

---.article_day{}---
記事の　投稿日時の文字・投稿日時背景　を設定する。

---.article{}---
記事の　全体枠・全体背景　を設定する。

---.article_subject{}---
記事の　タイトル文字・タイトル背景・タイトル枠　を設定する。

---.article_body{}---
記事の　本文の文字・本文枠(アシカには無し)　を設定する。

---.article_anchor{}---
記事の　記事詳細の文字・記事詳細背景・記事詳細枠　を設定する。

カスタマイズ　【６】　.menu2{}～.archive{}

今日はＣＳＳの　.menu2{}　と　.archive{}　です。

---.**** { ++++ : #### }---
どの要素(****)の　どのスタイル(++++)を　どのように(####)する
【.****】セレクタ：適用先を指定する部分。

【++++】プロパティ：スタイルの種類を指定する部分。

【####】値：そのスタイルを具体的にどのようにするか指定する部分。

---.menu2{}---
各パーツの　内容文字と・内容背景・内容枠　を設定する。
リンクされている文字色は　カスタマイズ【２】の最初の
a:link{color:#0B1840;text-decoration:none;}
a:visited{color:#0B1840;text-decoration:none;}
a:active{color:#FF4479;text-decoration:underline;}
a:hover{color:#FF4479;text-decoration:underline;}
で指定する為　.menu2{}内でリンクされている文字色を　変えることは出来ない。

【text-align】テキスト(インライン要素)の行揃えを指定する。
:text-align:center; 中央揃え
:right; 右寄せ
:left; 左寄せ
:justify; 均等割付け

【background-color】背景色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【font-size】フォントのサイズを　数値や％やキーワードで設定する。
数値：数値にpxやemやexなどの単位をつけて指定します。
％：％値で指定します。
キーワード：
xx-small　x-small　small、medium(=標準)　large　x-large　xx-large
１段階上がると１．２倍のサイズになり　７段階で指定できます。
smaller larger
親要素のサイズを基準としてそれよりも１段階　小さい(smaller)　大きい(larger)　サイズになります。

【font-family】フォントの種類をフォント名やフォントの一般名をあらわすキーワードで指定する。(複数可)
フォント："Courier New"　"Courier"　"ＭＳゴシック"　"Osaka-等幅"　Osaka　他
キーワード：
:monospace; 等幅フォント
:fantasy; 装飾的なフォント
:cursive; 草書体・筆記体系のフォント
:serif; 明朝系のフォント
:sans-serif; ゴシック系のフォント

【font-weight】フォントの太さを数値やキーワードで設定します。
数値： 100　200　300　400(=標準)　500　600　700　800　900
フォントの太さを100～900の９段階で指定できます。
数値が小さくなるほど細く　大きくなるほど太くなる。
キーワード：
:normal; 標準の太さ（数値で400を指定した場合と同じ）
:bold; 一般的な太字の太さです。（数値で700を指定した場合と同じ）
:lighter; 相対的に一段階細くします。
:bolder; 相対的に一段階太くします。

【color】文字色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【line-height】行の高さを数値や％やキーワードで指定する。
数値のみ：単位をつけずに実数値だけを指定すると　その数値をフォントサイズに掛けた値が高さとして設定される。
数値：数値にpxやemやexなどの単位をつけて指定します。
％：％値で指定します。
キーワード(normal)：フォントサイズに基づいて　ブラウザが適切な行の高さを決定します。

【padding】ボーダーと内容との間のスペース。
padding 上下左右同じ値にピクセルや％指定する。
padding-top 上パディングをピクセルや％で指定する。
padding-bottom 下パディングをピクセルや％で指定する。
padding-right 右パディングをピクセルや％で指定する。
padding-left 左パディングをピクセルや％で指定する。

---.archive{}---
アーカイブの　****年**月　をクリックして表示された　画面の文字・背景・枠を設定をする。
リンクされている文字色は　カスタマイズ【２】の最初の
a:link{color:#0B1840;text-decoration:none;}
a:visited{color:#0B1840;text-decoration:none;}
a:active{color:#FF4479;text-decoration:underline;}
a:hover{color:#FF4479;text-decoration:underline;}
で指定する為　.archive{}内でリンクされている文字色を　変えることは出来ない。

【font-family】フォントの種類をフォント名やフォントの一般名をあらわすキーワードで指定する。(複数可)
フォント："Courier New"　"Courier"　"ＭＳゴシック"　"Osaka-等幅"　Osaka　他
キーワード：
:monospace; 等幅フォント
:fantasy; 装飾的なフォント
:cursive; 草書体・筆記体系のフォント
:serif; 明朝系のフォント
:sans-serif; ゴシック系のフォント

【font-size】フォントのサイズを　数値や％やキーワードで設定する。
数値：数値にpxやemやexなどの単位をつけて指定します。
％：％値で指定します。
キーワード：
xx-small　x-small　small、medium(=標準)　large　x-large　xx-large
１段階上がると１．２倍のサイズになり　７段階で指定できます。
smaller larger
親要素のサイズを基準としてそれよりも１段階　小さい(smaller)　大きい(larger)　サイズになります。

【line-height】行の高さを数値や％やキーワードで指定する。
数値のみ：単位をつけずに実数値だけを指定すると　その数値をフォントサイズに掛けた値が高さとして設定される。
数値：数値にpxやemやexなどの単位をつけて指定します。
％：％値で指定します。
キーワード(normal)：フォントサイズに基づいて　ブラウザが適切な行の高さを決定します。

【color】文字色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【padding】ボーダーと内容との間のスペース。
padding 上下左右同じ値にピクセルや％指定する。
padding-top 上パディングをピクセルや％で指定する。
padding-bottom 下パディングをピクセルや％で指定する。
padding-right 右パディングをピクセルや％で指定する。
padding-left 左パディングをピクセルや％で指定する。

【background-color】背景色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【border】上下左右のボーダーの太さ(widht)　種類(style)　色(color)を一括で指定する。
太さ(widht) 実数＋単位(px pt px)で指定する。
キーワード(thin medium thick)で指定する。
種類(style) solid １本線で表示する。
double ２本線で表示する。
dotted 点線で表示する。(正方形の点が並ぶ)
dashed 破線で表示する。(長方形の点が並ぶ)
inset ボーダーに囲まれた範囲全体がへこんで見えるように表示する。
outset ボーダーに囲まれた範囲全体が飛び出て見えるように表示する。
groove ボーダー部分がへこんでいるように表示する。
ridge ボーダー部分が出て見えるように表示する。
hidden ボーダーのない状態にする。この値にするとボーダーの太さは０。
none ボーダーのない状態にする。この値にするとボーダーの太さは０。

【margin】ボーダーの外側のスペース。
margin 上下左右同じ値にピクセルや％で指定する。
margin-top 上マージンをピクセルや％で指定する。
margin-bottom 下マージンをピクセルや％で指定する。
margin-right 右マージンをピクセルや％で指定する。
margin-left 左マージンをピクセルや％で指定する。

カスタマイズ　【５】　.parts{}～.menu1{}

今日はＣＳＳの　.parts{}　と　.menu1{}　です。

---.**** { ++++ : #### }---
どの要素(****)の　どのスタイル(++++)を　どのように(####)する
【.****】セレクタ：適用先を指定する部分。

【++++】プロパティ：スタイルの種類を指定する部分。

【####】値：そのスタイルを具体的にどのようにするか指定する部分。

---.parts{}---
【種類】
プロフィール　{$profile}
カテゴリ　{$category}
アーカイブ　{$archive}
最新記事　{$new_article}
最新コメント　{$new_comment}
最新トラックバック　{$new_trackback}
フォトアルバムメニュー　{$photo}
スケジューラーメニュー　{$scheduler}
カレンダー　{$calendar}
ナビゲーション　{$navigation}
リンク集　{$userlink}
検索　{$search}
ZAQインフォメーション　{$zaqinfo}
名称未設定 1　{$freeparts1}
名称未設定 2　{$freeparts2}
名称未設定 3　{$freeparts3}

【vertical-align】テキストや画像のの上下位置をコントロールする。
:baseline; ベースラインを揃える
:sub; 下付き文字として揃える
:super; 上付き文字として揃える
:top; 上端揃える
:text-top; テキストの上端に揃える
:middle; 中央揃える
:bottom; 下端揃える
:text-bottom; テキストの下端に揃える
:％; 行の高さを指定する(line-height)プロパティの値に対する割合を％値で指定する

【text-align】テキスト(インライン要素)の行揃えを指定する。
:text-align:center; 中央揃え
:right; 右寄せ
:left; 左寄せ
:justify; 均等割付け

【border-collapse】セルのボーダーの表示の仕方を指定する。
:collapse; 各セルのボーダーが重なった状態で　連続した一本の線で表示される。
:separate; それぞれのセルに個別のボーダーが表示される。

【border-left】左ボーダーの太さ(widht)　種類(style)　色(color)を指定する。
太さ(widht) 実数＋単位(px pt px)で指定する。
キーワード(thin medium thick)で指定する。
種類(style) solid １本線で表示する。
double ２本線で表示する。
dotted 点線で表示する。(正方形の点が並ぶ)
dashed 破線で表示する。(長方形の点が並ぶ)
inset ボーダーに囲まれた範囲全体がへこんで見えるように表示する。
outset ボーダーに囲まれた範囲全体が飛び出て見えるように表示する。
groove ボーダー部分がへこんでいるように表示する。
ridge ボーダー部分が出て見えるように表示する。
hidden ボーダーのない状態にする。この値にするとボーダーの太さは０。
none ボーダーのない状態にする。この値にするとボーダーの太さは０。

【border-right】右ボーダーの太さ(widht)　種類(style)　色(color)を指定する。
【border-top】上ボーダーの太さ(widht)　種類(style)　色(color)を指定する。
【border-bottom】下ボーダーの太さ(widht)　種類(style)　色(color)を指定する。

【margin】ボーダーの外側のスペース。
margin 上下左右同じ値にピクセルや％で指定する。
margin-top 上マージンをピクセルや％で指定する。
margin-bottom 下マージンをピクセルや％で指定する。
margin-right 右マージンをピクセルや％で指定する。
margin-left 左マージンをピクセルや％で指定する。

---.menu1{}---
【種類】名称未設定 1.2.3　以外
プロフィール　{$profile}
カテゴリ　{$category}
アーカイブ　{$archive}
最新記事　{$new_article}
最新コメント　{$new_comment}
最新トラックバック　{$new_trackback}
フォトアルバムメニュー　{$photo}
スケジューラーメニュー　{$scheduler}
カレンダー　{$calendar}
ナビゲーション　{$navigation}
リンク集　{$userlink}
検索　{$search}
ZAQインフォメーション　{$zaqinfo}

【background-color】背景色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【background-position】背景画像の表示開始位置を　数値や％やキーワードで指定する。

数値：数値にpxやemやexなどの単位をつけて指定します。
値を１つ指定＝値１は右方向への距離　(下方向は50%になる)
値を２つ指定＝値１は右方向への距離　値２は下方向への距離
％：％値で指定します。
パディング領域と背景画像のそれぞれにおいて　左上を0%　右下を100%　の位置として　同じ割合の位置を合わせる形で位置を指定する。
値を１つ指定＝値１は右方向への距離　(下方向は50%になる)
値を２つ指定＝値１は右方向への距離　値２は下方向への距離
キーワード： top(0%)　center(50%)　bottom(100%)
left(0%)　center(50%)　right(100%)
値を１つ指定＝値１は任意のキーワード　(もう一方はcenterになる)
値を２つ指定＝値１は横(縦)のキーワード　値２は縦(横)のキーワード

【background-repeat】背景画像の並び方を指定する。
:repeat; 縦横に背景画像を繰り返して表示します。
:repeat-x; 横方向にのみ背景画像を繰り返して表示します。
:repeat-y; 縦方向にのみ背景画像を繰り返して表示します。
:no-repeat; 背景画像を一回だけ表示して繰り返しません。

【font-size】フォントのサイズを　数値や％やキーワードで設定する。
数値：数値にpxやemやexなどの単位をつけて指定します。
％：％値で指定します。
キーワード：
xx-small　x-small　small、medium(=標準)　large　x-large　xx-large
１段階上がると１．２倍のサイズになり　７段階で指定できます。
smaller larger
親要素のサイズを基準としてそれよりも１段階　小さい(smaller)　大きい(larger)　サイズになります。

【font-weight】フォントの太さを数値やキーワードで設定します。
数値： 100　200　300　400(=標準)　500　600　700　800　900
フォントの太さを100～900の９段階で指定できます。
数値が小さくなるほど細く　大きくなるほど太くなる。
キーワード：
:normal; 標準の太さ（数値で400を指定した場合と同じ）
:bold; 一般的な太字の太さです。（数値で700を指定した場合と同じ）
:lighter; 相対的に一段階細くします。
:bolder; 相対的に一段階太くします。

【text-align】テキスト(インライン要素)の行揃えを指定する。
:text-align:center; 中央揃え
:right; 右寄せ
:left; 左寄せ
:justify; 均等割付け

【line-height】行の高さを数値や％やキーワードで指定する。
数値のみ：単位をつけずに実数値だけを指定すると　その数値をフォントサイズに掛けた値が高さとして設定される。
数値：数値にpxやemやexなどの単位をつけて指定します。
％：％値で指定します。
キーワード(normal)：フォントサイズに基づいて　ブラウザが適切な行の高さを決定します。

【color】文字色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【vertical-align】テキストや画像のの上下位置をコントロールする。
:baseline; ベースラインを揃える
:sub; 下付き文字として揃える
:super; 上付き文字として揃える
:top; 上端揃える
:text-top; テキストの上端に揃える
:middle; 中央揃える
:bottom; 下端揃える
:text-bottom; テキストの下端に揃える
:％; 行の高さを指定する(line-height)プロパティの値に対する割合を％値で指定する

【padding】ボーダーと内容との間のスペース。
padding 上下左右同じ値にピクセルや％指定する。
padding-top 上パディングをピクセルや％で指定する。
padding-bottom 下パディングをピクセルや％で指定する。
padding-right 右パディングをピクセルや％で指定する。
padding-left 左パディングをピクセルや％で指定する。

【border-bottom】下ボーダーの太さ(widht)　種類(style)　色(color)を指定する。

カスタマイズ　【４】　.contents{}～.blog_name{}

今日はＣＳＳの　.contents{}～.blog_name a:link,.blog_name a:visited{}　です。

---.**** { ++++ : #### }---
どの要素(****)の　どのスタイル(++++)を　どのように(####)する
【.****】セレクタ：適用先を指定する部分。

【++++】プロパティ：スタイルの種類を指定する部分。

【####】値：そのスタイルを具体的にどのようにするか指定する部分。

---.contents{}---
【background-color】背景色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【vertical-align】テキストや画像のの上下位置をコントロールする。
:baseline; ベースラインを揃える
:sub; 下付き文字として揃える
:super; 上付き文字として揃える
:top; 上端揃える
:text-top; テキストの上端に揃える
:middle; 中央揃える
:bottom; 下端揃える
:text-bottom; テキストの下端に揃える
:％; 行の高さを指定する(line-height)プロパティの値に対する割合を％値で指定する

【padding】ボーダーと内容との間のスペース。
padding 上下左右同じ値にピクセルや％指定する。
padding-top 上パディングをピクセルや％で指定する。
padding-bottom 下パディングをピクセルや％で指定する。
padding-right 右パディングをピクセルや％で指定する。
padding-left 左パディングをピクセルや％で指定する。

---.left_menu{}---　---.right_menu{}---
【background-color】背景色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【vertical-align】テキストや画像のの上下位置をコントロールする。
:baseline; ベースラインを揃える
:sub; 下付き文字として揃える
:super; 上付き文字として揃える
:top; 上端揃える
:text-top; テキストの上端に揃える
:middle; 中央揃える
:bottom; 下端揃える
:text-bottom; テキストの下端に揃える
:％; 行の高さを指定する(line-height)プロパティの値に対する割合を％値で指定する

【border-left】左ボーダーの太さ(widht)　種類(style)　色(color)を指定する。
太さ(widht) 実数＋単位(px pt px)で指定する。
キーワード(thin medium thick)で指定する。
種類(style) solid １本線で表示する。
double ２本線で表示する。
dotted 点線で表示する。(正方形の点が並ぶ)
dashed 破線で表示する。(長方形の点が並ぶ)
inset ボーダーに囲まれた範囲全体がへこんで見えるように表示する。
outset ボーダーに囲まれた範囲全体が飛び出て見えるように表示する。
groove ボーダー部分がへこんでいるように表示する。
ridge ボーダー部分が出て見えるように表示する。
hidden ボーダーのない状態にする。この値にするとボーダーの太さは０。
none ボーダーのない状態にする。この値にするとボーダーの太さは０。

【padding】ボーダーと内容との間のスペース。
padding 上下左右同じ値にピクセルや％指定する。
padding-top 上パディングをピクセルや％で指定する。
padding-bottom 下パディングをピクセルや％で指定する。
padding-right 右パディングをピクセルや％で指定する。
padding-left 左パディングをピクセルや％で指定する。

【width】幅をピクセルや％で指定する。

---.blog_name{}---
部分：ブログ名(菌の卵)のフォント

【font-family】フォントの種類をフォント名やフォントの一般名をあらわすキーワードで指定する。(複数可)
フォント："Courier New"　"Courier"　"ＭＳゴシック"　"Osaka-等幅"　Osaka　他
キーワード：
:monospace; 等幅フォント
:fantasy; 装飾的なフォント
:cursive; 草書体・筆記体系のフォント
:serif; 明朝系のフォント
:sans-serif; ゴシック系のフォント

【font-size】フォントのサイズを　数値や％やキーワードで設定する。
数値：数値にpxやemやexなどの単位をつけて指定します。
％：％値で指定します。
キーワード：
xx-small　x-small　small、medium(=標準)　large　x-large　xx-large
１段階上がると１．２倍のサイズになり　７段階で指定できます。
smaller larger
親要素のサイズを基準としてそれよりも１段階　小さい(smaller)　大きい(larger)　サイズになります。

【font-weight】フォントの太さを数値やキーワードで設定します。
数値： 100　200　300　400(=標準)　500　600　700　800　900
フォントの太さを100～900の９段階で指定できます。
数値が小さくなるほど細く　大きくなるほど太くなる。
キーワード：
:normal; 標準の太さ（数値で400を指定した場合と同じ）
:bold; 一般的な太字の太さです。（数値で700を指定した場合と同じ）
:lighter; 相対的に一段階細くします。
:bolder; 相対的に一段階太くします。

【color】文字色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

---.blog_name a:link,.blog_name a:visited{}---
部分：ブログ名(菌の卵)の　まだ見ていない状態(a:link)　と　すでに見た状態(a:visited)　のフォント
【color】文字色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【text-decoration】テキストの下線・上線・打ち消し線・点滅を指定する。
:none; テキストに線は付かず、点滅もしません。
:underline; テキストに下線が付きます。
その他　:overline;　:blink;　:inherit;　:line-through;

カスタマイズ　【３】　.header{}

今日はＣＳＳの　.header{}　です。

---.**** { ++++ : #### }---
どの要素(****)の　どのスタイル(++++)を　どのように(####)する
【.****】セレクタ：適用先を指定する部分。
.header{}
.contents{}
.left_menu{}
.right_menu{}
.blog_name{}
.blog_name a:link,.blog_name a:visited{}
.blog_name a:active,.blog_name a:hover{}
.parts{}
.menu1{}
.menu2{}
.archive{}
.article_day{}
.article{}
.article_subject{}
.article_body{}
.article_anchor{}
.trackback{}
.trackback_title{}
.trackback_subject{}
.trackback_body{}
.comment{}
.comment_title{}
.comment_subject{}
.comment_body{}
.form_title{
.form_body{
.input_edit{
.input_button{
.textarea{}
.calendar{}
.calendar_sun{}
.calendar_sat{}
.calendar_day{}
.calendar_today{}
.calendar_today a:visited{}
.calendar_today a:active{}
.calendar_today a:hover{}
.pro_body{}
.pro_subject{}
.footer{}
.blog_url{}
.rss_url{}

【++++】プロパティ：スタイルの種類を指定する部分。

【####】値：そのスタイルを具体的にどのようにするか指定する部分。

---.header{}---
【font-family】フォントの種類をフォント名やフォントの一般名をあらわすキーワードで指定する。(複数可)
フォント："Courier New"　"Courier"　"ＭＳゴシック"　"Osaka-等幅"　Osaka　他
キーワード：
:monospace; 等幅フォント
:fantasy; 装飾的なフォント
:cursive; 草書体・筆記体系のフォント
:serif; 明朝系のフォント
:sans-serif; ゴシック系のフォント

【font-weight】フォントの太さを数値やキーワードで設定します。
数値： 100　200　300　400(=標準)　500　600　700　800　900
フォントの太さを100～900の９段階で指定できます。
数値が小さくなるほど細く　大きくなるほど太くなる。
キーワード：
:normal; 標準の太さ（数値で400を指定した場合と同じ）
:bold; 一般的な太字の太さです。（数値で700を指定した場合と同じ）
:lighter; 相対的に一段階細くします。
:bolder; 相対的に一段階太くします。

【color】文字色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【background-color】背景色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【background-image】背景画像を指定する。
:url(http://blog.zaq.….gif); URLで画像ファイルを表示する。
:none; 画像ファイルを表示しません。

【width】幅をピクセルや％で指定する。

【height】画像の高さをピクセルや％で指定する。

【vertical-align】テキストや画像のの上下位置をコントロールする。
:baseline; ベースラインを揃える
:sub; 下付き文字として揃える
:super; 上付き文字として揃える
:top; 上端揃える
:text-top; テキストの上端に揃える
:middle; 中央揃える
:bottom; 下端揃える
:text-bottom; テキストの下端に揃える
:％; 行の高さを指定する(line-height)プロパティの値に対する割合を％値で指定する

【border-collapse】セルのボーダーの表示の仕方を指定する。
:collapse; 各セルのボーダーが重なった状態で　連続した一本の線で表示される。
:separate; それぞれのセルに個別のボーダーが表示される。

【border-left】左ボーダーの太さ(widht)　種類(style)　色(color)を指定する。
太さ(widht) 実数＋単位(px pt px)で指定する。
キーワード(thin medium thick)で指定する。
種類(style) solid １本線で表示する。
double ２本線で表示する。
dotted 点線で表示する。(正方形の点が並ぶ)
dashed 破線で表示する。(長方形の点が並ぶ)
inset ボーダーに囲まれた範囲全体がへこんで見えるように表示する。
outset ボーダーに囲まれた範囲全体が飛び出て見えるように表示する。
groove ボーダー部分がへこんでいるように表示する。
ridge ボーダー部分が出て見えるように表示する。
hidden ボーダーのない状態にする。この値にするとボーダーの太さは０。
none ボーダーのない状態にする。この値にするとボーダーの太さは０。

【border-right】右ボーダーの太さ(widht)　種類(style)　色(color)を指定する。
【border-top】上ボーダーの太さ(widht)　種類(style)　色(color)を指定する。
【border-bottom】下ボーダーの太さ(widht)　種類(style)　色(color)を指定する。

カスタマイズ　【２】　最初～.body{}

今日はＣＳＳの　最初～.body{}　までです。

---a:link{}---
【a:link】まだ見ていない状態。

【color】文字色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【text-decoration】テキストの下線・上線・打ち消し線・点滅を指定する。
:none; テキストに線は付かず、点滅もしません。
:underline; テキストに下線が付きます。
その他　:overline;　:blink;　:inherit;　:line-through;

---a:visited{}---
【a:visited】すでに見た状態

【color】文字色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【text-decoration】テキストの下線・上線・打ち消し線・点滅を指定する。
:none; テキストに線は付かず、点滅もしません。
:underline; テキストに下線が付きます。
その他　:overline;　:blink;　:inherit;　:line-through;

---a:active{}---
【a:active】カーソルが上にある状態

【color】文字色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【text-decoration】テキストの下線・上線・打ち消し線・点滅を指定する。
:none; テキストに線は付かず、点滅もしません。
:underline; テキストに下線が付きます。
その他　:overline;　:blink;　:inherit;　:line-through;

---a:hover{}---
【a:hover】マウスボタンを押している状態

【color】文字色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【text-decoration】テキストの下線・上線・打ち消し線・点滅を指定する。
:none; テキストに線は付かず、点滅もしません。
:underline; テキストに下線が付きます。
その他　:overline;　:blink;　:inherit;　:line-through;

---body{}---
【body】ページの全体

【margin】ボーダーの外側のスペース。
margin 上下左右同じ値にピクセルや％で指定する。
margin-top 上マージンをピクセルや％で指定する。
margin-bottom 下マージンをピクセルや％で指定する。
margin-right 右マージンをピクセルや％で指定する。
margin-left 左マージンをピクセルや％で指定する。

【padding】ボーダーと内容との間のスペース。
padding 上下左右同じ値にピクセルや％指定する。
padding-top 上パディングをピクセルや％で指定する。
padding-bottom 下パディングをピクセルや％で指定する。
padding-right 右パディングをピクセルや％で指定する。
padding-left 左パディングをピクセルや％で指定する。

【background-color】背景色を指定する。
:#fffff"(白);　:#00000(黒); 色のRGB値を指定する。

【background-image】背景画像を指定する。
:url(http://blog.zaq.….gif); URLで画像ファイルを表示する。
:none; 画像ファイルを表示しません。

【background-repeat】背景画像の並び方を指定する。
:repeat; 縦横に背景画像を繰り返して表示します。
:repeat-x; 横方向にのみ背景画像を繰り返して表示します。
:repeat-y; 縦方向にのみ背景画像を繰り返して表示します。
:no-repeat; 背景画像を一回だけ表示して繰り返しません。

【text-align】テキスト(インライン要素)の行揃えを指定する。
:text-align:center; 中央揃え
:right; 右寄せ
:left; 左寄せ
:justify; 均等割付け

【scrollbar-******】ウィンドウ内に表示しようとしている部分がウィンドウの縦幅/横幅を超えたときに右/下にあらわれるつまみ状の操作部分。(ＩＥのみ表示)
scrollbar-face-color スクロールバーの表面の色を指定する。
scrollbar-arrow-color スクロールバーの矢印の色を指定する。
scrollbar-highlight-color スクロールバーのハイライトの色を指定する。
scrollbar-shadow-color スクロールバーの影の色を指定する。
scrollbar-base-color スクロールバーのベース色を指定する。
scrollbar-3dlight-color スクロールバーの左端と上端の色を指定する。
scrollbar-darkshadow-color スクロールバーの右端と下端の色を指定する。

カスタマイズ　【１】　ＨＴＭＬ(アシカ)

ド素人の私が　ブログのカスタマイズをする時に　本を見たり　サイトを探したりするのが　だんだん面倒になってきて　ここに書き留めておこうと思いました。
自分にわかりやすいように　載せてるので深くつっこまないでね。(笑)

今日はＨＴＭＬのことだけにしました。

---table---
【table】テーブル(表)の設定。
table～/table　枠なし
table border～/table　枠あり

【width】幅をピクセルや％で指定する。

【border】上下右左ボーター(枠線)のスタイル・太さ・色を指定する。

【cellpadding】枠線とセルの内容の間の隙間をピクセル単位で指定する。

【cellspacing】内枠の太さを指定します。０を指定すると立体感の無い枠線になる。

【align】テーブルの表示位置を指定する。
:center; 中央揃え
:left; 左寄せ
:right; 右寄せ

【bgcolor(background-color)】背景色を指定する。

---tr---
【tr】セルの行を定義する。縦方向の改行のようにも使える。
tr～/tr tr～/tr

---td---
【td】セルを内容を作る。横方向に並ぶ。
td～/td td～/td

【width】幅をピクセルや％で指定する。

【border】上下右左ボーター(枠線)のスタイル・太さ・色を指定する。

【cellpadding】枠線とセルの内容の間の隙間をピクセル単位で指定する。

【cellspacing】内枠の太さを指定します。０を指定すると立体感の無い枠線になる。

【align】テーブルの横方向の配置を指定する。
:center; 中央揃え
:left; 左寄せ
:right; 右寄せ

【class】各ブロックの単位。
header
left_menu
contents
right_menu
footer
blog_name
blog_url
rss_url

【valign】セル内データの縦方向の配置を指定する。
:top; 上寄せ
:bottom; 下寄せ
:middle; 中央揃え

【width】画像の幅をピクセルや％で指定する。

【height】画像の高さをピクセルや％で指定する。

【bgcolor(background-color)】背景色を指定する。

【background】背景画像を指定する。

---div---
【div】ひとかたまりの範囲の設定する。p～/pとの違いは改行されても空白が入らない。
div～/div

【class】各ブロックの単位。
header
left_menu
contents
right_menu
footer
blog_name
blog_url
rss_url

【align】テーブルの横方向の配置を指定する。
:center; 中央揃え
:left; 左寄せ
:right; 右寄せ

---ａ---
【a】anchorの略。指定したページにジャンプする時に使います。

【href】移動先のファイル名を表示する。

【class】各ブロックの単位。
header
left_menu
contents
right_menu
footer
blog_name
blog_url
rss_url

---img---
【img】srcで指定した画像を表示する。

【src】表示する画像ファイルを指定する。
.gif
.jpeg
.jpg
.png

【border】上下右左ボーター(枠線)のスタイル・太さ・色を指定する。

【width】画像の幅をピクセルや％で指定する。

【height】画像の高さをピクセルや％で指定する。