2013年08月08日
ヘッダ部分をカスタマイズ
ど〜も、こんにちは。
ブログのヘッダ部分をカスタマイズしました。(≧▽≦)
大きくは、ブログ名の部分を、スタイルシートで変更と、画像を追加です。
他に、位置を変えたりもしていますが。
それと、このブログを、リンクして頂いている方で、
ブログ名を、【 小龍屋 】としている方もいらっしゃると思いますが、
【】自体に、こだわりはないので、そのままでもかまいません。
もちろん、ランスロットなど、別名でリンクされている方も、
そのままで、かまいません。全然、気にしないで下さい。
カスタマイズの説明などを、書きたいとも思うのですが、
全部を説明すると、大変なので、私が画像の追加した方法だけ記述します。
ブログのヘッダ部分をカスタマイズしました。(≧▽≦)
大きくは、ブログ名の部分を、スタイルシートで変更と、画像を追加です。
他に、位置を変えたりもしていますが。
それと、このブログを、リンクして頂いている方で、
ブログ名を、【 小龍屋 】としている方もいらっしゃると思いますが、
【】自体に、こだわりはないので、そのままでもかまいません。
もちろん、ランスロットなど、別名でリンクされている方も、
そのままで、かまいません。全然、気にしないで下さい。
カスタマイズの説明などを、書きたいとも思うのですが、
全部を説明すると、大変なので、私が画像の追加した方法だけ記述します。
以下の内容は、HTMLやスタイルシートの知識がないと、
わからなかったり、難しい点もあるかと思います。
その辺を理解したうえで、ご覧下さい。
それと、ファンブログ向けです。
質問等があれば、対応したいとは思いますが、
カスタマイズ自体は、自己責任で行って下さい。
まず、スタイルシートを選択して、以下のような記述を見つけます。
/* 基本レイアウト */
#header {
XXXXXXX
}
「XXXXXXX」の部分は、適当なものです。
実際には、他の記述があると思います。
私は、すでに、カスタマイズしているので、
スクリーンショットは撮りませんでした。
その
#header {
と、
}
の間に、
background: #000000 url(xxxx.jpg) no-repeat 90% 50%;
のような記述を書きます。
【 書式の説明 】
background: ・・・ 背景色や背景画像の設定
#000000 ・・・ 背景色
url(xxxx.jpg) ・・・ 画像のURL
no-repeat ・・・ 背景画像の繰り返し指定
90% 50%; ・・・ 背景画像の配置指定(左右、上下)
背景画像の配置指定は、center,left,right,top,bottomなどでも指定可能です。
私の場合は、右側に、アクセス解析の広告があるので、右端にはしませんでした。
とほほのWWW入門の こちら ページにも、説明がありますので、参照してみて下さい。
スキンによっては、多少違うかもしれませんが、
たぶん、同じのような記述で、大丈夫かと思われます。
わからなかったり、難しい点もあるかと思います。
その辺を理解したうえで、ご覧下さい。
それと、ファンブログ向けです。
質問等があれば、対応したいとは思いますが、
カスタマイズ自体は、自己責任で行って下さい。
まず、スタイルシートを選択して、以下のような記述を見つけます。
/* 基本レイアウト */
#header {
XXXXXXX
}
「XXXXXXX」の部分は、適当なものです。
実際には、他の記述があると思います。
私は、すでに、カスタマイズしているので、
スクリーンショットは撮りませんでした。
その
#header {
と、
}
の間に、
background: #000000 url(xxxx.jpg) no-repeat 90% 50%;
のような記述を書きます。
【 書式の説明 】
background: ・・・ 背景色や背景画像の設定
#000000 ・・・ 背景色
url(xxxx.jpg) ・・・ 画像のURL
no-repeat ・・・ 背景画像の繰り返し指定
90% 50%; ・・・ 背景画像の配置指定(左右、上下)
背景画像の配置指定は、center,left,right,top,bottomなどでも指定可能です。
私の場合は、右側に、アクセス解析の広告があるので、右端にはしませんでした。
とほほのWWW入門の こちら ページにも、説明がありますので、参照してみて下さい。
スキンによっては、多少違うかもしれませんが、
たぶん、同じのような記述で、大丈夫かと思われます。
【ブログ設定関係の最新記事】
この記事へのコメント