☆ テンプレートカスタマイズ 素人編 (〇o〇;)
 

ちなみに・・・ブローチのテンプレカスタなので{/大汗/}
 
挑戦してみよ~っかな~~{/嬉しい/}{/複数ハート/}というかた

どうぞ{/汗/}・・・・・自己責任においてお願いしま~す  (* ̄∇ ̄*)エヘヘ

σ(^^) も手探りでやってますだ f(^^;)

どうもブログを初めてしたときは、何が何だかチンプンカンプンで{/大汗/}

大変でした ヾ(;゚曲゚)ノ ギャアア==33333

そこでσ(^^) 的カスタマイズ!!

タグのみだと、わかりにくい部分もありますので、

わかりやすいように (自分がそうだったから (^^;) ) 

画像入りにしましたヾ(´ε`*)ゝ

( ̄△ ̄;)エッ・・?それでもわかりにくいかもぉ~~~ って、、、Σ(T▽T;)    あしからず



  本日は・・一番上部のタイトル(バナー部分)に画像を入れたいとき

      ~~~~あらかじめ済ませておきたい~~~~

 ◎ブログタイトルの画像のアップロード

 ・ご自分の写真を使用(サイズを加工済み) 

 ・素材をお借りしたもの・・・タイトルバナーとかタイトル用で検索す
                   と出て来るかもです^^!

  ※その場合記事内または、サイドにリンクを貼って下さいネ ъ(*゚ー^)

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

ご自分の管理ツールから  (これはあくまでσ(^^) のSimpleBox Shiroの場合)
   ↓
テンプレートの編集
   ↓
SimpleBox Shiroを選択 ( 現在ご使用中でもOK、ほぼ同じかなぁ~{/汗/} )
   ↓
プルタブメニューにて「StileSheet」を選択

わかりずらい方 ↓ 

         図解説明 ъ(*゚ー^)

図解説明の、は現在ご使用中のテンプレでされたい方!!(反映されるので) 

は一つ一つ落ち着いてアップしたい方!! (プレビューで確認しながら)

なんか意味わかるかな 

自分で書いていて( ̄△ ̄;)エッ・・?なんか思ったりして (^^;) しーません。。



◎スタイルシートを選択すると上から何番目か下記のようになってます!!


#banner {
 background: #fff;
 height: 105px;
 padding: 0px;
 margin-top: 10px;
 margin-right: 10px;
 margin-left: 10px;
 text-align: left;
 border: 1px solid #ccc;
 clear: both;
}


↑このようになってますね!!


↓変更↓


#banner {
 background: url
("
http://pub.ne.jp/○×※※○/image/user/※※※※.jp") no-repeat center top;
 height: 130px;
 width: 760px;
 padding: 0px;
 margin-top: 10px;
 text-align: left;
 border: 1px solid #339966;
 clear: both;
}


ピンク文字を替えるところ、追加するところ!!

↑の青はご自分のアップロードしたアドレスを明記して下さいネ♪




タグを一通り打ち終えたら、↑のように保存しておいた方がいいでしょう。。

その後↓で確認してみて~~ d(*⌒▽⌒*)







margin-right: 10px; 
 変更後は削除しました!!
margin-left: 10px;   
変更後は削除しました!!


marginと paddingとは・・・・こちら


変更前 border: 1px solid #ccc; ←(これはバナー画像の枠です!!グレー色)


変更後 border: 1px solid #339966; 写真の色に近い画像枠グリーン系



///////
画像の幅・高さ////////
height: 130px; 高さ
 width: 760px; 幅   ご自分の好きな幅高さでどうぞ!!

 図解説明(〇o〇;)


※カラーはカラーチャートから、カラーコードをコピペして利用出来ます。

ご参考に・・・・ こちら 色々とタグ関係ブログ専門サイト{/ピカピカ/}

これで、タイトルバー画像設定完了になります^^!



また後ほど・・・・今度は
ブログタイトル{/!!/}文字に行きます。。


長々と失礼致しました (^^;)   



読んで頂いてありがとうございます♪人気blogランキング←ポチットね


にほんブログ村 写真ブログ デジタル写真へ ポチットお願いしま~す^^!

にほんブログ村 主婦日記ブログ 兼業主婦へ ポチットお願いしま~すネ^^!


 ぽっこりお腹も・・・