HN『びる』の掲示板
透明化について - 山猿
2011/02/24 (Thu) 15:19:04
びるさん はじめまして・・
メッセージ部透明に挑戦してるんですが
びるさんのHPを参考に幾度もやってみました・・
でも どうしても出来ず悩んでます。
お忙しい中 質問させて頂くのは御迷惑かと
思いましたが・・
なんとか お力をお貸し頂きたくメールしました。
半透明の方法で 最終的にやってみたのですが・・
CSSを張らせて頂きますので
よろしく お願いします。
<style type="text/css">
body{
background-image: url('http://static.stickam.jp/media/image/skin/1100/0010/3386/stickam340/180726500.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}
div.profilePhotoTitle, div.profileInfoTitle, div.profileAboutTitle, div.profileMediaTitle, div.profileCommentTitle, div.profileFriendTitle, div.profileMessageTitle, div.profileRssTitle{
background:#99FF99;
color:#000000;
font-size:9pt;
}
#profilePhoto, #profileFriend, #profileComment,#profileAbout, #profileInfo, #profileMessage, #profileMediaPhoto, #profileMediaAudio,#profileMediaVideo, div.profileRss{
background:#CCFFFF;
filter: Alpha(opacity=00);
-moz-opacity:0.80;
opacity:0.80;
color:#000000;
font-size:9pt;
border-style:solid;
border-width:2px;
border-color:#00CED1;
}
</style>
メッセージ部分のカラーコードが 原因でしょうか？
すみません お願いします。
Re: 透明化について - Bill
2011/02/24 (Thu) 18:13:06
こんにちは、山猿さん。
半透明の設定ですね。 ソースを見ると一箇所直した方がよさそうなところがあります。
前半は省略します。
background:#CCFFFF;
filter: Alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
color:#000000;
font-size:9pt;
border-style:solid;
border-width:2px;
border-color:#00CED1;
}
</style>
直したところは、filter: Alpha(opacity=00); → filter: Alpha(opacity=80);
です。一度直して試してみてください。
それでも駄目だったら、またお問い合わせください。
Re: 透明化について - 山猿
2011/02/24 (Thu) 23:46:22
駄目でした・・・
早速のお返事感謝します。。
また お時間のある時に お手を煩わして申し訳ありませんが
よろしくお願いします。
Re: 透明化について - Bill
2011/02/25 (Fri) 09:27:21
駄目でしたか・・・
ソースを見た感じ問題はなさそうなのですが、もしかして新プロフィールですか？
私の場合、新プロフィールに移行していないので、このCSSが使えるか不明です。
確認しますので、少しお時間ください。
Re: 透明化について - Bill
2011/02/25 (Fri) 13:33:47
新プロフィールでは、このCSS反映しないようです。
おそらくCSSで指定しているブロックの割り当ての名称が違うせいでしょう。
新プロフィール用のCSSの内容を改めて調べる必要がありそうですね。
ネタとしては面白そうですが、それこそちょっと時間がかかりそうです。
もし旧プロフィールに戻せるのであれば、戻してこの間のソースを貼ってみてください。
うまくいくかもしれませんよ。
ただ、３月末まで限定になってしまいますが・・・
戻す方法は、マイページのデザイン管理で「新プロフィールページβ版使用設定」のところで「使用しない」にチェックを入れ保存します。
私の場合はそれで旧プロフィールに戻りました。
とりあえず、こんな回答で申し訳ないです。 以上
Re: 透明化について - Bill
2011/02/25 (Fri) 14:07:59
暇なので調べてみました。
新プロフィールでつかえるCSSは、デザイン管理の「オリジナルテンプレート作成」下部にある 「※使用可能なCSS」に載っているものだけのようです。
半透明にするfilterは残念ながらない模様です。 もしかすると、有料だと使えるのかも？
一応サブアカウントでちょっと試してみました。
http://www.stickam.jp/profile/funnypainter
おそらく、新プロフィールではこうなってしまうのでしょう。（今後調べる価値はありそうですが）
参考までにソースを貼っておきます。
body{
background-image: url('http://static.stickam.jp/media/image/converted/original/1745/2685/9/178207846.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}
#userTop .nav ul{background:#99FF99;
color:#000000;
font-size:9pt;
}
#userTop .nav ul li a{background:#99FF99;
color:#000000;
font-size:9pt;
}
.section .header{background:#99FF99;
color:#000000;
font-size:9pt;
}
.section .header h2,.section .header p a{background:#99FF99;
color:#000000;
font-size:9pt;
}
.section{background:#CCFFFF;
filter: Alpha(opacity=00);
-moz-opacity:0.80;
opacity:0.80;
color:#000000;
font-size:9pt;
border-style:solid;
border-width:2px;
border-color:#00CED1;
}
#userTop,.section .contents{background:#CCFFFF;
filter: Alpha(opacity=00);
-moz-opacity:0.80;
opacity:0.80;
color:#000000;
font-size:9pt;
border-style:solid;
border-width:2px;
border-color:#00CED1;
}
.section .contents a{background:#CCFFFF;
filter: Alpha(opacity=00);
-moz-opacity:0.80;
opacity:0.80;
color:#000000;
font-size:9pt;
border-style:solid;
border-width:2px;
border-color:#00CED1;
}
後半のブロックが透明化されていないのがわかるでしょう。
とりあえずこんな感じです。
Re: 透明化について - 山猿
2011/02/25 (Fri) 19:57:49
有難う御座います。
凄くお手数をおかけしました。。
今 旧プロフィールでやってみましたところ
大成功でした＾＾
3月いっぱいなのが残念ですが・・・
ほんとに有難うございました。
また新しい情報がありましたら お教え下さい。
また寄らせてもらいます。