Gizport
1 回答
0
Share (facebook)
19
view
全般

【アメブロ】で素材屋風スキンにしようと思っていて、ヘッダーに画像を入...

【アメブロ】で素材屋風スキンにしようと思っていて、ヘッダーに画像を入れたのですが横や縦に繰り返してしまいます…1枚の画像絵を真ん中にのせたいのですが、どうすればいいですか?? .skinFrame2{/*スキン画像*/
position:relative;
width:800px !important;/*横幅*/
height:400px;/*高さ*/
margin:auto;
margin-top:50px;/*最上部とのスキマ*/
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120222/10/22/09/p/o06000400dekopa-11181329875432514.png);
}background-repeat:no-repeat;

.skinMainArea{/*メインカラム*/
position:absolute;
top:100px;/*上から*/
left:300px;/*左から*/
width:350px !important;/*横幅*/
height:300px;/*高さ*/
overflow:auto;
overflow-x:hidden;
background-color:transparent;
}
.skinArticle{/*記事枠*/
background-color:transparent;
border:none;
}
.skinSubA{/*広告サイドバー*/
position:absolute;
top:100px;/*上から*/
left:800px;/*左から*/
width:300px !important;/*横幅*/
height:601px;/*高さ*/
overflow:auto;
background-color:transparent;
}
.skinSubB{
width:0 !important;
}
.skinContentsArea{
width:200px;
}
.pagingArea{/*ページナビ*/
width:99%;
margin:0px auto 0px auto;/*上 下のスキマ*/
}
/*★素材屋風スキン設定★*/


↑のようにcssには書きました・・・
何度やっても繰り返されます・・・


そのせいか、記事などもおかしくなっちゃいます
↓これが私のブログです↓
http://ameblo.jp/dekopa-1118

どなたか、詳しく教えてください!!
Yahoo!知恵袋 4461日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
/* ------------------------------------------------------- */
/* ヘッダー(スキン)画像を設定 */
/* ------------------------------------------------------- */
.skinHeaderArea{
background-image:url( URL);
background-repeat:no-repeat;/* 繰り返ししない */
position:absolute;
padding:0;
margin:auto;
top:▲px;/*上からの位置*/
left:▲px;/*左からの位置*/
width:▲px;/*スキンの横幅*/
height:▲px;/*スキンの縦幅*/
border:▲px ★ ●/*枠 太さ・線種・色*/
}
);
background-repeat:no-repeat;/* 繰り返ししない */
position:absolute;
padding:0;
margin:auto;
top:▲px;/*上からの位置*/
left:▲px;/*左からの位置*/
width:▲px;/*スキンの横幅*/
height:▲px;/*スキンの縦幅*/
border:▲px ★ ●/*枠 太さ・線種・色*/
}

とりあえずヘッダー画像のタグのせますね;
Yahoo!知恵袋 4459日前
シェア
 
コメントする
 

参考になったと評価
  このQ&Aは参考になりましたか?

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
33
Views
質問者が納得① テーマ別に関しては下記を参照 http://ameblo.jp/new-blue-777/entry-11457557324.html あなたのブログのCSSを見ても、テーマ別のCSSは見当たりません。 例 .skinArticle.themeNumberテーマ番号 .skinArticleHeader{ /* タイトル部 */ margin:0 0 0 0; height:260px; width:540px; padding:15px 30px 5px 30px; /* タイトル周辺の余白(↑...
3901日前view33
全般
36
Views
質問者が納得javascript に getElementById('header') とある以上 「旧デザイン」でなければ、当然動作しない。 なんでもかんでも見境なしにコピーしてもダメということ。 「新デザイン」対応のものを探せばよい。 http://ameblo.jp/wazameba/entry-10890601224.html http://ameblo.jp/newcss/entry-11016446668.html
4022日前view36
全般
23
Views
質問者が納得/* リンクエリア */ #header div.nl li a { ここで、padding をつけているからですね。 <li><a style="padding:0" href="http://bijouyasuko.mame2plus.net/cart.jsp?listURL={http://bijouyasuko.mame2plus.net/list.jsp?categoryType=1&amp;categoryName=}">...
4038日前view23
全般
48
Views
質問者が納得元々KlispchのImage X5とX10は壊れやすい事で有名です。 残念ながら、ある程度は覚悟して使わないといけませんね。それ以外は良い機種なんですけど・・・
4235日前view48
全般
43
Views
質問者が納得http://ameblo.jp/css-staff/ 初心者さんならここを見るとわかりやすくて いいとおもいますよ
4379日前view43

取扱説明書・マニュアル

632view
http://mediacdn.shopatron.com/.../ImageX5X10Manual.pdf?1288055769
68 ページ4.24 MB
もっと見る

関連製品のQ&A