CSS大鬥法 @ 甜蜜媽咪痞世界

CSS大鬥法

分類：素材/教學

說到奇摩~

老是限制東限制西..美其名是為了大家好

但實際上造成的困擾還不小呢~

不過~~大家也別擔心啦...文文發現這裡高手如雲呢(當然不包括在下本人)

如果有人跟我一樣誤按了CSS語法,導致先前美美的布置變不見啦

那有几點可以補救~^_^

試試看吧~~開始上課囉!!

首先感謝高手提供的~底圖透明化語法

那文文又再多加几道手續~就可以將邊框一起透明化

步驟一:點選右上角的[管理部落格]進入以下畫面

點選[面版設定]

2.點選[進階樣式]

3.進入[進階樣式]後~

如想要主橫式邊框變不見,如下圖示

方法:

在[標題設定]中的標題底圖將透明度調到0%~橫標題邊框就會變不見了

如要左右邊框變淡

方法:

在[欄位設定]中將透明度調整一下.即可(記得[欄位底色]要打勾)

主文邊框同理左右邊框的方式(記得[內文底色]要打勾)

可是呢..問題來了..底圖變成背景圖..但又想淡化內文的背景圖時

只好利用白色背景圖來淡化~

套用由家分享來的語法加起來

/*奇摩頂端底圖*/
#yhtw_masthead{background:;background-image: url(http:// );color:;filter:alpha(opacity=50); opacity:0.30; moz-opacity:0.5;font-family:華康娃娃體;padding-left:20px;font-size:130%}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:;}

/*文章欄位底圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table,
#ybloginfo table, #yusrinfo table, #yusrintro p {background:url(http://);}

/*左右欄位底圖*/

.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:url(http:// );filter:alpha(opacity=50);}

(以上背景圖會變成底圖.由若雪娃娃提供)

如要變成邊框內底圖變淡,只要稍為修改一下就OK啦~

#yhtw_masthead{background-image:url(http:// );filter:alpha(opacity=50);opacity:0.30;padding-left:20px;font-size:130%;}
#yhtw_masthead a, #yhtw_masthead a:link, #yhtw_masthead a:visited, #yhtw_masthead a:hover{}

.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table,
#ybloginfo table, #yusrinfo table, #yusrintro p {}filter:alpha(opacity:0)

.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{filter:alpha(opacity=50);}

這樣就大功告成了~~~^_^(請注意..底圖變淡必須連同邊框淡化一起使用哦)

整篇文章由 編制(除了語法由若雪娃娃家取用來的)