今日は すごぉく久々の「カスタマイズしてみよう☆」の続編です。
自分でもどこまで書いたのやら・・・でしたが、スタイルシートの一番初め「body」から始めて、リンクの辺りまで書いてありました。
それでは「title」から行ってみましょう☆
※数値、カラーコード(色を指定する番号)は「江戸風鈴」仕様です。
.title {
font-size: 25px;
font-weight: bolder;
color: #000000;
margin: 60px 0px 0px 20px;
}
title とは まさにタイトル、左上の「江戸風鈴」の文字です。
それでは順番にいってみまーす。
font-size: 25px;
この数字を大きく、たとえば100pxすると「江戸風鈴」がどーんっと大きくなります。
font-weight: bolder;
文字の太さで「bolder」とは「太目の文字」を意味します。
ちなみに その逆に「lighter」と書くと「細めの文字」にもなります。
color: #000000;
タイトル文字の「色」のことです。
「#000000」は「カラーコード」で「黒」を意味しますが、英語に自身のある方は「black」など英語でもOK☆
詳しくは「カスタマイズ 〜body color編」をご覧くださいマセ。
margin: 60px 0px 0px 20px;
「江戸風鈴」の文字の上下左右のマージンで、順番に 上、右、下(サブタイトルとの隙間)、左 になります。
続いてタイトルのリンク設定部分です。
.title a:link {
color: #000000;
text-decoration: none;
}
一番下の「text-decoration: none;」とは「装飾なし」、リンク設定をした時の下線も表示しないということです。
色も指定してますが、未アクセス時の色なので、このブログを開いてるということは、すでにアクセスしてます。
だから、ここの色設定は意味があるような無いような…( ̄ω ̄;)
.title a:visited {
color: #000000;
}
「visited」は「アクセス済」の色なので、同じ色にしておいたほうが良いかもしれません。
.title a:hover,a:active{
color: #000000;
text-decoration: underline;
background: none;
}
「a:hover」は「ポイント時」、「a:active」は「アクティブ時」なので、江戸風鈴は同じ色設定ですけど色を変えてみてもオモシロイと思います。
「text-decoration: underline;」は、タイトルリンク設定のところの「none;=装飾なし」の逆「下線あり」です。
「background: none;」とは「背景設定なし」のことですが、例えば「background-color: red;」とすると、カーソルを当てると「赤い背景」が出ます。
.subtitle {
color:#000000;
font-weight: bold;
font-size: 13px;
margin: 5px 0px 0px 20px;
}
これは「サブタイトル」、ブログの下の説明文の設定になります。
内容は「タイトル」と同じになります。
…とここまで書いたら、結構長くなっちゃいましたので、今日はこの辺で。
興味のない方には 何のことやら、いつも以上につまらない記事だったかとσ(^_^;)アセアセ
生後5ヵ月の頃の風(ふう)です。
ワン&ニャン保護資金稼ぎの 「ニャンコ用ネックレス」の通販をしております。
素人が作った お恥ずかしいような物ですが
売上は、Little Catsの保護ワン&ニャンのために使われますので
お友達にもご紹介いただけたらウレシイです。
よろしくお願いいたします。
ネックレスのホカ 可愛いGOODSがたくさんです。
ぜひ お立ち寄りください(≧▽≦)
ファーミネーター(新品)十数本 70本が入荷しました。
ただいま販売準備中ですが、ネット最安値を予定しているそうです。
ぜひこの機会にお買い求めくださいっ★
もちろん、この売上げもワンニャン保護資金に使わせていただきます。
ネットで買えるのは、こちらのお店だけとなります。