╰☆ Myshero520╭☆

自訂樣式語法概要

自訂樣式語法參考設定

圖片網址(url)隨個人變更
color:#FFFF00顏色請參考色碼表：
http://www.powmo.com/ac.html

設定方法：
進入自訂樣式找要設定開頭相同的語法
例如：→ /*Opacity for sub column*/
有相同覆蓋過去，沒有找個位子貼上
---------------------------------------------------------------------
/*Master header拿掉奇摩頂圖*/
#yhtw_masthead{display:none;}
---------------------------------------------------------------------
/*blog profile隱藏部落格首頁介紹*/
#ybloginfo .mhd h3{display:none;}
#ybloginfo .reportbtns{display:none;}
#ybloginfo .mbd{display:none;}
table#bloginfo, table#usrinfo{display:none;}
table#bloginfo th, table#bloginfo td, table#usrinfo th, table#usrinfo td {display:none;}
table#bloginfo th {display:none;}
table#usrinfo th {display:none;}
#yusrintro {display:none;}
#ybloginfo {display:none;}
---------------------------------------------------------------------
/*Blog album module隱藏部落格相簿*/
#ymodalbum{display:none;}
---------------------------------------------------------------------
/*Opacity for blogtitle部落橫框透明度*/
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:40)}

˙(opacity:40)數字愈小愈透明　
---------------------------------------------------------------------
/*Opacity for sub column 左右欄位透明度*/
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {zoom:1; filter:alpha(opacity:40)}

