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

アメブロのCSSについて /* ● コメント全体にリンク装飾を設定 ...

アメブロのCSSについて /* ● コメント全体にリンク装飾を設定 ● */
#comment_module a{color:#FFFFFF;
}
#comment_module a{
}
#comment_module a:hover{
text-decoration: underline;
}
#comment_module a:hover {
position:relative;
top:0px;
left:0px;
}
/* ----------------------------------------------------- */
/* ■ コメントのみ */
/* ----------------------------------------------------- */
#comment_module .comment_body{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20110910/21/16/65/j/o06400480roiyarumone1315658871460.jpg);
color:DarkOliveGreen;
font-size:17px;
font-weight:bold
}


現在CSSの一番下の部分に貼り付けていまして・・・、色々手を加えている内に通常のCSSから変化してしまっているかも。。。
この状況でコメント欄の背景に画像を入れる事が出来ているのですが、、、ここから透過させて背景をみせたいのですが、、色々いじっている内に変化して?全然わからなくなってしましました。以前は透過出来たのですが、何故かいつからか出来なくなってしまいました。
どこをどうやればコメント欄の透過をもう一度出来るのでしょうか?詳しい方お手数ですが教えてくださーい。。
もし上記のCSSの貼り付けで情報が不十分でしたら、補足で後から貼り付けますので~。

ちなみにブログ記事欄などの透過などはなんとか出来ていま~す。

よろしくお願いします
Yahoo!知恵袋 4596日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
① 透過したい場合は、画像を指定する必要はありません。

② 半透明にしたい場合は、下記の様にします。(★は消す)


/* ----------------------------------------------------- */
/* ■ コメントのみ */
/* ----------------------------------------------------- */
#comment_module .comment_body{
background-image:url(ht★tp://stat001.ameba.jp/user_images/20110804/05/new-blue-777/7b/59/p/o0030003011393429539.png);


③ 上記の画像は、私のブログの画像なので、ダウンロードして、自分の
画像フォルダにアップロードして使ってください
上記画像は、透過度 50% です。

④ 現在のあなたのブログのCSSは下記になっています。 } が足りません

/* ----------------------------------------------------- */
/* ■ コメントのみ */
/* ----------------------------------------------------- */
#comment_module .comment_body{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20110910/21/16/65/j/o06400480roiyarumone1315658871460.jpg);
#frame{filter:Alpha(opacity=20);
opacity:0.2;}
color:DarkOliveGreen;
font-size:17px;
font-weight:bold
}


下記にする


/* ----------------------------------------------------- */
/* ■ コメントのみ */
/* ----------------------------------------------------- */
#comment_module .comment_body{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20110910/21/16/65/j/o06400480roiyarumone1315658871460.jpg);
}/* ● ここが足りない */
#frame{filter:Alpha(opacity=20);
opacity:0.2;}
color:DarkOliveGreen;
font-size:17px;
font-weight:bold
}


⑤ IEのブラウザでは、{filter:Alpha(opacity=20);でOKですが、
画像や動画まで、透過されるので下記をCSSへ入れる必要があります。

#main img,#main embed{
position:relative;
}

FireFoxでは、画像や動画を透過させないことはできないので、
半透明画像を使うことをオススメします。
Yahoo!知恵袋 4595日前
シェア
 
コメントする
 

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

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
42
Views
質問者が納得焦点距離の説明 虫眼鏡を太陽にかざすと、太陽光で紙が焼けたりする。太陽光は平行光線(めんどうなのでそうしておく)なので、そのときのレンズと紙の距離が焦点距離。 カメラの場合は太陽が被写体(景色や人物など)、レンズ、紙にあたるのがイメージセンサーやフィルムなんだ。 カメラレンズは全体として凸レンズで、これを前後させてピントをあわす。凸を分厚くすると焦点距離は短くなり薄くすると長くなる。 レンズはガラスで出来ているから硬いので普通は焦点距離は変えられない。だからレンズ1個じゃ焦点距離は変えられないが、何個か組...
3526日前view42
全般
49
Views
質問者が納得まとめていれればよろしいとおもうのですが http://webblogsakusei.main.jp/sns_social_button_ichiran_wordpress.html
3921日前view49
全般
44
Views
質問者が納得CGIはFTPソフトでパーミッションを指定してやらないと動きません。 カートとフォームなら、多分それが原因でしょう。 パーミッションの値は、サーバー会社のマニュアルページに載っている事が多いです。
3938日前view44
全般
51
Views
質問者が納得① 画像を画像加工ソフトや拡大できるサイトで拡大してください 横を 1100px にして均等拡大。 そして、CSS編集ページから画像をアップロードして、画像の 下に表示される画像のパスを画像のURLとして使用する。 下記サイトで拡大できます。 http://www.image440.com/ ② もし、できないなら下記を参照(画像をヘッダーに設置する場合の箇所を参照) http://ameblo.jp/new-blue-777/entry-11161349277.html
4364日前view51
全般
45
Views
質問者が納得うちもそれありました!! 1日ぐらいたってから見るとちゃんと反映されてたりしますよ♪ とりあえず時間をおいてみてください!(^^)!
4468日前view45

関連製品のQ&A