夢見鳥
簡単な説明
テンプレート、シリーズに関する基本的な説明は
見本とシリーズ説明をご覧下さい。
タイトル左の蝶はCSS3アニメーションを使っていますので、対応するPC・スマフォのwebkit系ブラウザ(Chrome等)から見ると縦にゆらゆらと揺れます。JavaScriptは使っていません。
ちなみにタイトルの『夢見鳥』は蝶の異名です。
全体的に青っぽい色でまとめています。PC・スマフォ用のアクティブリンク色が少し目に痛いかなとも思いましたが、『空』の名を持つ色だそうで、イメージ的にしっくりきたので採用。
画像
全て
デコヤさまより
『アイコン』→『蝶々』
※独自タグで貼り付けているので、レイアウトをコピーすればそのまま使えます。
配色
《文章部背景色》#ffffff
《文字色》#4f4540
《リンク色》
未訪問リンク色→
#619cd3/訪問済リンク色→
#648bad
PC・スマートフォンフォーカス時:文字色→
#58b2dc、背景色→なし
フィーチャーフォン:
◇auフォーカス時:文字色→制御不能(背景色反転)、背景色→未訪問/訪問済リンク色
◇docomoフォーカス時:文字色→白#ffffff、背景色→未訪問/訪問済リンク色
◇SBフォーカス時:文字色→常に白、背景色→
#5c9ebc
コピーページ
★
テンプレート作成手順
└初期設定部分も忘れずに!
★
全体レイアウト/
HEAD内CSS
(
機能ページで使う方法、
改変指南)