- ベストアンサー
エキサイトブログのヘッダー写真を変更する方法
- 現在、エキサイトブログ「ワイド」スキンを利用していますが、ヘッダーの写真を変更したいと思っています。
- エキサイトブログ向上委員会の「ヘッダーの写真を入れ替えるには」を参考にしようと思いましたが、HTMLに該当箇所が見当たりません。
- HTMLやCSSの変更方法を知っている方がいらっしゃいましたら、教えていただきたいです。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- yukimamire-com
- ベストアンサー率24% (126/516)
調べたら、こんなのがありました。。。 http://okwave.jp/qa/q5119473.html
お礼
早速御調べいただきありがとうございます。申し訳ありませんがこのサイトは私も見ましたが私のワイドスキンのCSSの内容と違うのでどの様に変更したら良いのか私の能力では出来ませんでした。また何か判りましたらよろしくお願い致します。
関連するQ&A
- IE6でヘッダーとイメージの間に微妙な隙間
ヘッダーとンイメージはそれぞれdivで囲んでいます。IE6でヘッダーとメインイメージの間に微妙な隙間が隙間が空いてしまいます。FOXでは隙間は空きません。なぜでしょうか？ 教えてください。 ==HTML== <div id="header"><img src="images/head.gif" width="821" height="161" border="0" usemap="#Map2" /> <map name="Map2" id="Map2"> <area shape="rect" coords="674,124,775,144" href="#" /><area shape="rect" coords="36,17,322,85" href="#" /> </map></div> <div id="main_img" align="center"><img src="images/main_flash.jpg" width="801" height="305" border="0" /></div> ==css== /*==ヘッダー関係==*/ #header img{ margin:0 0 0 0; padding:0; height:161px; } /*============ボディ部分開始============*/ #main_img{ background:url(../images/main_flash_bg.jpg) no-repeat; width:821px; height:305px; margin:0; padding:0; }
- ベストアンサー
- HTML
- エキサイトブログのヘッダー画像変更について
初めて質問します。 エキサイトブログのカスタマイズ右カラムスキンを使用しております。 今までもヘッダー画像をHTMLで変更していたのですが、本日変更しようとすると表示されないのです。 JPEGで89.5kbです。 どこが間違えてるのでしょうか？ URLを変更しただけなのに、なぜ表示されなくなってしまったのか不思議です・・・。 どなたかご教授ください！！ 以下、HTMLです。 試しにWIDTH=800 HEIGHT=300を消してみたり、" border="0"を消してみたり、ネットで検索してcssをいじってみたりして4時間が経過して疲労困憊です(T_T) <div id="main"> <div id="Headarea"> <a href="../"> <img src="画像のURL WIDTH=800 HEIGHT=300 " border="0"> </a> <div id="titlearea"> <div class="HEADER"><$header$></div> <div class="URL"> <$blogurl$> <div class="USERMENU"><$adminmenu type=1$></div> </div> </div> </div> <div id="postArea"> <$post$> <div class="pageTool clearfix"> <span class="pre pageimg"><$prepage type=1$></span> <span class="next pageimg"><$nextpage type=1$></span> </div> </div> <div class="PROFILE_R"> <p align="center"><$logoimage type=1$></p> <p align="center"><$description$></p> <p align="center"><br> by.ニックネーム</p> <$calendar type=1$> <$menuright$> <$banner type=1$> <$xml$> </div> </div>
- ベストアンサー
- ブログ
- トラックバック先のURLのみ抽出したい(Excite・Sonetにて)
いつもお世話になっています。 以前の「ブログのHTMLからトラックバックをしたブログのURLの抽出」 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1725502 の質問をしたものです。 No.4のご回答を参考にExiteのブログからトラックバック先のURLの抽出するプログラムを 教えていただいたプログラムを以下のように変更し、 class GetTBAddrExcite { … Pattern trackBack = Pattern.compile("<A HREF=(http://.+) TARGET=_NEW>"); while((aLine = reader.readLine())!=null){ // if(aLine.indexOf("tb_tab")>=0){ if(aLine.indexOf("<IMG SRC=http://md.exblog.jp/img/eg/ico_comment.gif WIDTH=9 HEIGHT=9>") >=0){ flag=true; } else { if(flag && aLine.indexOf("<DIV CLASS=COMMENT_INPUT>")>=0) … 実行したのですが、(例としてExcite社長の記事http://blog.excite.co.jp/yamamura/2415166/を対象とした) 結果として以下のように帰ってきてしまいました。 http://www.excite.co.jp/exblog/faq/?kind=general&id=6 TARGET=_NEW>繝倥Ν繝?/A></ B>]<BR> </DIV><DIV CLASS=COMMENT_LINE></DIV><DIV CLASS=COMMENT_TAIL><IMG SRC=htt p://md.exblog.jp/img/eg/ico_comment.gif WIDTH=9 HEIGHT=9> Tracked from <A HREF= http://example.exblog.jp/1614266 TARGET=_NEW><B>blog 貍ア遏ウ繧オ繝ュ繝ウ 繝ゥ..</B> </A> at 2005-10-28 09:51</DIV><DIV CLASS=COMMENT_BODY>繧ソ繧、繝医Ν : <A HREF=htt p://example.exblog.jp/1614266 … 抽出したいのは、http://example.exblog.jp/1614266なのですが、 HTMLの構造上のためか、余計な情報までも抽出してしまいます。(So-netも同じような問題が起きます) 抽出したいURLのみ取得させるには、 プログラムをどのように改正させればいいでしょうか？ よろしくお願いします。
- ベストアンサー
- Java
- ブログの写真が消えた。
ちょっと前に不正アクセスがありましたので、暗証番号を変えてください。とのメールが届きました。 今日、ふと自分のブログの過去記事を見てみると、ある記事の写真が全部消えています。 そして意味不明のｈｔｍｌがいっぱい書き込んでありました。 これは、一体どういうことなのでしょうか。 パソコン内部の写真もそこだけ一部消えていました。 </div><div> </div><div><div align="center"><span><a href="http://blogs.yahoo.co.jp/izuminotoki_0503/GALLERY/show_image.html?id=65193808&no=6"><img src="http://blogs.c.yimg.jp/res/blog-85-20/izuminotoki_0503/folder/1561129/08/65193808/img_6?1409447801" border="0" alt="イメージ 6" width="560" height="315" /></a><a style="visibility: visible" href="http://blogs.c.yimg.jp/res/blog-85-20/izuminotoki_0503/folder/1561129/08/65193808/img_6?1409447801" title="拡大"></a></span></div><div> </div></div></div></div></div></div></div></div></div></div></div>
- ベストアンサー
- ネットワーク
- ヘッダーのみ固定について
ヘッダーのみ固定させたいのですが、IE6だけコンテンツ部分とナビ部分が開いてしまいます。 開かなくする為にはどうすればいいでしょうか？ CSS * html body { overflow: hidden; } body{ margin: 0px; padding: 0px; } .clear { overflow: hidden; display: block !important; display: inline-block; } #wrapper { width: 900px; margin: 0 auto; } #header { width: 900px; height: 100px; position: fixed !important; position: absolute; } * html div#header{ position: absolute; top: expression(eval(document.documentElement.scrollTop+0)); } #content { width: 900px; padding-bottom: 25px; background: #fff; padding-top: 135px; overflow: auto; } #global_navi { display: block !important; display: inline-block; overflow: hidden; position: fixed !important; padding-top: 100px; } HTML <div id="wrapper"> <div id="header"> <h1>○○○○</h1> <div class="header_logo"><a href="index.html"><img src="img/header_logo.gif" alt="" width="400" height="60" /></a></div> </div> <ul id="global_navi"> <li class="gn01"><a href="index.html">○○○○</a></li> <li class="gn02"><a href="#">○○○○</a></li> <li class="gn02"><a href="#">○○○○</a></li> <li class="gn02"><a href="#">○○○○</a></li> <li class="gn02"><a href="#">○○○○</a></li> <li class="gn02"><a href="#">○○○○</a></li> </ul> <div id="content" class="clear"> <div class="index_left"> </div> <div class="index_right"> </div> </div> <div id="footer" class="clear"> </div> </div>
- ベストアンサー
- HTML
- 画像の右横にできたスペースを消したい
ブログのメニューの右横にスペースがあって見栄えが良くありません。そのスペースの場所にリンクや画像を貼っているわけではないのですが、どうしたらそのスペースを削除できるんでしょうか？ 一応、メニューに使っているHTMLを載せておきます。何か間違っていましたらご指摘お願いします。 <div id="top"><P align="left"><A href="メニュー1のリンク"><IMG src="メニュー1の画像" align="middle" border="0"></A><A href="メニュー2のリンク"><IMG src="メニュー2の画像" align="middle" border="0"></A><A href="メニュー3のリンク" target="_blank"><IMG src="メニュー3の画像" align="middle" border="0"></A><A href="メニュー4のリンク"><IMG src="メニュー4の画像" align="middle" border="0"></A><A href="メニュー5のリンク"><IMG src="メニュー5の画像" align="middle" border="0"></A><A href="メニュー1のリンク"><IMG src="メニュー6の画像" align="middle" border="0"></A></p></div>
- 締切済み
- ブログ
- 写真の上0pxにタイトルバーをhtmlで作りたい
HTMLで写真の真上にhtmlで作った色付き棒の中に文字を表現したいです。 それを３列ずつ複数行作成したいです。 ・写真と写真の横幅の間は30pxあける。 ・上下は50pxあける。 ・ウインドウ幅の中央に常に表示 ・ウインドウが写真よりも狭くなってもレイアウトが崩れない このようにしたいと思って、自分で作ってみましたが、 まったくうまくできませんでした。 どのようにすればいいのか教えて下さい。 よろしくお願いいたします。 ～～～～～～ HTML ～～～～～～～ <link href="aa.css" rel="stylesheet" type="text/css" /> <div class="aaa"><!-- と汎用ブロックで囲んで --> <div class="bbb">いのしし<div> <div class="bbb">たつ<div> <a href="" ><img src="" alt="" width="350" height="270" /></a> <a href="" ><img src="" alt="" width="350" height="270" /></a> <div class="ccc">うさぎ<div> <div class="ccc">とら<div> <div class="ccc">たぬき<div> <a href="" ><img src="" alt="" width="232" height="166" /></a> <a href="" ><img src="" alt="" width="232" height="166" /></a> <a href="" ><img src="" alt="" width="232" height="166" /></a> </div> ～～～～～～ CSS ～～～～～～～ @charset "Shift_JIS"; a img{ border:none; } div.aaa{ margin-top:0px; width:760px; margin-left:auto; margin-right:auto; text-align:center; } div.bbb{ background-color: #ffcc66; width: 350px; height: 30px; } div.ccc{ background-color: #ffcc66; width: 232px; height: 30px; font-size: 20px; font-color: }
- ベストアンサー
- HTML
- ドロップダウンメニューの方法を教えてください
■ドロップダウンメニューでサブメニューが横並びで出るようにしたいと思っています。 HTMLは下記のように記述しています。どのようにJavascriptを記述すると良いのか教えてください。よろしくお願いします。 【html】 <div id="menuber"> <a href="#"><IMG src="test/m1.gif" width="101" height="20" border="0" align="left"></a> <div class="hiddenmenus"> <span id="sub"> <a href="#"><IMG src="test/sub1.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub2.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub3.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub4.gif" width="101" height="20" border="0" align="left"></a> </span> </div> </div> 【CSS】 .hiddenmenus {position:absolute; top: 20px; left: 0px;} #sub1 { visibility: hidden; }
- ベストアンサー
- JavaScript
- スタイルシートに関しての質問です。margin0 padding0と指定し居るのに、変なスペースが入ってしまいます。。。
スタイルシートで、 *｛ padding:0; margin:0; ｝ img{ padding:0; margin:0; } と指定しているのですが、なぜか画像でへんなスペースが入ってしまいます。どうしてでしょうか？ ソースは下記の通りです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <head> <META http-equiv=Content-Type content="text/html; charset=Shift_JIS"> <META content="新築マンション,賃貸,敷金ゼロ,礼金ゼロ,ペット可,内覧可能,水商売可,風俗可,東京,都内,マンション,アパート,一戸建, name=keywords> <title>株式会社</title> <link href="css/mainstyle.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wapper"> <div id="head"><img src="img/forward_rogo.gif" width="250" height="56" border="0" ></div> <div id="sidememu"> <table width="150" border="0" cellpadding="0" cellspacing="0" > <tr> <td><a href="#"><img src="img/menu1.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu13_h.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu5_h.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu4.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu11_h.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu10_h.gif" width="150" height="40" border="0"></a></td> <tr> <td><a href="#"><img src="img/menu3.gif" width="150" height="40" border="0"></a></td> <tr> <td><a href="#"><img src="img/menu9_h.gif" width="150" height="40" border="0"></a></td> <tr> <td><a href="#"><img src="img/menu6_h.gif" width="150" height="40" border="0"></a></td> <tr> <td><a href="#"><img src="img/menu8_h.gif" width="150" height="40" border="0"></a></td> </tr> </table> </div> <div id="main"> <div id="flash-a"> <img src="img/dammy.gif" width="650" height="150" border="0"> </div> <div id="main-1"> <img src="img/top_1.gif" width="650" height="40" border="0"> </div> </div> </div> </body> </html> cssは、 /* CSS Document */ *{ padding:0; margin:0; } img{ padding:0; margin:0; } body{ margin-left:auto; margin-right:auto; text-align:center; } #wapper{ width:820; } #head{ margin-top:20px; text-align:left; border-bottom:2px #000099 solid; } #sidememu{ margin-top:20px; background-color:#F00; float:left; } #main{ margin-left:10px; margin-top:20px; float:right; } です。すみません。教えてください！
- ベストアンサー
- その他([技術者向] コンピューター)
- お世話になっております。fc2でblogを運営しているものです。
お世話になっております。fc2でblogを運営しているものです。 テンプレートをいじってロールオーバーボタンを作ってみたいのですがどうしてもできません。 以下ソースになります。 HTML： <!--navi--> <div id="navi"> <div class="navi01"> <a href="○○○○○○"><img src="○○○○○○" alt="blog ボタン トップ" border="0" width="120" height="30" /></a> </div> <div class="navi02"> <a href="○○○○○○"><img src="○○○○○○" alt="blog ボタン イラスト" border="0" width="120" height="30" /></a> </div> <div class="navi03"> <a href="○○○○○○"><img src="○○○○○○" alt="blog ボタン マンガ" border="0" width="120" height="30" /></a> </div> <div class="navi04"> <a href="○○○○○○"><img src="○○○○○○" alt="blog ボタン その他" border="0" width="120" height="30" /></a> </div> <div class="navi05"> <a href="○○○○○○"><img src="○○○○○○" alt="blog ボタン 掲示板" border="0" width="120" height="30" /></a> </div> <div class="navi06"> <a href="○○○○○○"><img src="○○○○○○" alt="blog ボタン メール" border="0" width="120" height="30" /></a> </div> </div> <!--navi--> CSS： #navi { margin : 0 auto; margin-top : 5px; width : 800px; } .navi01 { float : left; margin-left: 15px; } .navi02 { float : left; margin-left: 10px; } .navi03 { float : left; margin-left: 10px; } .navi04 { float : left; margin-left: 10px; } .navi05 { float : left; margin-left: 10px; } .navi06 { float : left; margin-left: 10px; } です。navi01～navi06までがボタン。それをnaviでグループ化しているイメージです。 ○○○○○○には当然ソースが書いてあります。各ボタンのロールオーバー用ボタンは用意してあります。 どのようなHTML、CSSを書けばよろしいでしょうか。よろしくお願いいたします。
- ベストアンサー
- ブログ
お礼
まず、お礼が遅れましたことをお詫びいたします。 質問した後に自分なりにCSSを弄り何とか出来ました。 ご回答のURL画像を削除してBODYの後に { BACKGROUND : #E7E3D6 ; MARGIN : 0;PADDING : 0; background-image: url("http://*************.jpg" ); background-repeat : no-repeat; background-position : center top;} 追加した所上手く行きました。 ありがとうございました