以下是自訂欄位語法:


~使用自己樂果


<center><p></p>
<p><a href="
網址"><img src="圖片網址" alt=""""""""""""""""""" 註解文字

"""""""""""""""""" border="0" width="88" height="31"></a></p> <p><table border="1" width="126" cellspacing="0"><tr><td>&lt;a href=&quot;網址&quot;&gt;&lt;img src=&quot;圖片網址&quot; alt="""""""""""""""""""&quot; 註解文字&quot;"""""""""""""""""" border=&quot;0&quot;&gt;&lt;/a&gt;</td></tr></table><br></center>

~圖片放置(沒連結)


<img src="圖檔網址">


~圖片放置(連結)


<a href="連結網址"><img src=" 圖片網址"><a>></a>


~目錄放置


<IMG src=目錄圖網址>
<A href="
留言網址"><IMG src="留言圖片網址"></A>
<A href="
相簿網址"><IMG src="相簿圖片網址"></A>
<A href="
自製網址"><IMG src="自製圖片網址"></A>


~文字連結語法


<a href="網址">文字</a>
 
(1)
改變 留言板 新文章內容 自我介紹欄 回應 字的大小


/*Background color for main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { font-size:120%; background: #FFFFFF}


(2) 調整 置頂欄框 字的大小


/*Background color for blog title*/
#yblogtitle .mbd, #blogtitle .mft { font-size:120%; background-color:#FFFFFF}


(3) 調整 左右欄框內容 字的大小


/*Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ font-size:100%; background:#000000; color:#FFFFFF;}


(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{ font-size:120%; background:#000000; color:#F6B 2F 8;}


(5) 調整 留言板標題 編輯管理標題 字的大小


/*Main content header*/
.yc3pribd .mhd{ font-size:130%; background:#000000; color:#FFFFFF;}


以下是使用自訂樣式CCS語法:


~招呼語框


/*Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:
透明度); background: url(圖片網址) no-repeat}


透明度越大越不透明.透明度越小越透明


~性別圖


/*性別圖示*/     
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:120;height:120px;background:url(
登入圖網址) center no-repeat;}


(星座最好改為不顯示)


~游標


/*移到網頁時的滑鼠游標*/
body{cursor:url("
未連結時游標")}                 
a:hover {cursor:url("
連結時由標)}


~訂閱圖語法


/*btnsbsrb訂閱部落格圖示*/
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;}


~標題圖語法


/* */#yblogtitle h1 {display:block;float:left;background:url(標題圖網址) 0 0 no-repeat;width:圖片的寬px;height:圖片的高px;font-size:0;line-height:0;text-indent:-5000px;overflow:hidden;cursor:pointer;cursor:hand;}


~背景位置語法


body {
background-image: url(http://
圖片網址.gif);
background-repeat:no-repeat ;
background-position :0% 100%;
background-attachment: fixed;}


紅色部分說明
backgroud-position: 0% 0%;
左邊上方
backgroud-position: 0% 50%;
左邊中間
backgroud-position: 50% 0%;
中間上方
backgroud-position: 50% 50%;
正中間
backgroud-position:100% 0%;
右邊上方
backgroud-position: 0% 100%;
左邊下方
backgroud-position: 100% 50%;
右邊中間
backgroud-position: 50% 100%;
中間下方
backgroud-position: 100% 100%;
右邊下方


/*自訂按鈕框框*/
input,select{
background:#
框線底色;
color: #
字體顏色;
border: 1px solid #
框線顏色;
FONT-SIZE: 9px;
font-family:verdana;}


~去除文字底線


/*Links文章去除連結底線*/a,a:link,a:visited{color:FA 007A ;text-decoration: none}
a:hover{color:FA 007A ;background-color: FA 007A ;text-decoration: none;}
a {text-decoration:none}
a:hover {position: relative; top: 2px;left:2px;}


~連結浮出效果


/*Links連結浮出效果*/
a:hover{ border: 2px #
文字色碼 outset }


~回應跟引用更換圖片語法


/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:
px;width:px;background:url(我要回應圖片網址) no-repeat;}
div.btntrackback a {display:block;height:
px;width:px;background:url(我要引用圖片網址) no-repeat;}


~部落格標題圖置中


/*Blog title*/
#yblogtitle .mbd,#yblogtitle .mft{font-size:180%;color:#000000
;font-family:
新細明體; color:#D 23C 78;text-align:center;}
#yblogtitle .thd a{width:168px;height:40px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle .thd h1 {font-size:180%;color:white;font-family:
新細明體;}


color:#D 23C 78 顏色
text-align:center
 文字圖片置中
font-size:180%
  文字大小


~部落格文字置中


/*部落格文字置中*/
BODY {
Font-Family: verdana;
TEXT-ALIGN: center;}


隱藏區:


/*Blog latest update module隱藏更新日期欄*/
#ymodupdate{display:none}


/* 隱藏頁首和頁尾 */
#yhtw_masthead,#yhtw_mastfoot{display:none;}


/*Blog album module隱藏部落格相簿*/
#ymodalbum{display:none;}


/*隱藏搜尋欄位*/
#boxSearch{display:none;}


/*隱藏最新回應欄位*/
#boxNewComment{display:none;}


/*隱藏回應按鈕*/
div.btncomment a {display:none;}


/*隱藏回應欄位*/
#rtemodule {display:none;}


/*隱藏我的訂閱日期*/
.boxRssList1 .side{visibility:hidden;font-size: opt;}
.boxRssList1 .side span{visibility:visible;font-size:small;}


/*隱藏參觀人氣欄位*/
#boxCounter{display:none;}


/*隱藏參觀人氣字樣*/
.boxCountero{display:none;}


/*隱藏參觀人氣標題*/
.boxCounter1{display:none;}


/*隱藏rss圖示*/
.syndicate{display:none;}


/*獨立顯示留言板按鈕*/
#ymodmsgbd .mhd {display:block;}


/*獨立顯示相簿按鈕*/
#ymodalbum .mhd {display:block;}


/*隱藏發文時間*/
#ypartsingle .date,#yarticle .date {display:none}


/*隱藏留言時間*/
#ymsgboard .date {display:none}


/*Profile隱藏自我介紹欄位*/
#ymodprf{display:none}


/*隱藏留言板*/
#ymsgboard {display:none;}


/*隱藏文章欄位全部文章大標題*/
.yc3pribd .mhd{display:none}


/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}


*隱藏奇摩部落格網頁~頁首和頁尾欄位*/
#yhtw_masthead,#yhtw_mastfoot{display:none;}


/*隱藏奇摩部落格網頁~頁首和頁尾欄位*/
#yhtw_mastfoot{display:none;}


/*強制下方捲軸不出現*/
body{overflow-x:hidden;}


/*隱藏左右欄位標題*/
.yc3sec .mhd,.yc3sub .mhd{display:none}
.yc3sec .mbd,.yc3sub .mbd{zoom:1;filter:alpha(opacity:0)}


/*隱藏文章欄位標題*/
.yc3pribd .mhd{display:none}
.yc3pribd .mbd{zoom:1;filter:alpha(opacity:0)}


http://tw.myblog.yahoo.com/jw!ethymMyXCESnwe.6pgNubYkbei4-/article?mid=4608

    全站熱搜

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