24h購物| | PChome| 登入
2009-05-19 08:54:46 | 人氣48| 回應0 | 上一篇 | 下一篇

部落格語法大整理

推薦 0 收藏 0 轉貼0 訂閱站台

部落格語法大整理

2009/05/18 03:40

 

分類:語法教學
2008/05/02 15:00

看ㄌ幾篇文章之後  決定來ㄍ部落格語法大整理部落格面板ㄉ語法都在這希望大家看ㄌ之後可以引用我ㄉ文章跟使用我ㄉ語法唷果都有加詳細解說唷

下一張(熱鍵:c)

更新日期前的小圖片

更新日期也是一ㄍ欄位,以下語法貼上圖片網址以後,就按

管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。

/*Module latest upup*/
#ymodupdate .mbd
.date{background:url(圖片網址) right left
no-repeat;font-size:120%;font-family:Art;}

 

下一張(熱鍵:c)

更改部落格性別圖片

所謂部落格性別圖片就是:

    ←這ㄍ
在部落格左上角的欄位(除非你移動位置)
以下語法貼上圖片網址以後,就按

管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。

 
#ymodprf .horos img{display:none;}
#ymodprf
.horos{width:100px;height:120px;background:url(圖片網址) center no-repeat;}
下一張(熱鍵:c)
滑鼠游標
 
你在部落格移動時ㄉ箭頭
以下語法貼上圖片網址以後,就按

管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。


body{cursor:url(圖片網址)}
a:hover
{cursor:url(圖片網址)}
下一張(熱鍵:c)
左右欄位小圖語法
就是左右欄位目錄小圖(像果果的蘋果圖),可以將他改成你愛ㄉ圖案唷如果不知道圖檔網址,就按圖片右鍵點內容,看(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;}
下一張(熱鍵:c)
用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;}

下一張(熱鍵:c)

部落格文章固定背景

文章後面ㄉ圖案。

如果不知道圖檔網址,就按圖片右鍵點內容,看(URL)框裡有一串網址,將他複製下來,貼進以下語法就好,然後

管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
 
/*Background color for main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table,
 #yusrinfo table, #yusrintro p {background: url(圖片網址);}

下一張(熱鍵:c)
部落格背景固定

 

如果不知道圖檔網址,就按圖片右鍵點內容,看(URL)框裡有一串網址,將他複製下來,貼進以下語法就好,然後

管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。
body {
background-image: url(圖檔網址);
background-repeat:no-repeat ;
background-position :0% 100%;
background-attachment: fixed;}
下一張(熱鍵:c)
左右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(圖檔網址);

下一張(熱鍵:c) 

招呼語背景

有ㄍ招呼語框ㄉ背景。

如果不知道圖檔網址,就按圖片右鍵點內容,看(URL)框裡有一串網址,將他複製下來,貼進以下語法就好,然後

管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。


 
#yblast .bg {zoom:1; filter:alpha(opacity:82); background: url(圖片網址) no-repeat}

下一張(熱鍵:c)
自訂欄位貼圖語法
在自訂欄位貼上自己喜歡的圖片,如果你找不到圖片,可以到果果的文章分類「部落格小圖」「網路素才」找圖片唷

如果不知道圖檔網址,就按圖片右鍵點內容,看(URL)框裡有一串網址,將他複製下來,貼進以下語法就好,然後

管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。

如果要放多張就要改成為

~放一張使用一次語法
下一張(熱鍵:c)
自訂欄位中按圖片連結網站
(請貼在自訂欄位)
 

 




"0" width="88" height="31">









<a href="部落格網址"><img src="樂果網址" alt="""""""""""你的部落格明名稱""""""""""" border="0"></a>









下一張(熱鍵:c) 
改變訂閱部落格圖片語法
 
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;}

下一張(熱鍵:c)

★文章大小字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語法複製下來..貼在記事本..

如果亂掉了..再貼回來就好了..

下一張(熱鍵:c)

部落格文字標題變圖片

就是你ㄉ部落格標題可以變成圖片。

#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;
}

下一張(熱鍵:c)

隱藏留言版欄  管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。

 /*Blog guest book module隱藏留言板欄位*/
#ymodmsgbd h3{display:none}

下一張(熱鍵:c)

隱藏自我介紹欄  管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。

/*Profile隱藏自我介紹欄*/

#ymodprf{display:none}

 隱藏 個人暱稱

#ymodprf .nickname{display:none}

      隱藏 個人星座

#ymodprf .horos{display:none}

      隱藏 性別小圖示

#ymodprf .horos img {display:none}

下一張(熱鍵:c)

隱藏奇摩隱藏更新日期欄語法
 
管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。

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

下一張(熱鍵:c) 

 隱藏奇摩相簿語法  

管理部落格→面板設定→自訂樣式→然後在裡面輸入以下語法。

/*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}





 







 








 


 









 


 

 

台長: 齊齊媽咪-蚊子
人氣(48) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 數位資訊(科技、網路、通訊、家電) | 個人分類: 部落格小物 |
此分類下一篇:拍立得效果照片
此分類上一篇:新相片合成機

是 (本台目前設定為強制悄悄話)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文