私は、アメーバブログをやっているのですが、
友達のブログのアメンバー限定記事のボタン画像がオリジナルだったのでやりかたを調べて何とかやってみたのですが、CSSに追加しても、限定記事のボタン画像が真っ白になります。
これで合っていると思うのですが↓
/* アメンバー限定記事を読むボタンをオリジナル画像にする方法 */
.amemberEntryBtn img{
display:none;
}
.amemberEntryBtn a{
display:block;
margin:0 auto;
width:320px;
height:240px;
background-image:url(http://stat001.ameba.jp/user_images/20110611/21/ …
}
.amemberEntryBtn a:hover{
background-image:url(http://stat001.ameba.jp/user_images/20110611/21/ …
}
どうですか?
間違ってますか?
それと、どことどこの間にこのCSSを追加したらいいか分かりません。
詳しく教えてくれるとうれしいです。
お願いします!
No.1ベストアンサー
- 回答日時:
ブログのCSSファイルを見てみました。
width:320px;
height:240px;
background-image:urlhttp://stat001.ameba.jp/user_images/20110611/21/ …
}
.amemberEntryBtn a:hover{
background-image:urlhttp://stat001.ameba.jp/user_images/20110611/21/ …
}
こうなっていましたが、
画像URLは()で囲んでください。
background-image:url(http://stat001.ameba.jp/user_images/20110611/21/ …
このように。
それと画像サイズですが、使用する画像のサイズとは違っています。
正しいサイズに直しましょう。
あなたの画像は
横220 たて148 です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スクリーンショットをエクセル...
-
line
-
グーグルドライブ、勝手に共有...
-
【ExcelVBA】各セルをダブルク...
-
FFFTPでエラーがでます
-
外国人のコメント欄でよく、コ...
-
強制終了した時のメモ帳のゆくえ
-
プリクラについてです 最後にメ...
-
JPEGの編集(一部を切り取り保...
-
GoogleドライブOCR機能が使えな...
-
Webページ上で飛び飛びの文章を...
-
メールをwordに変換して保存したい
-
googlemapの保存済みリストが消...
-
Outlook:予定表アイテ...
-
お勧めブログを教えてください
-
PDFの制限(セキュリティ)で、印...
-
最近プリクラを撮るとピクトリ...
-
パソコン内臓カメラでの撮影方...
-
テレビで放送された男性芸能人...
-
Webページ保存によるテキストボ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スクリーンショットをエクセル...
-
FC2ブログ 写真の大きさを縮小...
-
ココナラにて「サムネイル」と...
-
画像のサイズとは? KBの数...
-
seesaaブログに画像が、思った...
-
Livedoorブログで写真、文章が...
-
goo簡単HP。バナーのサイズつい...
-
Excel2010マクロ/挿入した画像...
-
gooブログでのサムネイル画像サ...
-
wordpressのスライドにつきまして
-
Blogger/アップロードの画像サ...
-
ワードプレス
-
ファインピクス撮った画像を小...
-
画像リンクを別ウインドウでサ...
-
アメーバブログのアメンバー限...
-
写真が大きくならない
-
macbookairで複数写真のサイズ...
-
GIFアニメ画像のサイズの変換
-
このアプリの質問に回答する時...
-
スマホ用ホームページのヘッダ...
おすすめ情報