ホームページ作り方動画１３時間講座のBRAINの無料講座 | アメブロカスタマイズ「全体の文字」について

アメブロカスタマイズ、(1-1) 全体の文字

「ホームページ作り方動画１３時間講座のBRAIN」です。
アメブロカスタマイズに関する記事です。では、早速・・・

/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
(1) 文字のスタイル
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/
(1-1) 全体の文字
(1-2) ブログタイトル文字
(1-3) 記事／メッセージボード内の文字のスタイル
(1-4) サイドバー内の文字のスタイル

文字のスタイルは、４つに分かれています。
今回は、 (1-1) 全体の文字の解説です。

/*(1-1) 全体の文字
--------------------------------------------*/
/* 通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#333333;
}

/* リンク */
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{
color:#0066cc;
}

/* 訪問済のリンク */ .skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,
.skinBlock a:visited,a:visited{
color:#996699;
}

/* マウスオーバーしたときのリンク */ .skinAnchorHoverColor,.skinBaseAnchorHoverColor,
.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{
color:#ff3366;
}

/* 弱い文字 （日付など）*/
.skinWeakColor,.skinBaseWeakColor{
color:#999999;
}

/* 強い文字 （NEW! 更新!など）*/ .skinStrongColor,.skinBaseStrongColor{
color:#ff3399;
}

ここは、 (1-1) 全体の文字、と記載されているとおり、ブログ全体の文字色をカスタマイズする部分です。

/* 通常文字 */
ブログ全体の文字色を変更できます。

/* リンク */
リンクのある文字の色を変更できます。

/* 訪問済のリンク */
リンクのある文字をクリックして、すでに訪問済みの箇所の、文字の色を変更できます。

/* マウスオーバーしたときのリンク */
リンクのある文字に、マウスのポインターをのせた時の、文字の色を変更できます。

/* 弱い文字 （日付など）*/
記事の日付やテーマの、文字の色を変更できます。

/* 強い文字 （NEW! 更新!など）*/
NEW! 更新!などと表示されている、文字の色を変更できます。

「color:」というのが、文字の色を変更しますよ！という、「CSS」の表記です。

「#」と英数字が、表記されていますね。この部分を、変更すれば、文字色が変更できます。

「カラーコード」と言います。
ちなみに、「カラーコード」は、コチラを、ご覧ください。

ここで、ひとつ、注意することがあります。常識的な事ですが、意外に、初心者は、気づかずに、やってしまう間違いをお話ししておきます。

それは、「リンク文字は、青！」という常識です。基本的には、ホームページでも、ブログでも、「リンク文字は、青！」

ですから、通常の文字や、強調したい文字を、「青にしてはいけない！」という事です。気をつけましょうね。

アメブロカスタマイズ・css保存とメニューバーの作成を、動画で学べます。

動画で学ぶ、アメブロカスタマイズ・CSSの保存方法【HD画質】

アメブロカスタマイズ・メニューバーの作り方「詳細な解説ページ」

動画で学ぶ、アメブロ・メニューバーの作り方(1)【HD画質】

動画で学ぶ、アメブロ・メニューバーの作り方(2)【HD画質】

動画で学ぶ、アメブロ・メニューバーの作り方(3)【HD画質】