スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
web拍手 by FC2

Mr.ポンバシのブログ改造術part12-1

こんばんは!! Mr.ポンバシです(-^□^-)

さて、今日から紹介していくのは

"ルームのヘッダー画像の改造方法"
です

みなさんブログの方にはヘッダー画像を設定しておられますが、ルームのヘッダー画像を設定してる方はあまりいないのではないでしょうか?

ルームのヘッダー部分のといえば、デフォルトでは下の画像ダウン
Mr.ポンバシのブログ

のように何もない状態になっています

そこで下の画像ダウン
Mr.ポンバシのブログ

のようにヘッダー画像を設定してみましょう!

まず、ヘッダー画像に設定したい画像を用意しうpします
Mr.ポンバシのブログ

ルームのフリースペースの最初に

<div id="roomtop"><img src="画像のURL" border="0"width="99%"></div>


最後に

<style type="text/css">
#wideContentsArea{
width:1150px;/*全体の横幅*/
margin:0 auto;
position:relative;

}
#header{
visibility:hidden;
height:250px;/*画像の高さ*/

}
#roomtop{
width:800px;/*画像の横幅*/
position:absolute;
top:40px;/*上からの位置*/

left:200px;/*左からの位置*/
bottom:20px;
}
</style>


例によって上のコードをメモ帳で必要事項を記入したあとに、全ての改行を消してから貼り付けてください

どこが何の幅を表しているかは上の画像を参照してください

また、横幅が800pxを超えるヘッダー画像を用いる際は、下の画像のようにCSS編集画面で画像をアップロードしてください
Mr.ポンバシのブログ


ちなみに画像のタグを

<a href="自分のブログのURL"><img src="画像のURL"border="0"width="99%"></a>

というようにすることで、画像をクリックすると自分のブログへのリンクとしても使えるようになります





今回はこれだけですwww

今回は前回のメッセージボードに比べるとだいぶ楽な方だと思います

次回は"ルームのヘッダー画像の応用"について紹介します

どうぞお楽しみに(*^o^*)/~
スポンサーサイト
web拍手 by FC2

コメントの投稿

非公開コメント

1 ■無題

ルーム放置民の自分としてはそんなことできるんだと驚きました!
ポンバシさんに色々紹介してもらってるからブログ改造したいけど時間が…
いつか改造してやる(>_<)

2 ■無題

私もルームいじりたいなぁ・・・。

でも、私がいじったら・・・きっと壊れるんだろうな(´_`。)
怖いけどいじりたい・・・。(ざわざわ・・・

3 ■無題

ルーム改造はかなり時間がかかりましたっ
ブログ作るより難しいかもです(;´Д`)ノ

ヘッダーは時間があったらつけてみようと思いますっ
崩れないことを祈りますねw

4 ■無題

自分も今度やってみます
(^^ゞ

5 ■無題

そこ!変更の仕方気になってた!
やはりルームのフリースペースですか!

了解!もう少し落ち着いたら再開しますww

6 ■無題

そういえば、ルームは最近放置気味だったような・・・

何かしら改造したほうがやっぱりいいのかな・・・?

参考にさせていただきます。
プロフィール

ポンバシ

はじめまして!Mr.ポンバシです。
呼び名は「ポンバシ」「ポンさん」などなどです ^ ^
2次元をこよなく愛しており、エロゲ、ギャルゲ、アニメ、ラノベなんでも話を振ってください。
コメントしてくれると天に昇る勢いで喜びますww


アクセスランキング
[ジャンルランキング]
ゲーム
6074位
アクセスランキングを見る>>

[サブジャンルランキング]
PCゲーム
823位
アクセスランキングを見る>>

アクセスカウンター

カテゴリ

最新コメント

全記事表示リンク

全ての記事を表示する


月別アーカイブ

OHPバナー
紅い瞳に映るセカイ 応援中!!

「魔女こいにっき」応援中

恋がさくころ桜どき

すたじお緑茶『南十字星恋歌』応援中!

検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。