版型製作教學

2008042321:48
蒐集:教學♀小舖♂    2008/04/18 20:38

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

帶走文章請勿移除LOGO!!

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

<a href="http://tw.myblog.yahoo.com/19851108-223210616"><img src="http://s268.photobucket.com/albums/jj25/bbaby5301314/th_QWW.gif" alt=""""""""""""""""" 滑鼠指標點到出現的文字"" border="0"></a>

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

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

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

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

width:220px;height:350px;

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

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

大概的版型 就完成了唷

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

裡面都有中文註解唷

再來就是預覽圖,使用電腦的拍照功能

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

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

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

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


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