【教學】部落格語法大全(更新版)－小雪兒的窩

艾晴小提示: 複製你需要ㄉ語法貼在自訂樣式即可

設置版面自訂樣式語法:

→ (✿ C S S 語法範本✿) ←按此連結語法範本

艾晴小提示:不要隱藏這段語法:(你自己會無法進入管理介面)

#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;display:none;}

您希望在某一篇文章不被引用嗎？

在該篇文章最後面加入隱藏引用按鈕語法：

( 注意！不能加在自訂樣式中，否則所有引用按鈕都會隱藏 )

/*隱藏文章發表日期*/
#ypartsingle .date,#yarticle .date {display:none}

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

/*隱藏框線*/
.ycntmod .rctop {background:none;}
.ycntmod .rctop div {background:none;}
.ycntmod .rcbtm {background:none;}
.ycntmod .rcbtm div {background:none;}
.ycntmod .rcl {background:none;}
.ycntmod .rcr {background:none;}

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

/*隱藏標題(包括訂閱)*/
#yblogtitle {display:none}

隱藏所有標題文字(包括自訂格名)

適合應用加在格式二，最好配合訂閱圖示位置調整
#yblogtitle .text {display:none}

*/隱藏左右欄位標題 Blog category list module*/
.yc3sec .mhd,.yc3sub .mhd{display:none}

*/隱藏最新文章欄位標題*/
.yc3pribd .mhd{display:none}

/*隱藏設定小方圖*/
#yblogtitle .edit {display:none;}

/*隱藏標題按鍵組*/
#yblogtitle .tft div a span{display:none;}

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

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

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

/*隱藏文章發表日期*/
#ypartsingle .date,#yarticle .date {display:none}

/*隱藏格名語法*/
#yblogtitle a {display:none;}

*/隱藏招呼語圖框我要留言字樣*/
#yblast .text a{display:none;}

*/隱藏留言板欄位*/
#ymodmsgbd h3{display:none;}

*/隱藏相簿*/
#ymodalbum{display:none;}

*/隱藏更新日期*/
#ymodupdate{display:none;}

*/隱藏個人性別圖*/
#ymodprf .horos img{display:none;}

*/隱藏個人星座*/
#ymodprf .nickname{display:none}

*/隱藏整個自我介紹*/
#ymodprf{display:none}

/*隱藏窄欄框上的"上傳個人相片"及"編輯個人檔案"按鈕*/
#ymodprf .btneditprf a {display:none;}
#ymodprf .btnulprfphoto a {display:none;}

*/隱藏整個部落格*/
body{background-image:url(背景圖網址); background-attachment:fixed;}
.ycntmod { filter:alpha(opacity:0); }

/*隱藏訂閱*欄位及圖片/
div#btnsbsrb a{display:block;width:88px;height:31px;overflow:hidden;background:url() no-repeat;margin:0;display:none;}
div#btnsbsrb_nologin a{display:block;width:88px;height:31px;overflow:hidden;background:url() no-repeat;margin:0;display:none;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

/*Article隱藏文章寬欄位*/
.yc3pribd .mhd{display:none}
.yc3pribd .mbd{zoom:1;filter:alpha(opacity:底圖透明度)}

/*Blog category list module隱藏左右欄位標題*/
.yc3sec .mhd,.yc3sub .mhd{display:none}
.yc3sec .mbd,.yc3sub .mbd{zoom:1;filter:alpha(opacity:底圖透明度)}

/*隱藏主標題框線-此段作用使用firefox透明度不會破功*/
#yblogtitle .rctop{background:transparent left top no-repeat;margin-right:0px}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px}
#yblogtitle .rcl{background:transparent repeat-y}
#yblogtitle .rcr{background:transparent right repeat-y}
#yblogtitle .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px}

/*隱藏橫框主標題名稱框線圖 (若不想隱主標題框線圖，這段語法就刪除)*/
#yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px}
#yblogtitle .rctop div{background:url() right top no-repeat;height:20px;right:-0px}
#yblogtitle .rcl{background:url() repeat-y}
#yblogtitle .rcr{background:url() right repeat-y}
#yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px}
#yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:20px;right:-0px}

/*獨立設定自訂格名文字顏色-字型-字體大小(不受 .text 文字語法設定影響)*/
#yblogtitle h1, #yblogtitle a {color: #00FF00; font-family:標楷體; FONT-SIZE:30px;}

以下部落格自訂格名與描述-必須配合透明度使用-套用格式四選一

(勿混用，會產生語法錯亂)

格式一:

部落格自訂格名與描述(置頂框線在訂閱圖之上)

/*部落格自訂格名與描述 - 文字置中*/
#yblogtitle .mbd{text-align:center;}

/*部落格自訂格名+背景圖-背景預設顏色 - 字體顏色 - 字型 - 字體大小 - 粗體字*/
#yblogtitle h1{background: url(圖片網址) #0000bf; color: #FF0000; font-family:標楷體; FONT-SIZE:26px; 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 .mbd {text-align:center; font-size:20px;}

/*部落格描述字體顏色 - 字型 - 字體大小*/
#yblogtitle .text {color:#ff7f00; font-family:標楷體; 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 .thd {text-align:center; }

/*部落格描述-字體顏色 - 字型*/
#yblogtitle .text {color:#ff7f00; font-family:標楷體;}

格式三:

部落格自訂格名圖片與描述-(部落格名以圖片取代)

/*部落格描述-字型-字體顏色 - 字體大小-文字靠左-文字顯示範圍寬高-絕對位置-文字位置*/
#yblogtitle .tbd {font-family:標楷體; color:#00007f;font-size:150%;text-align:left;width:90%;height:205px;position:relative;top:85px;left:5px;}

/*隱藏設定小方圖*/
#yblogtitle .edit {display:none;}

/*部落格名圖-連結區塊-圖片置中-圖框寬高(配合圖片大小)-部落格名字體大小為0-文字排縮(目的為移出顯示作用)*/
#yblogtitle .thd a {display:block;background:url(格名圖網址) center no-repeat;display:block;width:100px;height:100px;font-size:0;text-indent:-5000px;}

/*部落格描述背景圖-背景預設顏色-小圖重複*/
#yblogtitle .mbd {background: url(圖片網址) #8080ff repeat;}

格式四:

部落格自訂格名圖片與隱藏描述-(部落格名以圖片取代)
#yblogtitle .edit {display:none;}
#yblogtitle .mbd{text-align:center}
#yblogtitle .mbd .tbd{display:none}
#yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)}
#yblogtitle .thd h1 {display:block;background:url(格名圖網址) center no-repeat;display:block;float:center;width:430px;height:120px;font-size:0;text-indent:-5000px

引用：http://tw.myblog.yahoo.com/jw!Hnjs_zKGAxofVZ1I.B3hikw

小雪兒

小雪兒的窩

小雪兒發表在痞客邦留言(0) 人氣()

E-mail轉寄

小雪兒的窩

✿ღ 幸福就是累積身邊每一點的小温暖
小微笑
小甜蜜
.......✿ღ

｡◕‿◕｡歡迎你的到來.....有緣來相聚....｡◕‿◕｡