こんにちは音譜

キャンペーンのお申し込み、順調に頂いてます

感謝ドキドキ感謝ドキドキの羽月ちのですぴはあと


今日は朝から、色々と作業をしておりましてニコニコ


とうとう、ヘッダーのデザインカスタマイズ

何回トライしてもできるようになりましたラブラブラブラブ

レベル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してみたいと思います音譜


初心者向け☆(←私も初心者なので。笑)

プチ♪デザインカスタマイズ講座でした~ラブラブ