看ㄌ幾篇文章之後 決定來ㄍ部落格語法大整理部落格面板ㄉ語法都在這希望大家看ㄌ之後可以引用我ㄉ文章跟使用我ㄉ語法唷果都有加詳細解說唷
更新日期前的小圖片:
更新日期也是一ㄍ欄位,以下語法貼上圖片網址以後,就按
管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
/*Module latest upup*/
#ymodupdate .mbd
.date{background:url(圖片網址) right left
no-repeat;font-size:120%;font-family:Art;}
更改部落格性別圖片:
所謂部落格性別圖片就是:
←這ㄍ
在部落格左上角的欄位(除非你移動位置)
以下語法貼上圖片網址以後,就按
管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
#ymodprf .horos img{display:none;}
#ymodprf
.horos{width:100px;height:120px;background:url(圖片網址) center no-repeat;}
滑鼠游標:
你在部落格移動時ㄉ箭頭
以下語法貼上圖片網址以後,就按
管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
body{cursor:url(圖片網址)}
a:hover
{cursor:url(圖片網址)}
左右欄位小圖語法:
就是左右欄位目錄小圖(像果果的蘋果圖),可以將他改成你愛ㄉ圖案唷如果不知道圖檔網址,就按圖片右鍵點內容,看(URL)框裡有一串網址,將他複製下來,貼進以下語法就好,然後
管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
/*Nav module list*/
.ycntmod .mbd ul.list li {background:url(圖檔網址) 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(圖檔網址) 48px center no-repeat;}
用CSS把文章標題前有圖案:
像果果的文章標題前面有2顆櫻桃,那就是文章前圖案了,如果不知道圖檔網址,就按圖片右鍵點內容,看(URL)框裡有一串網址,將他複製下來,貼進以下語法就好,然後
管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
/*article content module*/
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:126%;font-weight:bold;background:url(小圖網址) no-repeat;padding-left:32px;}
.yblogcnt .blgtitlebar h2 a {color:#195693; padding-right:5px;}
部落格文章固定背景:
文章後面ㄉ圖案。
如果不知道圖檔網址,就按圖片右鍵點內容,看(URL)框裡有一串網址,將他複製下來,貼進以下語法就好,然後
管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
/*Background color for main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table,
#yusrinfo table, #yusrintro p {background: url(圖片網址);}
部落格背景固定:
如果不知道圖檔網址,就按圖片右鍵點內容,看(URL)框裡有一串網址,將他複製下來,貼進以下語法就好,然後
管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
body {
background-image: url(圖檔網址);
background-repeat:no-repeat ;
background-position :0% 100%;
background-attachment: fixed;}
左右2側背景語法:
就是左右欄位ㄉ背景。
如果不知道圖檔網址,就按圖片右鍵點內容,看(URL)框裡有一串網址,將他複製下來,貼進以下語法就好,然後
管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
/*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:#FBF2CA; color:#90620E;background-image:url(圖檔網址);
招呼語背景:
有ㄍ招呼語框ㄉ背景。
如果不知道圖檔網址,就按圖片右鍵點內容,看(URL)框裡有一串網址,將他複製下來,貼進以下語法就好,然後
管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
#yblast .bg {zoom:1; filter:alpha(opacity:82); background: url(圖片網址) no-repeat}
自訂欄位貼圖語法:
在自訂欄位貼上自己喜歡的圖片,如果你找不到圖片,可以到果果的文章分類「部落格小圖」「網路素才」找圖片唷
如果不知道圖檔網址,就按圖片右鍵點內容,看(URL)框裡有一串網址,將他複製下來,貼進以下語法就好,然後
管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
如果要放多張就要改成為
~放一張使用一次語法
自訂欄位中按圖片連結網站:
(請貼在自訂欄位)
改變訂閱部落格圖片語法:
div#btnsbsrb a{display:block;width:134px;height:110px;overflow:hidden;background:url(
圖片網址) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:134px;height:110px;overflow:hidden;background:url(圖片網址) no-repeat;margin:0;}
★文章大小字CCS語法教學
font-family:標楷體; 如果你不想更換字體~就刪掉這些字~或更改成你想要的字體
font-size:150%; 依你自己的喜好~~更改數字~~改成自己喜歡的大小
color: #0066ff; 如果你不想更改文字顏色~就刪掉這些字~或更改成自己喜歡的顏色~色碼表
/*Text color for blog title*部落格標題字體顏色*/
#yblogtitle .text {color: #660099;font-family:標楷體;font-size:150%;}
/*Text color for main content*文章欄位字體顏色*/
.yc3pribd .text {color: #0066ff;font-size:150%;font-family:標楷體;}
/*Text color for module*左右欄位字體顏色*/
.text {color: #0066ff;font-size:150%;font-family:標楷體;}
自己更改測試~~找出自己看起來最順眼的大小..顏色..字體..
如果你是新手..對CSS不熟..會擔心CSS亂掉..
你可以先將原來的CSS語法複製下來..貼在記事本..
如果亂掉了..再貼回來就好了..
部落格文字標題變圖片:
就是你ㄉ部落格標題可以變成圖片。
#yblogtitle h1 {
display:block;
float:left;
background:url(網址) 0 0 no-repeat;
width:120px;
height:50px;
font-size:0;
line-height:0;
text-indent:-5000px;
overflow:hidden;
cursor:pointer;
cursor:hand;
}
隱藏留言版欄 管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
/*Blog guest book module隱藏留言板欄位*/
#ymodmsgbd h3{display:none}
隱藏自我介紹欄 管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
/*Profile隱藏自我介紹欄*/
#ymodprf{display:none}
隱藏 個人暱稱
#ymodprf .nickname{display:none}
隱藏 個人星座
#ymodprf .horos{display:none}
隱藏 性別小圖示
#ymodprf .horos img {display:none}
隱藏奇摩隱藏更新日期欄語法:
管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
/*Blog latest update module隱藏更新日期欄*/
#ymodupdate{display:none}
隱藏奇摩相簿語法:
管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
/*Blog album module隱藏部落格相簿*/
#ymodalbum{display:none;}
如果你想隱藏【雅虎的頁首和頁尾】,只要在css語法最下方加入以下文字
#yhtw_masthead,#yhtw_mastfoot{display:none;}
有訪客告知隱藏部落格的語法 Firefox 火狐瀏覽器無法隱藏...IE瀏覽器才可以隱藏部落格
語法更正如下 (使用 Firefox 火狐瀏覽器可隱藏部落格)
body{background-image:url(背景圖網址 ); background-attachment:fixed;
.ycntmod { filter:alpha(opacity:0); }
/*使用任何型式欄框標題隱藏語法時,單獨顯示部份*/
/*獨立顯示留言板按鈕*/
#ymodmsgbd .mhd {display:block;}
/*獨立顯示相簿按鈕*/
#ymodalbum .mhd {display:block;}
/*隱藏內文發表日期*/
/*隱藏發文時間*/
#ypartsingle .date,#yarticle .date {display:none}
/*隱藏留言時間*/
#ymsgboard .date {display:none}
/*隱藏格名語法*/
#yblogtitle a {display:none;}
/*部落格描述字體顏色 - 字型 - 字體大小*/
#yblogtitle .text {color:#ff7f00; font-family:標楷體; FONT-SIZE:20px;}
/*部落格自訂格名圖片與隱藏描述-格式四(部落格名以圖片取代)*/
#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;}
/*Opacity for blast 隱藏整個部落格語法*/
#yblast .bg {filter:alpha(opacity:0); }
#ymodprf {display:none;}
#usrinfo {display:none;}
#yblast {display:none}
#yleavemsg {display:none}
#ymsgboard {display:none}
#ymodalbum, #yphtgallery {display:none}
#ymodupdate {display:none}
#ybloginfo, #yusrintro {display:none }
#btnsbsrb_nologin {display:none}
#yartcmt {display:none}
.ycmntreply {display:none}
#rtemodule {display:none}
#yarticle, #ysbscrblist {display:none }
#yBlogtitle .mbd, #yBlogtitle .mft{color:000000; filter:alpha(opacity=0);}
#yblogtitle a {text-decoration: none}
#yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcbtm, #yblogtitle .rcbtm div, #yblogtitle .rcl, #yblogtitle .rcr { filter:alpha(opacity:0) }
.tft #btnsbsrb { display:none }
#yusrinfo { display:none }
#yhtw_mastfoot {display:none}