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

またまた質問です。 アメブロカスタマイズについて教えて欲しいことが2...

またまた質問です。
アメブロカスタマイズについて教えて欲しいことが2つあります。 ①記事枠に画像を設定しました。
ボディのところの背景を縦にリピートさせて縦へ伸ばしていくよう設定します。
そのとき、記事背景にもう一つ、ワンポイント画像みたいなのを中央右に表示させて、
スクロールしてもついてくるようにしたいです。



そして、それら画像枠を
テーマ別に違うやつに指定するにはどのようにしたらよいですか?
http://ameblo-customize.com/index.php?customize_2011120400
こちらのサイトや
http://ameblo.jp/bowtansyen/entry-11015653858.html
こちらのブログを拝見して挑戦するも、
なんか画像が表示されないのです・・(´・ω・`)

んで、
今は全部のテーマに同じタイトル画像を反映させていますが
そのままだとなんか・・・(´・ω・`)


.skinArticle{
position: relative;
padding-bottom: 170px; /* 記事フッター表示用余白 */
background:transparent;
}

.skinArticleHeader{ /* タイトル部 */
margin:0 0 0 0;
height:260px;
width:540px;
padding:15px 30px 5px 30px; /* タイトル周辺の余白(↑→↓←の順) */
border:none;
background-image:url(http://p.tl/77qB);

}
.skinArticleHeader2{/* タイトル文字 */
margin:220px 0px 0px 40px; /* 記事タイトルの余白(↑→↓←の順) */

}

.skinArticleBody2{ /* ボディ部 */
margin:0;
padding:0 0px 10px 30px; /* 記事周辺の余白(↑→↓←の順) */
border:none;
background-image:url(http://p.tl/X351);
}
.skinArticleFooter{ /* フッタ部 */
position: absolute;
margin:0;
height:160px;
width:580px;
padding: 0 10px 5px 10px !important; /* 記事フッター四辺余白 */
background-image:url(http://p.tl/jeUQ);
background-position:left bottom;
bottom: 2px ;
left: 0;
}

このようにして反映させています。
さっきの最初にあげたURLから、
.skinArticle.themeNumberテーマ番号

各々{}の最初のほうにくっつけたりした結果が(◞‸◟)


間違っている可能性もあるので
正しいCSSコードを教えてくださいm(_ _)m
Yahoo!知恵袋 4106日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
① テーマ別に関しては下記を参照
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; /* タイトル周辺の余白(↑→↓←の順) */
border:none;
background-image:url(http://p.tl/77qB);
}
.skinArticle.themeNumberテーマ番号 .skinArticleBody2{ /* ボディ部 */
margin:0;
padding:0 0px 10px 30px; /* 記事周辺の余白(↑→↓←の順) */
border:none;
background-image:url(http://p.tl/X351);
}
.skinArticle.themeNumberテーマ番号 .skinArticleFooter{ /* フッタ部 */
position: absolute;
margin:0;
height:160px;
width:580px;
padding: 0 10px 5px 10px !important; /* 記事フッター四辺余白 */
background-image:url(http://p.tl/jeUQ);
background-position:left bottom;
bottom: 2px ;
left: 0;
}
Yahoo!知恵袋 4104日前
シェア
 
コメントする
 

参考になったと評価
  この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; /* タイトル周辺の余白(↑...
4106日前view33
全般
36
Views
質問者が納得javascript に getElementById('header') とある以上 「旧デザイン」でなければ、当然動作しない。 なんでもかんでも見境なしにコピーしてもダメということ。 「新デザイン」対応のものを探せばよい。 http://ameblo.jp/wazameba/entry-10890601224.html http://ameblo.jp/newcss/entry-11016446668.html
4226日前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=}">...
4243日前view23
全般
48
Views
質問者が納得元々KlispchのImage X5とX10は壊れやすい事で有名です。 残念ながら、ある程度は覚悟して使わないといけませんね。それ以外は良い機種なんですけど・・・
4439日前view48
全般
43
Views
質問者が納得http://ameblo.jp/css-staff/ 初心者さんならここを見るとわかりやすくて いいとおもいますよ
4583日前view43

取扱説明書・マニュアル

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

関連製品のQ&A