共有テンプレートとカスタマイズ方法をちょっとだけ紹介。

文字の色を変える

~まずやってみよう~

※共有テンプレート「asagi-simple01」を使った例です。
スタイルシートで↓の部分をさがす。(上のほう。開いてすぐのところです。)

	body {
		color : #333333;
		background-color : #ffffff;
		text-align : center;
		line-height : 1.5;	
		font-size : 13px;
	}

赤い部分を「00ff00」と半角文字で書き換えて、プレビューを押して下さい。


~解説~

文字の色が緑色にかわりましか?(リンク部分除く、後に説明します)
このテンプレートでは、この1箇所を変更することで文字色が指定した色に変わります。部分的に色を変えたい場合は、別の操作が必要になります。(後に説明します。)

#に続いて「0,3,6,9,c,f」を使った半角6桁の値を入力することで、色が変わります。(色の一覧はこちら
<例> #000000 #FF6666 #FF0000 #669933 #33FFCC

※6桁の数字の後にある、「;」を削除してしまうと、正しく表示されなくなります。誤って削除しないよう気を付けてください。

★カスタマイズについて★

カスタマイズはご自由にどうぞ。
再配布も○ですが↓のことを守ってください。

・ページ下部の「Template designed by SYU_ASAGI」のリンクは削除しないで下さい。

・カスタマイズした場合、「arranged by ●●」と追記してください。

プロフィール

浅葱 愁

管理人  浅葱 愁(あさぎ しゅう)

▽ブログ名▽
浅葱愁のつれづれなるままに
▽URL▽
http://syuasagi.blog95.fc2.com/


当ブログはリンクフリーです。

MENU

◆共有テンプレート◆
「asagi-simple01」
「asagi-simple02」
注意事項も記載してますので、ご利用前にそれぞれ目を通してください。
コメントナンバーの表示について(01.02共通)
検索バーを非表示にする
◆テンプレートカスタマイズ◆
「asagi-simple01」を使った簡単なカスタマイズ方法を紹介。
はじめに
準備
色について
■文字のカスタマイズ
文字の色を変える
リンク部分の文字色を変える
本文を左寄せにする
■幅のカスタマイズ
幅を広げる
■枠のカスタマイズ
線の種類を変える
■背景のカスタマイズ
背景を変える