こんにちは![]()
キャンペーンのお申し込み、順調に頂いてます
感謝
感謝
の羽月ちのです

今日は朝から、色々と作業をしておりまして![]()
とうとう、ヘッダーのデザインカスタマイズ
何回トライしてもできるようになりました![]()
![]()
レベルUP☆です。
といいましても・・・教えて!GOOで
教えてもらっただけのことなのですが・・・(笑)
そのタグをどこに挿入すると、どうなるのか?が
理解できるようになった・・・の表現が正しいかな^^♪
まず、ヘッダーをオリジナル画像に
変更しちゃう方法(タグ)です
#header h1,
#header h2{
margin:0;
padding:0;
text-indent:-9999px;
}
#header h1 a{
display: block;
width: 800px;/*画像の横*/
height:300px;/*画像の縦*/
}
#header {
background-image: url(画像のURL);
background-repeat:no-repeat;
}
①この上記の青い部分をコピペして
「ブログを書く」→「デザインの変更」→
「スキンCSSの編集」を開きます。
タグページ中の、ヘッダーのデザインカスタマイズの
下にペーストします↓
(例)
/*■■■デザインカスタマイズ - ヘッダー*/
/*■ブログタイトル*/
・・・・の下に貼り付けます。
②そして
width: ○○○px;/*画像の横*/
・・・UPする画像の「横幅」を○○に入力。
height:○○○px;/*画像の縦*/
・・・UPする画像の縦幅を○○に入力。
※ちなみに、スタンダード・ベーシックの横幅は800pxです。
③(画像のURL)
CSS編集画面で上部にある「スキンヘッダ・背景用画像の追加」で
「参照」を押して画像を「アップロード」します。
アップロードされるとヘッダー画像が表示されるので
ゴミ箱マーク上の「この画像のパス」をクリックして
画像のアドレスをコピペして・・・
(画像のURL)の( )の中に(http://・・・)を貼り付けます。
そして、一度「プレビュー」で確認してみてください♪
変更されていたら、OK![]()
おつかれさまです~![]()
![]()
ちなみに・・・・ヘッダーをカスタマイズすると
バックとサイドの部分も色の調節が
必要になってくることもありますし、
「ベーシックスタンダード」で使用してるスキンの
グレーの文字背景が気になることもありますよね><;
その部分の変更の仕方や、その部分の色の選び方
そして、WEB用「色見本」の見やすいページなど
また後日記事にUPしてみたいと思います![]()
初心者向け☆(←私も初心者なので。笑)
プチ♪デザインカスタマイズ講座でした~![]()