close
以下是若雪的製作版型教學

帶走文章請勿移除LOGO!!

並請完整複製文章以後→按下引用鍵貼上文章完成發表。

因為很多格友,反應說想要學習製作版型

其實呢~ 製作版型 沒有那麼困難啦

下面的語法 是版型裡面的主要語法

除了更換對照與法的圖片網址,要注意的就是這一段語法

width:220px ;height:350px;

width:圖片寬度px;height:圖片寬度px;

然後搭配你要的邊框,或使用無邊框語法

大概的版型 就完成了唷

其他細部的語法,大家可以參考若雪 舊版本的版型

裡面都有中文註解唷

再來就是預覽圖

使用電腦的拍照功能→F12旁邊的Prt Scr-SysRq鍵

拍下圖片,開啟小畫家貼上儲存檔案

然後把預覽圖縮小道適合部落格的大小以後

上傳到免費網頁空間,或者到香港奇摩申請個人網頁

如果,還有疑問,可以問我,我都會盡快回答的

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


/*btnsbsrb 更換訂閱部落格語法*/
div#btnsbsrb a{display:block;width:102px;height:36px;overflow:hidden;background:url(圖片網址) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:102px;height:36px;overflow:hidden;background:url(圖片網址) no-repeat;margin:0;}

 

/*回應圖示momake coomment bar*/
div.btncomment a {display:block;height:36px;width:102px;background:url(圖片網址) no-repeat;}


/*引用圖示momake coomment bar*/
div.btntrackback a {display:block;height:36px;width:102px;background:url(圖片網址) no-repeat;}

 

 

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


/*固定背景圖*/
 BODY {background: white url(圖片網址);background-attachment: fixed}

 

/*標題圖*/
#yblogtitle .mbd,
#yblogtitle .mft{font-size:150%;color:;font-family:標楷體; color:#FF5AB4;text-align:center;}
#yblogtitle .thd a{width:15px;height:15px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle h1 {display:block;float:left;background:url(圖片網址) 0 0 no-repeat;width:620px;height:190px;font-size:0;line-height:0;text-indent:-5000px;overflow:hidden;cursor:pointer;cursor:hand;}

 

/*游標圖*/
body{cursor:URL(
游標網址);}
a:hover{cursor:URL(游標網址);}  

 

/*部落格字體大小*/

BODY {Font-Family: verdana;Font-Size:13px;}

更換面板方法:

只要複製面板的CSS語法內容,貼到您格子的CSS 內容裡面就可以了。

作法:

1. 請先進入CSS內容裡,按右上角的清除,或者把原來的CSS內容備份起來。

2. CSS清除後,內容完全空白,再把要更換面板的CSS內容貼入。然後按確定就可以了。

 CSS 內容裡每段語法都有中文註解,沒有註解再請自行查看。

 


arrow
arrow
    全站熱搜

    丁丁 發表在 痞客邦 留言(2) 人氣()