close
先點樣式管理






修改css樣式表





語法套用好放在最下方,別忘了存檔套用

點圖可放大
回上一層(熱鍵:b)

★刪除人氣語法★
留言版隱藏人氣語法:

#counter font.small-c{display:none}

相簿隱藏人氣語法:(此款會將相本文字也刪除掉喔)

tr td font.small-c {display:none;}
b font.small-c {display:inline !important;}
center font.small-c,
center font.small-c {display:inline !important;}

相簿隱藏人氣語法:(此款只是刪除人氣)

tr font.small-c a{visibility:hidden;}
td b font.small-c a{visibility:visible;}
td center font.small-c a{visibility:visible;}

網誌隱藏人氣語法:

#boxCounter {display: none;}
.boxCounter0 {display: none;}
.boxCounter1 {display: none;}

隱藏vip語法<就是你有買VIP的可以隱藏VIP的等級>
.vip_icon{display:none}

補充:使網頁立體化效果語法

a:hover{ border: 2px #fff outset }

★相簿語法★
【相簿】隱藏好友名單

#friendlist {DISPLAY:none;}

【相簿】隱藏相簿類別
.sidetitle a.small-c {display:none;}
#category {display: none;}


【相簿】new紅橘色變成灰色(如上圖)

 .img.newAlbumUpdate{filter:gray;}


【相簿】new橘紅色變成灰色黑字

.img.newAlbumUpdate {filter:xray;} 


【相簿】new橘紅色變成反向
.img.newAlbumUpdate{filter:FlipH;}


【相簿】new紅橘色變成亮藍色(如上圖)
一:
 .img.newAlbumUpdate{filter:invert;} 

二:
 .newAlbumUpdate {filter:invert;}

回上一層(熱鍵:b)
【相簿】new紅橘色變成粉紅色(如上圖)
IMG.newAlbumUpdate {FILTER:Alpha(opacity=40);}
opacity=40 數字可以自行調整
數字越低 New圖式越淡化 (以此類推)


【相簿】new紅橘色變成半透明濾鏡(如上圖)

.img.newAlbumUpdate{filter:Alpha(style=1);} 


【相簿】new紅橘色變成半透明濾鏡(如上圖)

.img.newAlbumUpdate{filter:Alpha(style=2);}


【相簿】new紅橘色變成半透明濾鏡(如上圖)

.img.newAlbumUpdate{filter:Alpha(style=3);}

【相簿】隱藏相簿new

b font.small-c img.newAlbumUpdate{visibility:hidden;}

【相簿】顯示相簿new

b font.small-c img.newAlbumUpdate{visibility:visible;} 

隱藏好友名單,但不隱藏【相簿】類別:

#friendlist {DISPLAY:none;}

隱藏【相簿】類別,但不隱藏好友名單

.sidetitle a.small-c {display:none;}
#category {display:none;}

【相簿】隱藏相簿人氣

tr font.small-c a{visibility: hidden;}
td b font.small-c a{visibility: visible;}
td center font.small-c a{visibility: visible;}

【相簿】人氣改顏色

font.small-c a {color: #色碼 !important;} 

在這裡寶寶幫您準備好了顏色碼

顏色碼

【相簿】效果

半透明

.side a img{filter:alpha(style=1);}
.side a:hover img{ filter:alpha(opacity=100) ;} 

圓形半透明

.side a img{filter:alpha(style=2);}
.side a:hover img{ filter:alpha(opacity=100) ;} 

長方形半透明

.side a img{filter:alpha(style=3);}
.side a:hover img{ filter:alpha(opacity=100) ;} 

扭曲效果

.side a img{filter:wave(freq=3,strength=8,lightstrength=5,phase=0);}
.side a:hover img{ filter:alpha(opacity=100) ;} 

隱藏效果

.side a img{filter:mask;}
.side a:hover img{ filter:alpha(opacity=100) ;} 

黑白效果

.side a img{filter:gray;}
.side a:hover img{ filter:alpha(opacity=100) ;} 

模糊效果

.side a img{filter:blur;}
.side a:hover img{ filter:alpha(opacity=100) ;} 

反向效果

.side a img{filter:FlipH;}
.side a:hover img{ filter:alpha(opacity=100) ;} 

X光效果

.side a img{filter:xray;}
.side a:hover img{ filter:alpha(opacity=100) ;} 

波紋效果

.side a img{filter:wave;}
.side a:hover img{ filter:alpha(opacity=100) ;} 

負片效果

.side a img{filter:invert;}
.side a:hover img{ filter:alpha(opacity=100) ;}


★網誌語法★
如何在標題上放圖修改顏色:
http://www.wretch.cc/blog/qazlove0315/5574796

網誌隱藏人氣語法:

#boxCounter {display: none;}
.boxCounter0 {display: none;}
.boxCounter1 {display: none;}


網誌的當日人次及累積人次語法:
就在css裡加入這段
.boxCounter1 .side {COLOR: #顏色碼;}

網誌文章裡的人氣
div#article_counter {TEXT-ALIGN:left;}

文章的人氣語法:
DIV#article_counter {COLOR: #顏色碼;} 

誰來我家圖框:

boxWho div#whowrapper{width:199px !important;height:220px;background:no-repeat;padding-top:60px;padding-left:1px;}#boxWho #whowrapper li a {background:url(圖片網址) no-repeat;}#boxWho #whowrapper li a img {filter:alpha(opacity=0);}#boxWho #whowrapper li a:hover img {filter:alpha(opacity=100);}#boxWho{margin-bottom:20px;}

回應區裡的大頭貼底圖:

.comments-body span{ width:136px;height:136px; background:url(圖片網址) no-repeat; margin:0px;padding-top:20px;padding-left:0px;}


回應送出後的顏色:

.total-comments-div {COLOR:#色碼;}

回應打字時的背景:

1:背景重復
#text {BACKGROUND:url(圖片搭網址);}

2:背景不重復
#text {background: url(圖片搭網址) no-repeat;}

網誌回應篇



想顯示特殊樓層 ( 頭香,頸推等等 )

.cmt_floor_hide {display:inline}
.cmt_floor {display:none}

想要全部隱藏

.cmt_floor {display:none} 


換掉字的顏色<樓層文字顏色>

.cmt_floor{
color:#顏色碼}

在這裡寶寶幫您準備好了顏色碼→顏色碼

回應打字時的顏色:

#text {COLOR:#色碼;}

回覆的顏色:

.comments-body .comments-reply .comments-author li p{COLOR:#色碼;}

繼續閱讀:

.articletext .extended A {display: block; font-size: 0px! important; background: url(圖片網址) no-repeat right bottom;width: 40px;height: 20px;
color: #ffffff! important;}


卷軸語法:(這請自己用了)
http://www.khjh.kh.edu.tw/mewawa/dw4/scroll-color.htm

★文章常看看的語法★

如何使文章更容易推及收?

http://www.wretch.cc/blog/qazlove0315/5568889



想看圖,請先點寶寶語法裡面的藍色網址

銀卡:
 #boxMySpace .boxMySpace0 {Height:30px; background: url(http://pic.wretch.cc/icon/album/isAuth_silver.gif) 0% 110% no-repeat;}
.boxMySpace0 .sidetitle{MARGIN:0px 0px 0px 13px}

金卡:
 #boxMySpace .boxMySpace0 {Height:30px; background: url(http://pic.wretch.cc/icon/album/isAuth_gold.gif) 0% 110% no-repeat;}
.boxMySpace0 .sidetitle{MARGIN:0px 0px 0px 13px}

黃金皇冠:
 #boxMySpace .boxMySpace0 {Height:30px; background: url(http://pic.wretch.cc/icon/album/isAuth_platinum.gif) 0% 110% no-repeat;} .boxMySpace0 .sidetitle{MARGIN:0px 0px 0px 13px}

鑚石:
 #boxMySpace .boxMySpace0 {Height:30px; background: url(http://l.yimg.com/e/serv/common/img/isAuth_super_gold.gif) 0% 110% no-repeat;} .boxMySpace0 .sidetitle{MARGIN:0px 0px 0px 13px}



arrow
arrow
    全站熱搜

    qazlove0315 發表在 痞客邦 留言(8) 人氣()