アフィリエイト広告を利用しています

ヘッダ部分をカスタマイズ

ど〜も、こんにちは。

ブログのヘッダ部分をカスタマイズしました。(≧▽≦)

大きくは、ブログ名の部分を、スタイルシートで変更と、画像を追加です。
他に、位置を変えたりもしていますが。

それと、このブログを、リンクして頂いている方で、
ブログ名を、【 小龍屋 】としている方もいらっしゃると思いますが、
【】自体に、こだわりはないので、そのままでもかまいません。

もちろん、ランスロットなど、別名でリンクされている方も、
そのままで、かまいません。全然、気にしないで下さい。

カスタマイズの説明などを、書きたいとも思うのですが、
全部を説明すると、大変なので、私が画像の追加した方法だけ記述します。
以下の内容は、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入門の こちら ページにも、説明がありますので、参照してみて下さい。

スキンによっては、多少違うかもしれませんが、
たぶん、同じのような記述で、大丈夫かと思われます。

この記事へのコメント

   
【 プロフィール 】

ランスロット
テイルズ好きな、ひきこもりダメ人間です。 サイト名の「小龍屋」は、「こたつや」と読みます。  名前はランスロットですが、気軽にランスとお呼び下さい。 リンクについては、「プロフィールを見る」をご覧ください。

【 サイト内検索 】

【 リンク集 】

【 広告 】

▼忍者ツールズにある
「忍者AdMax」というツールです。▼


▼おしゃれなデザインの雑貨が
売っているサイトです。▼
MoMA STORE

▼自分で何か作りたい時などに、
その為の材料が色々と
売っているサイトです。▼


▼マウスコンピューターという
パソコンショップです。
ゲームパソコンなど、
種類も様々なものがありますよ。▼
マウスコンピューター/G-Tune

▼パソコンショップです。
ゲームPCやプリンタなども
売っていますよ。▼


▼パソコンショップです。
パソコン以外にも、プリンタも
自社のものがあります。
HP Directplus オンラインストア

▼独自のドメイン名
を取得できます。▼


▼絶版された本を、リクエストし、
復刊させることが出来るサイトです。▼


【 メールフォーム 】


【 QRコード 】

QRコード
<< 2024年04月 >>
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30        
【 カテゴリアーカイブ 】
【 最新記事 】

【 個人宛ての記事 】


【 Twitter 】