2023年07月03日
最低限のシンプルなデザインでも何か物足りない
カスタム向け01
というデザインテンプレートにして
ここまで絞れるけれど、最初に訪問したいただいた場合どうしてもヘッダーのインパクトが物足りないと感じます。
おそらく「デザイン」に限って言えばそこだけ入れるだけでもだいぶオリジナリティは出せるのでは無いかと考えます。
ほどなく 幅1000PXの画像を用意して
CSSの部分を編集してみる
この「カスタム01」のテンプレートheaderの設定はこうなっている
/* ヘッダー */
div#header {
padding:20px 0;
background-color:#ffffff;
display:block;
}
これを変える工事を行う 少しCSSを勉強した人ならわかるけど・・・それでもミスをみつけにくい
/* ヘッダー */
div#header {
padding:20px 0;
→ これを削除 background-color:#ffffff;
代わりにbackground:url(/*ここに画像のURLを入れる*/ ) left top no_repeat;
display:block;
}
#header h1 a { color:#333333 /*ここの6桁の数字を変えて色を調整*/ ; text-decoration:none;}
#header h1 a:hover { color:#333333 /*ここの6桁の数字を変えて色を調整*/ ; text-decoration:underline;}
完成
【このカテゴリーの最新記事】
-
no image
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
https://fanblogs.jp/tb/12061965
※ブログオーナーが承認したトラックバックのみ表示されます。
この記事へのトラックバック