/*二度空間 CSS自訂樣式(自訂邊框 線樣式)範例,語法依照中文意思排列(語法請做選擇性使用,不可全部套上)*/
/*不存在的網址連結及多餘的重複語法,會影響正常的視窗開啟速度*/
/*注意空格及每段語法連慣性,避免開啟動作不正常。無設定的相關語法,以yahoo預設值為設定值*/
/*背景預設顏色的作用: 圖片失聯時,以背景色替代,顏色要謹慎設定(有關背景的部份,必須配合透明度使用)*/
/*所有數據只是參考值,需要配合需求程度調整,邊框線部份不需要的,語法可以直接刪除*/
/*個人資料管理頁面公開的部落標題-個人資料-自我介紹+背景圖-背景預設顏色-文字顏色-字型字體大小使用預設值*/ #ybloginfo table, #yusrinfo table, #yusrintro p {background: url(圖片網址) #E6E6E6;color:#FF0000;}
/*整頁背景位置調整,x與y軸的位置(適用於1000X600像素以下之圖片)*/ body {background-position : 90% 90%;}
/*整頁背景預設顏色-背景圖 - 背景圖不重複 - 背景固定(必須配合透明度使用)*/ body {background:#1B006B;background-image: url(圖片網址);background-repeat:no-repeat;background-attachment:fixed;}
/*整頁背景圖簡語*/ body {background: url(圖片網址) #1B006B no-repeat;background-attachment:fixed;}
/*圖片重複方向定義解說 : repeat-x = 橫向排列,適用垂直條形圖; repeat-y = 縱向排列,適用水平條形圖; repeat = x-y軸同時排列,適用方形圖; no-repeat = 單張圖片不重複,適用與架框同等長寬的圖片*/
/*回應 - 引用+邊框 線*/ div.btncomment a {border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;} div.btntrackback a {border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}
/*我要回應小圖-height:60px-width:60px為圖框大小*/ div.btncomment a {height:60px;width:60px;background:url(小圖網址) no-repeat;} /*我要引用小圖-height:60px-width:60px為圖框大小*/ div.btntrackback a {height:60px;width:60px;background:url(小圖網址) no-repeat;}
/*訂閱自訂圖示-改變圖示位置四邊不同值順序為上、右、下、左+邊框線(格主需在登出的狀態下才看得到訂閱圖)*/ div#btnsbsrb_nologin a {background: url(圖片網址); margin:100pt 0pt 0pt 0pt; border-left:8px double #FF0000; border-right:8px double #FF0000; border-top:8px double #FF0000; border-bottom:8px double #FF0000;}
/*-------------------------↓--------------------------*/
/*部落格自訂格名與描述-必須配合透明度使用-格式二選一*/
/*置頂背景圖應用:如果單張大圖不重複圖片時,需在(圖片網址) #0000bf後空一格加入 no-repeat center 例如 : #yblogtitle h1{background: url(圖片網址) #0000bf no-repeat center; color: #FF0000; font-family:標楷體; FONT-SIZE:26pt; font-weight:bold;}*/
/*置頂背景圖位置應用: center=置中,left=左邊,right=右邊,top=上面,bottom=下面,no-repeat=不重複,repeat-x=橫向重複 ,repeat-y=縱向重複,組合範例: no-repeat center */
/*隱藏置頂欄(包括訂閱)*/ #yblogtitle .mbd {display:none}
/*隱藏置頂所有文字(包括自訂格名)-適合應用加在格式二,最好配合訂閱圖示位置調整*/ #yblogtitle .text {display:none}
/*隱藏格名*/ #yblogtitle .text a {display:none;}
/*部落格自訂格名與描述-格式一(置頂框線在訂閱圖之上)*/
/*部落格自訂格名與描述 - 文字置中*/ #yblogtitle .mbd{text-align:center;}
/*部落格自訂格名+背景圖-背景預設顏色 - 字體顏色 - 字型 - 字體大小 - 粗體字*/ #yblogtitle h1{background: url(圖片網址) #0000bf; color: #FF0000; font-family:標楷體; FONT-SIZE:26pt; font-weight:bold;}
/*部落格描述+背景圖-背景預設顏色-背景高度+邊框 線*/ #yblogtitle .text {background: url(圖片網址) #0000bf; height:200px; border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}
/*部落格描述字體顏色 - 字型 - 字體大小*/ #yblogtitle .text {color:#ff7f00; font-family:標楷體; FONT-SIZE:20pt;}
/*部落格自訂格名與描述-格式二(置頂框線在訂閱圖之外)*/
/*部落格自訂格名與描述 - 文字置中-字體大小*/ #yblogtitle .mbd {text-align:center; font-size:20px;}
/*部落格自訂格名+背景圖-背景預設顏色-字體顏色-字型-粗體*/ #yblogtitle h1 {background: url(圖片網址) #80c0ff; color:#FF0000;font-family:標楷體; font-weight:bold;}
/*部落格描述+背景圖-背景預設顏色-背景高度+邊框 線*/ #yblogtitle .mbd {background: url(圖片網址) #0000bf; height:200px; border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}
/*部落格描述-字體顏色 - 字型*/ #yblogtitle .text {color:#ff7f00; font-family:標楷體;}
/*---------------------------↑-------------------------*/
/*滑鼠自動變換含超連結字體變換顏色-連結初始字體顏色-去除連結底線+連結位置相對自動加彩色邊框 線*/ /*附記 : 左右欄框分目錄連結,字體顏色在此會 受到影響*/ body{cursor:url(小圖網址)} a:hover{cursor:url(小圖網址);color:#00ffff;} a,a:link,a:visited{color:#ffffff;text-decoration: none} a:hover {position: relative; border-left:3px ridge #00ffff; border-right:3px ridge #ffff00; border-top:3px ridge #00ff80; border-bottom:3px ridge #ff00ff;}
/*左右欄框分類標題 -框與框的間距+邊框 線*/ .ycntmod .mbd ul.list li {margin-bottom:7px; border-left:3px ridge #00ffff; border-right:3px ridge #ffff00; border-top:3px ridge #00ff80; border-bottom:3px ridge #ff00ff;}
/*左右欄框分類標題 -標題小圖-不重複 - 小圖與文字間隙*/ .ycntmod .mbd ul.list li {background:url(小圖網址) 3% 10% no-repeat;padding-left:15px;}
/*文章標題小圖-不重複 - 小圖與文字間隙 - 小圖與文字位置*/ .yblogcnt .blgtitlebar h2 {background:url(小圖網址) no-repeat;padding-left:15px;} .yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}
/*文章標題字體-顏色-字型-大小-粗體*/ .yblogcnt .blgtitlebar h2 {color:#FF0000;font-family:標楷體;font-size:22px;font-weight:bold;}
/*文章欄位字體顏色 - 字型 - 字體大小*/ .yc3pribd .text {color: #AFEEEE;font-family:新細明體;font-size:125%;}
/*所有預設整體字體-顏色-字型-大小(其它架框項目無設定時,在此可能影響)*/ .text {color:#FFFF00; font-family:新細明體; font-size:115%;}
/*欄位名稱標題字體顏色-字型-字體大小-粗體-欄位寬高*/ #ymodmsgbd .mhd h3, .ycntmod .mhd h3, .ymsgboard .mhd h3 {color:#FF0000;font-family:標楷體;font-size:22px;font-weight:bold;width:123px;height:35px;}
/*欄位名稱標題+背景圖(建議用橫形圖)-圖片左右位置-不重複-文字位置 - (此語法建議用在不透明樣式)*/ #ymodmsgbd .mhd h3, .ycntmod .mhd h3, .ymsgboard .mhd h3 {background: url(圖片網址) 50% no-repeat;padding-left:15px;padding-top:15px;}
/*欄位名稱標題背景顏色(當使用欄位名稱標題透明背景圖時,背景顏色跟著一起呈現)*/ .yc3sec .mhd,.yc3sub .mhd{background:#FF0000}
/*個性圖 - 圖框大小-不重複+邊框 線*/ #ymodprf .horos{width:129px;height:129px;background:url(圖片網址) no-repeat center; border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}
/*月曆-字體基本顏色-字體大小+背景圖-背景預設顏色+邊框*/ #ymodcal table {color:#FF0000; font-size:100%; background: url(圖片網址) #000000; border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}
/*月曆-連結日期字體顏色+醒目框線*/ #ymodcal table a {color:#00ffff; border-left:1px solid #ff0000; border-right:1px solid #ff0000; border-top:1px solid #ff0000; border-bottom:1px solid #ff0000;}
/*月曆-年月連結字體顏色(上年-下月)*/ #ymodcal a {color:#00ff80;} #ymodcal .selyr {color:#ffff00;} #ymodcal .selmn a {color:#ff00ff;}
/* 月曆上今天日期的字體顏色及大小 */ #ymodcal .mbd td strong {color:#FFFF00; font-size:115%;}
/* 月曆星期的字體顏色 */ #ymodcal th {color:#00ff80;}
/*招呼語隱藏"我要留言"字樣*/ #yblast .text a{display:none;}
/*招呼語+邊框線*/ #yblast .bg {border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}
/*招呼語-自訂背景圖,底圖圖如果與字寬同寬時,可設 no-repeat (必須配合透明度使用)*/ #yblast .bg {background: url(http://tt7210003.myweb.hinet.net/18.gif) repeat;}
/*招呼語-自訂背景圖,底圖寬高*/ #yblast .bg {width:85%;height:70px;}
/*招呼語-自訂背景圖,底圖位置*/ #yblast {position:relative;top:27px;left:17px;}
/*招呼語-文字寬高*/ #yblast .text {width:90%;height:70px;}
/*招呼語-文字置中-文字位置*/ #yblast .text{text-align:center; position:relative;top:-45px;left:-10px;}
/*招呼語-字體顏色-字型-大小-粗體*/ #yblast .text{color:#FF0000;font-family:標楷體;font-size:300%;font-weight:bold;}
/*Opacity for blogtitle置頂欄透明度*/ #yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:100)}
/*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:100)}
/*Background color for module左右背景透明度*/ .yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {zoom:1; background: #1B006B; filter:alpha(opacity:100)}
/*Opacity for main content文章欄透明度*/ .yc3pribd .rctop, .yc3pribd .rctop div, .yc3pribd .rcl, .yc3pribd .rcr, .yc3pribd .rcbtm, .yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:0)}
/*Opacity for blast招呼語透明度*/ #yblast .bg {zoom:1; filter:alpha(opacity:100)}
/*捲軸改變顏色(此部分參考捲軸產生器)*/ html{ scrollbar-face-color: #1B006B; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-3Dlight-color: #1B006B; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color: #1B006B; scrollbar-darkshadow-color:#1B006B }
/*隱藏左右欄位名稱標題*/ .yc3sec .mhd,.yc3sub .mhd{display:none}
/*隱藏文章欄位全部文章大標題*/ .yc3pribd .mhd{display:none}
/*隱藏性別小圖*/ #ymodprf .horos img{display:none;}
/*隱藏部落格相簿*/ #ymodalbum{display:none;}
/*隱藏更新日期欄*/ #ymodupdate{display:none}
/*隱藏摩頭摩尾*/ #yhtw_masthead, #yhtw_mastfoot{display:none;}
|