【語法】相簿濾鏡、隱藏人氣、語法統整、名片語法
[color=darkblue][color=orange]相簿濾鏡
1. 半透明：.side a img{filter:alpha(style=1);}
.side a:hover img{ filter:alpha(opacity=100) ;}
2. 圓形半透明：.side a img{filter:alpha(style=2);}
.side a:hover img{ filter:alpha(opacity=100) ;}
3. 長方形半透明：.side a img{filter:alpha(style=3);}
.side a:hover img{ filter:alpha(opacity=100) ;}
4. 扭曲效果：.side a img{filter:wave(freq=3,strength=8,lightstrength=5,phase=0);}
.side a:hover img{ filter:alpha(opacity=100) ;}
5. 隱藏效果：.side a img{filter:mask;}
.side a:hover img{ filter:alpha(opacity=100) ;}
6. 黑白效果：.side a img{filter:gray;}
.side a:hover img{ filter:alpha(opacity=100) ;}
7. 模糊效果：.side a img{filter:blur;}
.side a:hover img{ filter:alpha(opacity=100) ;}
8. 反向效果：.side a img{filter:FlipH;}
.side a:hover img{ filter:alpha(opacity=100) ;}
9. X光效果：.side a img{filter:xray;}
.side a:hover img{ filter:alpha(opacity=100) ;}
10. 波紋效果：.side a img{filter:wave;}
.side a:hover img{ filter:alpha(opacity=100) ;}
相簿隱藏人氣語法：
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;}
留言版隱藏人氣語法：
#counter font.small-c{display:none}
網誌隱藏人氣語法：
#boxCounter {display: none;}
.boxCounter0 {display: none;}
.boxCounter1 {display: none;}
留言版語法統整
滑鼠移到文字上方時
/*滑鼠移到文字上方文字浮起*/a:hover {border: 3px outset;}
/*滑鼠移到文字上方加背景圖*/a:hover {background: url(圖片網址) no-repeat 90 20 ! important;}
/*滑鼠移到文字上方更換游飆*/a:hover {cursor: url('游標網址')! important;}
/*滑鼠移到文字上方文字顏色*/a:hover {color: #ac55ff ! important;}
/*滑鼠移到文字上方底線取消*/a:hover {text-decoration: none ! important;}
/*滑鼠移到文字上方起點跟隨*/a:hover {twohand2012;position: relative ! important;}
/*連結列高度*/#MENU{HEIGHT: 100}
整體
/*整體游標*/body {cursor:url("游標網址");}
/*整體文字大小顏色*/body {font-size: 16PX;color:#895117 ;}
/*整體文字靠中*/ body {text-align:center;}
/*整體文字間距*/body {letter-spacing: 2PX;}
/*整體文字行高*/body {line-height: 100;}
/*整體文字離上離左*/body {padding-top: 2px;padding-left: 2px;}
/*整體背景圖片*/body {background: url(圖片網址) fixed no-repeat 0 100;}
/*整體區塊離上離中*/body {*margin-top: 2px;*margin-left: 2px;}
/*整體區塊靠邊*/body {align: center;}
標題直行放旁邊
/*橫幅標題文字大小顏色*/#banner a {font-size: 47px;color: #FF7573;}
/*橫幅標題文字底線取消*/#banner a {text-decoration: none ! important;}
/*橫幅標題文字文字行高*/#banner a {LINE-HEIGHT: 120 ! important;}
/*橫幅標題文字靠邊靠上*/#banner a {text-align: RIGHT;padding-top: 54px ! important;}
/*橫幅標題文字寬度高度*/#banner a {height: 382px ! important;width: 52px ! important;}
/*橫幅標題文字加背景圖*/#banner a {background: url(圖片網址) no-repeat 50 0 ! important;}
/*橫幅標題文字自由移動*/#banner a {twohand2012;position: absolute;left: 112px;top: 12px;}
加小圖
/*首頁.連結加小圖(圖在字上方)*/
#linkMypage
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align:
center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50 0 ! important;}
/*相簿.連結加小圖(圖在字上方)*/
#linkAlbum
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align:
center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50 0 ! important;}
/*網誌.連結加小圖(圖在字上方)*/
#linkBlog
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align:
center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50 0 ! important;}
/*留言.連結加小圖(圖在字上方)*/
#linkGbook
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 27px ! important;text-align:
center ! important;height: 62px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50 0 ! important;}
/*名片.連結加小圖(圖在字上方)*/
#linkUser
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align:
center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50 0 ! important;}
/*好友.連結加小圖(圖在字上方)*/
#linkFriend
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align:
center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50 0 ! important;}
/*影音.連結加小圖(圖在字上方)*/
#linkVideo
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align:
center ! important;height: 75px ! important;width: 67px ! important;background: url(圖片網址) no-repeat 50 0 ! important;}
留言數
/*描述直行放右邊可直放一排小玩意*/
/*描述文字大小顏色*/ .description {font-size: 18px ! important;color: #FF7573 ! important;}
/*描述文字文字行高*/ .description {LINE-HEIGHT: 150 ! important;}
/*描述區塊寬度高度*/ .description {width: 182px ! important;height: 312px ! important;}
/*描述區塊加背景圖*/ .description {background: transparent url(圖片網址) no-repeat 0 50 ! important;}
/*描述區塊自由移動*/ .description {twohand2012;position: absolute;left: 807px;top: 12px;}
/*隱藏新功能!好友廣播*/#postmsg a font{display:none;}
/*縮小新功能!好友廣播文字仍具功能*/#postmsg a font{font-size: 2px ! important;color: #FF7573 ! important;}
版主回覆區
/*文字大小顏色*/ .replyside {font-size: 18px ! important;color: #000000 ! important;}
/*文字文字行高*/ .replyside {LINE-HEIGHT: 150 ! important;}
/*文字靠邊方向*/ .replyside {text-align:center;}
/*文字四邊留空*/ .replyside {padding: 12px ! important;}
/*文字底線取消*/ .replyside {text-decoration: none ! important;}
/*區塊的透明度*/ .replyside {FILTER: Alpha(opacity= 52,style= 0);}
/*區塊加背景圖*/ .replyside {background: url(圖片網址) no-repeat 0 0 ! important;}
/*區塊背景底色*/ .replyside {background-color: #FFCECD ! important;}
隱藏
/*隱藏留言板搜尋*/#search {display:none ! important;}
/*隱藏名片相片*/ .sidetitle img {display:none ! important;}
/*隱藏好友的留言板*/ select {display: none ! important;}
/*顯示好友的留言板*/ select {/*刪除*/display: none ! important;}
/*隱藏自己的留言*/ #search select {display: none ! important;}
/*顯示自己的留言*/ #search select {/*刪除*/display: none ! important;}
/*隱藏搜尋按鍵*/ #search {display: none ! important;}
/*顯示搜尋按鍵*/ #search {/*刪除*/display: none ! important;}
/*隱藏留言累計*/ .totalmsg {display: none ! important;}
/*顯示留言累計*/ .totalmsg {/*刪除*/display: none ! important;}
/*隱藏人氣*/ #counter font.small-c {display: none ! important;}
/*顯示人氣*/ #counter font.small-c {/*刪除*/display: none ! important;}
名片語法
整體。
/*桌面區塊寬度*/ table {width: 650px;}
/*點入留言區塊靠邊*/form table {width: 650px;}
/*整體游標*/body {cursor:url("游標網址");}
/*整體文字大小顏色*/body {font-size: 16PX;color:#895117 ;}
/*整體文字靠中*/ body {text-alignIFT;} /*整體文字間距*/body {letter-spacing: 2PX;}
/*整體文字行高*/body {line-height: 100;}
/*整體背景圖片*/body {background: url(圖片網址) fixed no-repeat 0 100;}
滑鼠移到文字上方。
/*滑鼠移到文字上方文字浮起*/a:hover {border: 3px outset;}
/*滑鼠移到文字上方加背景圖*/a:hover {background: url(圖片網址) no-repeat 90 20 ! important;}
/*滑鼠移到文字上方更換游飆*/a:hover {cursor: url('游標網址')! important;}
/*滑鼠移到文字上方文字顏色*/a:hover {color: #ac55ff ! important;}
/*滑鼠移到文字上方底線取消*/a:hover {text-decoration: none ! important;}
橫幅區。
*橫幅區文字大小顏色*/#banner {font-size: 37px;color: #C991FF ;}
/*橫幅區文字靠邊粗細*/#banner {font-weight: 700;text-align: left;}
/*橫幅區文字底線取消*/#banner {text-decoration: none ! important;}
/*橫幅區區塊寬度高度*/#banner {height: 393px ! important;width: 322px ! important;}
/*橫幅區區塊加背景圖*/#banner {background: url(圖片網址) no-repeat 0 100 ! important;}
/*橫幅區區塊自由移動*/#banner {position: absolute;left: 272px;top: 82px;twohand2012;}
/*橫幅標題文字大小顏色*/#banner a {font-size: 42px ! important;color: #FF91C7 ! important;}
/*橫幅標題文字底線取消*/#banner a {text-decoration: none ! important;}
/*橫幅標題文字文字行高*/#banner a {LINE-HEIGHT: 120 ! important;}
/*橫幅標題文字靠邊靠上*/#banner a {text-align: center ! important;padding-top: 22px ! important;}
/*橫幅標題文字寬度高度*/#banner a {height: 382px ! important;width: 43px ! important;}
/*橫幅標題文字加背景圖*/#banner a {background: url(圖片網址) no-repeat 50 0 ! important;}
/*橫幅標題文字自由移動*/#banner a {twohand2012;position: absolute;left: -82px;top: 12px;}
敘述。
/*敘述文字大小顏色*/ .description A{font-size: 22px;color: #FF91C7 ! important;}
/*敘述文字大小顏色*/ .description {font-size: 42px;color: #FF91C7 ! important;}
/*敘述文字文字行高*/ .description {LINE-HEIGHT: 120 ! important;}
/*敘述文字文字置中*/ .description {text-align: CENTER ! important;}
/*敘述區塊寬度高度*/ .description {width: 100px ! important;height: 212px ! important;}
/*敘述區塊加背景圖*/ .description {background: transparent url(圖片網址) no-repeat 100 100 ! important;}
/*敘述區塊自由移動*/ .description {twohand2012;position: absolute;left: -252px;top: -62px;}
logo。
/*logo主體文字靠邊*/#logo {text-align: CENTER ! important;}
/*logo主體寬度高度*/#logo {height: 57px ! important;width: 672px ! important;}
/*logo主體加背景圖*/#logo {BACKGROUND: url(圖片網址) no-repeat 0 0 ! important;}
/*logo主體自由移動*/#logo {twohand2012;position: absolute;left: 177px;top: 526px;}
/*logo原背景圖隱藏而保留空間*/#logo img {visibility: hidden;}
/*隱藏powered by和全部文字大小顏色*/#logo {font-size:0px ! important;color: #FFCDE5 ! important;}
/*顯示會員登入.免費註冊文字大小顏色*/#logo a {font-size: 11px ! important;color: #FFCDE5 ! important;}
名片右方內容。
/*名片右方內容文字大小顏色*/ .side {font-size: 16px ! important;color: #000000 ! important;}
/*名片右方內容文字文字行高*/ .side {LINE-HEIGHT: 100 ! important;}
/*名片右方內容文字直行排列*/ .side {display: BLOCK ! important;}
/*名片右方內容文字靠邊方向*/ .side {text-align: CENTER ! important;}
/*名片右方內容文字四邊留空*/ .side {padding: 2px ! important;}
/*名片右方內容文字底限取消*/ .side {text-decoration: none ! important;}
/*名片右方內容區塊高度寬度*/ .side {HEIGHT: 24px ! important;width: 110px ! important;}
/*名片右方內容加相框背景圖*/ .side {background:url('圖片網址') no-repeat 0 100 ! important;}
/*名片右方內容區塊的透明度*/ .side {FILTER: Alpha(opacity= 52,style= 0);}
/*隱藏名片相片*/ .sidetitle img {display:none}
/*隱藏好友名片*/ select {display: none;}
人氣區。
/*人氣文字大小顏色*/#counter font.small-c {color:#777777;font-size: 16px;}
/*人氣區塊自由移動*/#counter font.small-c {position: absolute;left: 852px;top: 32px;twohand2012;}
/*人氣區塊寬度高度*/#counter font.small-c {width: 120px ! important;height: 312px ! important;}
/*人氣區塊加背景圖*/#counter font.small-c {background: transparent url(圖片網址) no-repeat 50 100 ! important;}
/*人氣隱藏*/#counter font.small-c {display: none ! important;}[/color][/color]
08/06/06
留言列表
