培迪 的痞客邦部落格

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

帶走文章請勿移除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內容裡，按右上角的清除，或者把原來的ＣＳＳ內容備份起來。

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

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

引用：http://tw.myblog.yahoo.com/jw!LRpTR2iHQU7nnybZhqiOk2s-/article?mid=23271

引用：http://tw.myblog.yahoo.com/jw!gfOkhbuBFRlPdwuYWkRbivhfPqU1/article?mid=1347