解決済
トップ画像の変更方法を教えて下さい。
過去の質問などをさがしてやってみたのですが、どうしても解決出来ません。。。変更方法を教えて頂けないでしょうか？
変更したいブログは以下です。
2007-05-05 02:06の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2007-05-05 14:08:18
管理画面→カスタマイズ/管理→デザインの設定→
右下のカスタマイズ で
スタイルシート（CSS）を見ます。
#banner{
background:#fff;
border:solid #9599aa;
border-width:1px 1px 0;
margin:0 auto;
text-align:left;
clear:both; }
を
#banner{
width:775px;
height:160px;
background:url(画像のＵＲＬ) no-repeat 50% 0; }
border:solid #9599aa;
border-width:1px 1px 0;
margin:0 auto;
text-align:left;
clear:both; }
に変更。
周りの線がいらなかったら
#banner{
width:775px;
height:160px;
background:url(画像のＵＲＬ) no-repeat 50% 0; }
text-align:left; }
横幅はブログの幅に合わせてwidth:775pxくらい。
縦はheight:160pxの数字を変更してみて下さい。
下の この内容で保存する
をクリック 再構築します
右下のカスタマイズ で
スタイルシート（CSS）を見ます。
#banner{
background:#fff;
border:solid #9599aa;
border-width:1px 1px 0;
margin:0 auto;
text-align:left;
clear:both; }
を
#banner{
width:775px;
height:160px;
background:url(画像のＵＲＬ) no-repeat 50% 0; }
border:solid #9599aa;
border-width:1px 1px 0;
margin:0 auto;
text-align:left;
clear:both; }
に変更。
周りの線がいらなかったら
#banner{
width:775px;
height:160px;
background:url(画像のＵＲＬ) no-repeat 50% 0; }
text-align:left; }
横幅はブログの幅に合わせてwidth:775pxくらい。
縦はheight:160pxの数字を変更してみて下さい。
下の この内容で保存する
をクリック 再構築します
無事、解決しました。
勉強になりました。
ありがとうございました！
Ads By Google
コメント(5)
ありがとうございます。
画像は変えれたのですが、もともとのブログタイトルが画像と被ってしまいました。ブログタイトルの消し方か、被らない様にする方法ってありますでしょか？
度々、申し訳ありませんが教えて下さい。
#2. 湯川 学
2007-05-05 15:52:36
display:none;
を入れて
.blogtitle{display:none;
padding:45px 30px 5px;
font-size:20px; }
にすると見えなくなります。
あとは色を指定して変更するとか・・・。
#banner a{color:#ffffff;
text-decoration:none; }
カーソルをのせた時
#banner a:hover{color:#ff00cc;
text-decoration:underline; }
色見本
http://www.finitojapan.com/cltable.html
#3. 湯川 学
2007-05-05 16:22:53
すいません。
#banner{
width:775px;
height:160px;
background:url(http://image.blog.livedoor.jp/jena_makers/imgs/e/9/e99edbff.gif) no-repeat 50% 0; }
border:solid #9599aa;
border-width:1px 1px 0;
margin:0 auto;
text-align:left;
clear:both; }
の閉じカッコを２つ入れてしまいました。
text-align:left;をカッコ内に入れて
border:solid #9599aa;
border-width:1px 1px 0;
margin:0 auto;
text-align:left;
clear:both; }
は消去。
#banner{
width:775px;
height:160px;
background:url(http://image.blog.livedoor.jp/jena_makers/imgs/e/9/e99edbff.gif) no-repeat 50% 0;
text-align:left; }
にすると左にいきます。
出来ました！ありがとうございます。
もっと、カッコイイレイアウトに挑戦してみます。
#5. 湯川 学
2007-05-05 17:09:19
