CSSのお勉強@準備中
足あとコメント
るんるんらー先生
2011/06/15 00:22:16
/*▽ChromeとFireFoxでしか確認していません△
▼ひまロゴ横のお馬さんのロゴを消す*/
#sv_logo a{background:url("fake");padding:0;}
/*----------------------------------
▼ひまロゴ横にあるFC2動画&Say Move!のリンク*/
div[style="color:#aaa;"]{display:none;}
/*----------------------------------
▼ページ下部中央のカウンター、稼動状況*/
#fc2count{display:none;}
/*----------------------------------
▼ページ下部のFC2フッター*/
#sh_fc2footer_fix{display:none;}
/*----------------------------------
▼Amazon広告の線を消す(きみどりのあれ)*/
.amabanner_imgtd{border:0;}
/*----------------------------------
▼Amazon広告の下端が微妙に切れるのを修正、暫定*/
div[style$="m:10px;overflow:hidden;"]{min-height:110px;max-height:128px;margin-top:10px;}
div[style$="m:10px;overflow:hidden;"] table{word-wrap:break-all;}
.amabanner_imgtd{vertical-align:top;}
/*----------------------------------
▼Amazon広告の文字*/
div[style$="m:10px;overflow:hidden;"] table{color:#000099;}
/*----------------------------------
▼Amazon広告のリンク文字*/
a[onClick^="amazonC"]:link{color:red;}
a[onClick^="amazonC"]:hover{color:orange;}
/*----------------------------------
▼Amazon広告の購入者数の文字*/
.amabanner_sals_cnt{color:#009900;}
/*----------------------------------
▼下の広告を若干透過する
※iframeなのでi-mobileの広告は文字色や背景色をCSSで弄れない)*/
iframe{filter:alpha(opacity=65);opacity:0.65;}
iframe:hover{filter:alpha(opacity=1);opacity:1;}
▼ひまロゴ横のお馬さんのロゴを消す*/
#sv_logo a{background:url("fake");padding:0;}
/*----------------------------------
▼ひまロゴ横にあるFC2動画&Say Move!のリンク*/
div[style="color:#aaa;"]{display:none;}
/*----------------------------------
▼ページ下部中央のカウンター、稼動状況*/
#fc2count{display:none;}
/*----------------------------------
▼ページ下部のFC2フッター*/
#sh_fc2footer_fix{display:none;}
/*----------------------------------
▼Amazon広告の線を消す(きみどりのあれ)*/
.amabanner_imgtd{border:0;}
/*----------------------------------
▼Amazon広告の下端が微妙に切れるのを修正、暫定*/
div[style$="m:10px;overflow:hidden;"]{min-height:110px;max-height:128px;margin-top:10px;}
div[style$="m:10px;overflow:hidden;"] table{word-wrap:break-all;}
.amabanner_imgtd{vertical-align:top;}
/*----------------------------------
▼Amazon広告の文字*/
div[style$="m:10px;overflow:hidden;"] table{color:#000099;}
/*----------------------------------
▼Amazon広告のリンク文字*/
a[onClick^="amazonC"]:link{color:red;}
a[onClick^="amazonC"]:hover{color:orange;}
/*----------------------------------
▼Amazon広告の購入者数の文字*/
.amabanner_sals_cnt{color:#009900;}
/*----------------------------------
▼下の広告を若干透過する
※iframeなのでi-mobileの広告は文字色や背景色をCSSで弄れない)*/
iframe{filter:alpha(opacity=65);opacity:0.65;}
iframe:hover{filter:alpha(opacity=1);opacity:1;}
るんるんらー先生
2011/06/15 21:22:33
memo
BBCodeで改変できるけど制限が厳しい、自由度も低い
white-space:pre;で<pre>タグ代わりになる
BBCodeの{}内\r\nで改行
実態参照文字等は&が変換処理されるので使用できない。
だから多分}が記述できない。
自己紹介文部分を上手く扱おうと思う
兄弟DIVを生成できるが親は生成できないので要素の大移動が必要になりそう。
BBCodeで改変できるけど制限が厳しい、自由度も低い
white-space:pre;で<pre>タグ代わりになる
BBCodeの{}内\r\nで改行
実態参照文字等は&が変換処理されるので使用できない。
だから多分}が記述できない。
自己紹介文部分を上手く扱おうと思う
兄弟DIVを生成できるが親は生成できないので要素の大移動が必要になりそう。
るんるんらー先生
2011/06/16 16:48:02
CSSの調整をどこまでやるか。
IE9はwinXPで使用できないのでIE8で崩れずに表示されるように作るのをとりあえずの目標に。
IE以外のブラウザの人は最新版を使っているでしょう。
MacとSafariとOperaはごめんなさいします。
Safariはwebkit系なのでchromeとそんなに変わらないはず・・・だといいな・・・。
IE9はwinXPで使用できないのでIE8で崩れずに表示されるように作るのをとりあえずの目標に。
IE以外のブラウザの人は最新版を使っているでしょう。
MacとSafariとOperaはごめんなさいします。
Safariはwebkit系なのでchromeとそんなに変わらないはず・・・だといいな・・・。
足あとコメントを残すにはログインしてください。
最新テキストコメント