締切済み

エキサイトブログの背景を変更したい

2009/05/27 14:51

現在「お花見」というエキサイトのスキンを利用し、写真だけを自分の好きなものに変更して利用しています（スクロールする部分の列のヘッダ部分のみ写真が掲載されています）。このスクロールしない左右の部分にも、写真の延長で拡大して表示させたいのですが、そのヘッダー部分をいじる方法がわかりません。高さは現在使用の「お花見」のサイズで構いませんので、スクロールした時に、そのまま写真もスクロールしてしまって構いません。例えばですが、「千代紙」というスキンをエキサイトが提供していますが、両サイドにまで絵が左右に大きく表示されています。「お花見」のヘッダー部分を高さは変えずに「千代紙」のようにしたいのですが、やり方をご存知の方がいらっしゃいましたら教えて下さい。できれば一枚の大きな背景画を配置するよりは、上部だけに画像を配置したほうが容量も少なく済むと思うのですが、ヘッダーとして設置する方法でも、背景として一部上部にのみ表示するといった方法でもどちらでも構いません。写真は全体がスクロールしてしまったほうがいいです。よろしくお願いいたします。

noname#90076

ブログ
回答数2
ありがとう数0

みんなの回答 （2）
専門家の回答

みんなの回答

DOUGLAS_
ベストアンサー率74% (397/534)

2009/05/28 15:10 回答No.2

＞どうやらご案内頂いたCSSが違うようですので、＞異なるCSSをご覧になられるのではないでしょうか。　失礼いたしました。　私が、「<BODY> の直後に」と書いたもので誤解を招きましたね。「<BODY> の直後に」ではなくて、「<div id="top"> の前に」の間違いでした。　[■ HTML編集] の下のテキストボックスの先頭の「<div id="top"> の前に」 <img src="自分の好きなものに変更して利用している写真のＵＲＬ" width="100% "height="280px" style="position: absolute; z-index: -1"> を貼り付けてください。

DOUGLAS_
ベストアンサー率74% (397/534)

2009/05/27 19:56 回答No.1

１）[スキン変更] - [スキン編集] - [■ CSS編集] の下のテキストボックスにある #top { background: url(自分の好きなものに変更して利用している写真のＵＲＬ) no-repeat; text-align: center; margin-right: auto; margin-left: auto; width: 750px; height: 280px } のところの background: url(自分の好きなものに変更して利用している写真のＵＲＬ) no-repeat; を削除します。２）[スキン変更] - [スキン編集] - [■ HTML編集] の下のテキストボックスにある <BODY> の直後に <img src="自分の好きなものに変更して利用している写真のＵＲＬ" width="100% "height="280px" style="position: absolute; z-index: -1"> を貼り付けます。３）[保存] - [適用] します。

質問者

補足 2009/05/28 13:38

どうやらご案内頂いたCSSが違うようですので、異なるCSSをご覧になられるのではないでしょうか。こちらのCSSは以下の通りです。ご教示お願い致します。＾＾ちなみにヘッダの絵の中に、リンク先を３件入れていますが、今回のリニューアル時には取り除きますので、その点を踏まえて頂いて構いません。 <div id="top"> <div class="HEADER"><$header$></div> <div class="URL">ブログサブタイトル１</br>ブログサブタイトル２</br></div> <div class="top2"> <table width="750" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="160" valign="bottom"> <div class="USERMENU"> <$adminmenu type=1$></div> </td> <td valign="bottom"> <div class="garbo_link"> <p><a href="提携先サイトURL" target="_blank"><img src="提携先バナーの絵のURL" width="200" height="50" border="0" alt="提携先名" vspace="0" hspace="0"></a> <p><a href="自分のホムペのアドレス" target="_blank"><img src="ホムペのバナーの絵のURL" alt="サイト名" height="20" width="145" border="0" /></a> <p><a href="自分のサイトURL" target="_blank"><img src="サイトバナーの絵のURL" alt="サイト名" height="20" width="145" border="0" /></a></p> </div></td> </tr> </table></div> </div> <div id="main"> <table border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td width="200" align="left"> <div id="left"> <div class="PROFILE"> <$logoimage type=1$> <div class="profile_body"> <$description$></div> <div class="nick"> <$nick$></div> </div> <$calendar type=1$> <div class="MN"> <$menuleft$></div> <div class="MNTTL">Friend's site</div> <div class="mnbody"><a href="友人のサイトURL" target="_blank">友人サイト名</a></div> <div class="MNTTL">Participation site</div> <div class="mnbody"><a href="リンク先URL"TARGET=_blank><img src="リンク先バナー絵URL" width="88" height="31" border="0" alt="一票をお願いします"border="0"></a><br /></div> <$banner type=1$> <$xml$></div> </td> <td width="550"> <div id="center"> <$post$> <div class="pagenext"> <span class="pagenext2"><$prepage type=1$></span> <span class="pagenext2"><$nextpage type=1$></span></div> </div> </td> </tr> </table> </div>