Bell的幸福狗窩

　　前幾天Bell引用的版型，前幾天圖檔被刪除，畫面開始出現異樣，Bell知道又得換版

型了～

　　但是引用別人的版型，一陣子就得換，挑來挑去，還不一定有自己喜歡的，喜歡的，

也不一定符合自己的需求，Bell是個懶人又戀舊，不想每隔一陣子就得捨舊愛找新歡，所

以想要做一個專屬於自己的版型！

　　之前看到格友阿東自己做的版型簡單大方又好看，標題欄還能放自己喜歡的圖片或

照片，所以有稍微請教了一下阿東做法！

　　但是人就是這樣，沒有危機就沒有動力～～（其實應該只有我是這樣吧！！），

所以引用的版型一有問題，Bell就決定驅動我那懶懶的性格，來為自己格子的門面努力一

下吧！！

　　把阿東的教學方法再找出來～先依樣畫葫蘆一番！

　　順便把做法分享給大家：

步驟一：先找一照喜歡的照片，最好在拍的時候，就先設定為１６：９的比例，長方形比

較適合標題的形狀。

步驟二：

　　從「管理部落格」功能進到設定的畫面，在「外觀設計」之「面板設定」裏選一個形

式較為簡單的面版，做為大致的版型。

步驟三：

　　接著到「進階樣式」中的「標題底圖」．．．．

　　把剛剛選好的照片上傳，照片就會出現在版面的「標題欄」裏。

步驟四：

　　接著到「自訂樣式」中．．．

　　把這段程式語言貼在框框裏的位置：

#yblogtitle .mbd, #yblogtitle .mft{background-color:#A4A4A4;color:#666;

background-repeat:no-repeat;background-position:50% 100%;

width:970px;height:450px;font-size:14px;}

　　其中這段「width:970px;height:450px」，就是讓格主自己調整你要的「標題

欄大小」，也取決於怎麼樣讓您原先選定的照片，可以完整的show在標題欄中！

　　這個是最麻煩的一個步驗，因為每張照片和格主自己要的感覺都不同，所以必須

反覆更改數字，以求得一個自己最喜歡的大小。

　　有趣的是，即使選擇了同一個版型，貼上同一段語法，也可能出現兩個不同的結

果，就像阿東原本給Bell的一段更改標題欄大小的語法「#yblogtitle .tft {margin

:350px 50px 50px 100px;}」在阿東的版型裏有作用，在Bell的版型裏卻沒反應，

所以Bell又自行上網爬文，擷取了這段語法來試才成功！

　　所以冰友們這兩段語法都可以試試看哦！！

　　其實做一個自己的版型真的不難，只是調整會比較花時間，大家可以試看看囉～