close

自訂樣式語法參考



 


自訂樣式語法設定參考


※有些部落格裡面語法功能類似,會相互抵觸失效


圖片網址(url)隨個人變更
color:#FFFF00顏色請參考色碼表:
http://www.powmo.com/ac.html
---------------------------------------------------------------------
隱藏留言板內容 (網友可以留言)
#ymsgboard .rcl .rcr .mbd {height:400px;background:#fff url center no-repeat;}
#ymsgboard .rcl .rcr .mbd .text, #ymsgboard .rcl .rcr .mft {display:none;}
---------------------------------------------------------------------
隱藏留言板內容 (網友無法留言)
#ymsgboard{display:none;}
#ymsgboard .rcl .rcr .mbd {height:400px;background:#fff url center no-repeat;}
#ymsgboard .rcl .rcr .mbd .text, #ymsgboard .rcl .rcr .mft {display:none;}
#yleavemsg{display:none;}
.ycnt3col {position: relative !important; zoom:1 !important;}
---------------------------------------------------------------------
隱藏留言板+圖片
#ymsgboard .rcl .rcr .mbd {height:100px;background:url(http://file.zhangxiu.com/source/2/7/0/2/2702r3lpv1GE.gif) center no-repeat;}
#ymsgboard .rcl .rcr .mbd .text, #ymsgboard .rcl .rcr .mft {display:none;}
.ycnt3col {position:relative;zoom:1 !important;}
(圖片太大或較小,更改語法裡面height:100px 數字調整)
---------------------------------------------------------------------
/*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;}
---------------------------------------------------------------------
訂閱部落格語法
div#btnsbsrb a{display:block;width:圖片寬度px;height:圖片高度px;overflow:hidden;background:url(圖片網址) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:圖片寬度px;height:圖片高度px;overflow:hidden;background:url(圖片網址) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}
---------------------------------------------------------------------
隱藏訂閱部落格
div#btnsbsrb a{display:block;width:0px;height:0px;overflow:hidden;background:no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:0px;height:0px;overflow:hidden;background:no-repeat;margin:0;}
---------------------------------------------------------------------
/*two col layout調整內文板寬度*/
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:700px;text-align:left;margin:0 auto;}
(語法裡面zoom:1;width:700px這數字與愈大板面愈寬反之愈窄)
---------------------------------------------------------------------
/*substitution部落格標題圖 */
#yblogtitle .edit {display:none;}
#yblogtitle .mbd{text-align:center}
#yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)}
#yblogtitle .thd h1 {background:url(http://www.wall001.com/flower/sky_Flowers_02_1600x1200/mxxx01/[wall001.com]_Blue_Sky_and_Flowers_HM100_350A.jpg) center no-repeat;display:block;float:center;width:680px;height:150px;font-size:0;text-indent:-800px;overflow:hidden; cursor:pointer; cursor:hand;}
(語法裡面width:680px;height:150px隨個人調整長與寬面積大小)
---------------------------------------------------------------------
左右欄捲軸語法
#ymodalbum{display:none;}
#yblast .text a{display:none;}
#ymodfolder .mbd, #ymodnewcomt .mbd, #ymodnewart .mbd {HEIGHT:120px;OVERFLOW:auto;position:relative;}
.ycnt3col {position:relative;zoom:1 !important;}
---------------------------------------------------------------------
自訂欄位插圖
.yc3sec .rctop, .yc3sub .rctop {background:url(http://www.specialdollz.net/assets/images/192a.gif ) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:40px;font-size:0;position:relative;right:-0px;}
---------------------------------------------------------------------
留言板上面圖示
#yleavemsg #rte {background:transparent url
(在這裡貼圖片網址) no-repeat scroll center
top;padding-top:62px;}
---------------------------------------------------------------------
回應與引用圖示
height:58px;width:134px;background:url
(在這裡貼圖片網址) no-repeat;}
div.btntrackback a
{display:block;height:58px;width:134px;background:url
(在這裡貼圖片網址) no-repeat;}
---------------------------------------------------------------------
回應欄圖示
#yartcmt .pagination strong{display:none;}
#yartcmt .pagination{height:79px;background:url(
在這裡貼圖片網址 ) no-
repeat;background-position:center;}
.ycnt3col {position: relative !important; zoom:1 !important;}
---------------------------------------------------------------------
搜尋小圖
#FA0300;text-align:center;}
input, select{background:url(http://s16.photobucket.com/albums/b11/mickey0829/PICTURE/th_3bc942fd.gif);color:#FA0300;border:3px dotted;font-size:14px;font-family:verdana;}
.listbd {background:url(http://);color:#FA0300;}
(圖片網址隨個人自由變更)
---------------------------------------------------------------------
/*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: #FFFF9F}
--------------------------------------------------------------------
部落格首頁介紹背景與字體顏色
/*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}
---------------------------------------------------------------------
捲軸設定語法範例(紅色)
html{
SCROLLBAR-FACE-COLOR:#ff0000;
SCROLLBAR-3DLIGHT-COLOR:#ff0000;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#ff0000;}
(說明:語法第1、2、5行是捲軸顏色,第三3、4行是捲軸框}
---------------------------------------------------------------------
去除欄位標題與文字置中
/*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:#000000; color:#90620E;background-image:url();color:#000000;font-size:0%;display:none;}
----------------------------------------------------------------------
/*Text color for module-迷彩字體*/
.text {filter: glow(color=#9966FF,strength=3); height:10px; color:white; padding:1px;}
----------------------------------------------------------------------
----------細字體 */
html {overflow: hidden;}body {font-size: 11px;background:
url()#ffffff fixed no-repeat left bottom;margin: 0px;cursor: default;
color: #e91313;font-family: arial;letter-spacing: 1pt;}
裡面這個語法11px;background:可以鑿調整字畫大小,數字愈小字體愈小
----------------------------------------------------------------------
控制面板
html {overflow: hidden;}body {font-size: 12px;background:
url()#ffffff fixed no-repeat left bottom;margin: 0px;cursor: default;
color: #e91313;font-family: arial;letter-spacing: 1pt;}
---------------------------------------------------------------------
/*月曆顯示今日*/
#ymodcal .mbd td strong {color:#FFFF00;}
----------------------------------------------------------------------
背景圖(一)
    /*Background*/
body{background:#FFFFFF url(http://tw.yimg.com/i/tw/blog/css/cat7_9/cat7_9.jpg) repeat-x;}
--------------------------------------------------------*-------------
背景圖(二)
/*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;
----------------------------------------------------------------------
留言板格友暱稱與自己暱稱的顏色
a,a:link,a:visited{color:#FFFFFF;text-decoration:none;}
----------------------------------------------------------------------
招呼語字體顏色
#yblast .text{color:#FF66FF;font-family:細明體W6;font-size:100%;}
----------------------------------------------------------------------
部落格描述字體顏色
/*Text color for blog title*/
#yblogtitle .text {color: #F373A2;}
----------------------------------------------------------------------
欄位標題顏色
/*Text color for module*/
.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="長"   長寬可自由調整
----------------------------------------------------------------------
/*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 h2 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:#FF33CC;text-decoration:none;}
a:hover{background-image:url();background-repeat:repeat;}
a,a:link,a:visited{color:#0;font-size:100%;text-decoration:none;}
a:hover{color:#0;text-decoration:none;}
a {text-decoration:none}
a:hover {position: relative; top: 3px;left:3px;}
a:hover{color:#FFFF00;background-image:url(http://myhome.ethome.com.tw/cd526dd/mp32002-moninet/moninet/file-gif/------------/mp32002_ws-0057.gif);background-repeat:repeat;border:1px dotted #FF00FF;position:relative;top:1px;left:1px}
-------------------------------------------------------------------
滑鼠砰碰到連結時有圖案出現
/*Links網頁超連結*/
a,a:link,a:visited{color:#FFD2F0;text-decoration:none}
a:hover{color:#3C3C00;background-image:url(此處貼放gif圖片網址);background-repeat:repeat;border:1px dotted #6600CC;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: 4px double #222222;}以
----------------------------------------------------------------------
無框線語法
/*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;}
----------------------------------------------------------------------
/*縮小部落格*/ 
html{ border-top: 36px solid#000000; border-bottom: 36px solid#000000; border-right:20px
solid #000000; border-left:20px solid#00000; }
html{ border-top: 36px solid #000000; border-bottom: 36px solid #000000; border-right: 20px solid #000000; border-left: 20px solid #000000; }
----------------------------------------------------------------------
/*滑鼠*/
body{cursor:URL(這裡貼游標網址);}
a:hover{cursor:URL(這裡貼游標網址);}
----------------------------------------------------------------------
欄位標題與連結晃動
/*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;}






 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 oreokimo 的頭像
    oreokimo

    培迪 的痞客邦部落格

    oreokimo 發表在 痞客邦 留言(0) 人氣()