˙(opacity:40)數字愈小愈透明　
--------------------------------------------------------------------
/*Opacity for main content調整內文透明度*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:40)}

˙(opacity:40)數字愈小愈透明　
---------------------------------------------------------------------
隱藏個人相片
#ymodprf .horos img, #ymodprf .nickname a,  #ymodprf #yprf {display:none;}
#ymodprf .horos {width:0px;height: 0px;background:
url()100% 100% no-repeat;}

---------------------------------------------------------------------
奇摩頂端功能列背景
/*Master header*/
#yhtw_masthead{background-image: url(http://i16.photobucket.com/albums/b6/lovecincin/z13.gif);color:#FFFFFF;filter:alpha(opacity=50); opacity:0.30; moz-opacity:0.5;font-family:少女浪漫體;padding-left:20px;font-size:5%}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#FFFF00;}
---------------------------------------------------------------------
部落格首頁介紹底圖顏色
/*Background color for main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background: #FFFF 9F }
--------------------------------------------------------------------
部落格首頁介紹背景與字體顏色
/*Main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{
background-image:url(http://i16.photobucket.com/albums/b6/lovecincin/z17.gif);
color:#00AA00} #ymodcal .mbd td strong {color:#CC33FF;}
--------------------------------------------------------------------
放寬部落格名稱標題欄位
/*Blog title */
#yblogtitle .mbd {height:260px;background:url( ) no-repeat;background-position : center; }                          ↑(此處數字可變更標題欄位的寬度面積，數字隨個人更改)
---------------------------------------------------------------------
部落格標題底圖
/*Background image for blog title*/
#yblogtitle .mbd {background-image: url(http://hk.geocities.com/vivivainy/star.jpg); background-repeat: no-repeat}
---------------------------------------------------------------------
/*Text color for module-迷彩字體*/
.text {filter: glow(color=#9966FF,strength=3); height:10px; color:white; padding:1px;}
----------------------------------------------------------------------
/*月曆顯示今日*/
#ymodcal .mbd td strong {color:#FFFF00;}
----------------------------------------------------------------------
背景圖(一)
/*Background*/
body{ background:#000000 url(http://tw.yimg.com/i/tw/blog/css/cat7_9/cat7_9.jpg) no-repeat-x;crosshair
---------------------------------------------------------------------
背景圖(二)
/*Background image for whole page*/
body {background-image: url(http://163.26.21.12/affer/DocLib2/%E5%8B%95%E6%85%8B%E8%83%8C%E6%99%AF1.gif); background-repeat: repeat}
----------------------------------------------------------------------
部落格標題欄位插圖
#yblogtitle h1 {display:block;float:left;
 background:url(http://premium1.uploadit.org/ahochaude///Nanakokissingme.gif)
0 0 no-repeat;width:500px;height:63px;font-size:0;line-height:0;
text-indent:-5000px;overflow:hidden;cursor:pointer;cursor:hand;
---------------------------------------------------------------------
部落格標題字體顏色
/*Text color for blog title抬頭內文顏色*/
#yblogtitle .text {color: #FFFF00;}
----------------------------------------------------------------------
部落格描述字體顏色
/*Text color for blog title*/
#yblogtitle .text {color: #F 373A 2;}
----------------------------------------------------------------------
欄位標題顏色
/*Text color for module*/
.text {color:  #FFFF00;}
----------------------------------------------------------------------
招呼語文章與內文字體顏色
/*Text color for main content*/
.yc3pribd .text {color: #FFFF00;}
----------------------------------------------------------------------
招呼語背景圖
/*Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:92); background: url(http://tw.yimg.com/i/tw/blog/yimg/blast_bg5.gif) no-repeat}
----------------------------------------------------------------------
/*Blog title部落格標題字體顏色*/
#yblogtitle h1{font-size:170%;font-weight:bold;background:url() no-repeat;padding-left:30px; color:#8833cc;font-family:標楷體;}
#yblogtitle .mbd,#yblogtitle .mft{font-size:170%;font-weight:bold;background:url(http://hk.geocities.com/aaaa666b/h3_y.gif) no-repeat;padding-left:30px; color:#0000ff;font-family:標楷體;}
----------------------------------------------------------------------
/*Opacity for sub column兩側欄位底圖透明度*/　
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd
.rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec
.rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div
{zoom:1; filter:alpha(opacity:50)}　
----------------------------------------------------------------------
/*Main content body內文文章底圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table,
#ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url
(http://www.smes.tyc.edu.tw/~learn/images/900401-
89.gif);color:#000000} #ymodcal .mbd td strong {color:#FF6600;}
----------------------------------------------------------------------
/*Main content header最新文章欄位底圖*/
.yc3pribd .mhd{ background:url
(http://www.smes.tyc.edu.tw/~learn/images/900401-89.gif) repeat;
color:#663300;}
----------------------------------------------------------------------
個人相片下欄位語法
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:60px;height:75px;background:url(貼http://圖片網址.gif) center no-repeat;}

width="寬" height="長"   長寬可自由調整
----------------------------------------------------------------------
招呼語字體顏色與內文字體顏色
/*Text color for main content*/
.yc3pribd .text {color: #FFFF00;}
----------------------------------------------------------------------
/*Nav module header留言板相簿字體顏色*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background :color:#660099;color:#660099;}
----------------------------------------------------------------------
/*article content module文章標題前小圖與標題字體顏色*/
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:126%;font-weight:bold;background:url(http://163.26.118.137/animation/sign/nogeo/geros/star_2/star-013.gif) no-repeat;padding-left:32px;}
.yblogcnt .blgtitlebar h 2 a {color:#cc44bb; padding-right:5px;}
----------------------------------------------------------------------
/*Nav module list文章分類前小圖*/
.ycntmod .mbd ul.list li {background:url(http://www.wintimes.com.tw/play/ball.gif) left .1em no-repeat;padding-left:17px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://www.wintimes.com.tw/play/ball.gif) 48px center no-repeat;}
---------------------------------------------------------------------
/*Nav module header 左右標題欄文字置中*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ background:#ffffff; color:#dd66ee;text-align:center;}

注:background:#ffffff 標題底色   color:#dd66ee 標題文字顏色
----------------------------------------------------------------------
滑鼠砰碰到連結時有圖案出現
/*Links網頁超連結*/
a,a:link,a:visited{color:#FFD 2F 0;text-decoration:none}
a:hover{color:# 3C 3C 00;background-image:url(此處貼放gif圖片網址);background-repeat:repeat;border:1px dotted # 6600C C;position:relative;top:1px;left:1px}
----------------------------------------------------------------------
/*Links文章去除連結底線*/
a,a:link,a:visited{color:#000000;text-decoration: none;}
a:hover{color:#000000;background-color:#000000;text-decoration: none;}
----------------------------------------------------------------------
更改個人相片下性別圖語法
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:90px;height:90px;background:
url(http://www.55188.com/customavatars/289118.gif) center no-repeat;}

width="寬" height="長"   長寬可自由調整
----------------------------------------------------------------------
去掉個人相片性別圖
#ymodprf .horos img{display:none;}
----------------------------------------------------------------------
/*部落格大框線*/
body {border: 5px double #bbccff;}
----------------------------------------------------------------------
/*滑鼠*/
body{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/mid/bn1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/mid/bn2.ani);}
----------------------------------------------------------------------
欄位標題與連結晃動
/*Links*/
a,a:link,a:visited{color:#000000;font-size:100%;text-decoration:none;}
a:hover{color:#000000;text-decoration:none;}
a {text-decoration:none}
a:hover {position: relative; top: 3px;left:3px;}
---------------------------------------------------------------------
/*Module latest upup更新日期前小圖*/
#ymodupdate .mbd .date{background:url(http://stu.wnes.tnc.edu.tw/new-012.gif) left center no-repeat;padding-left:7px;font-size:89%;font-family:verdana;}body{cursor:hand;}
a:hover{cursor:crosshair;}
----------------------------------------------------------------------
*shared rounded corner for all modules無框線語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url() left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url() right top no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url() right bottom no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:url() repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url() right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

資料參考：
引用： http://tw.myblog.yahoo.com/monkey_014148/
引用： http://tw.myblog.yahoo.com/jw!G62r3EmcGx.MTQCurLTURIiKWQ--/profile