提醒大家,想知道最新的旅遊資訊,一定要來「老狗環島趴趴走粉絲專頁」按讚哦~https://www.facebook.com/aberdontaquila/

設計一個自己的版型,不難!

2012082008:00

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

型了~

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

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

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

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

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

  但是人就是這樣,沒有危機就沒有動力~~(其實應該只有我是這樣吧!!),

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

下吧!!

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

  順便把做法分享給大家:

步驟一:先找一照喜歡的照片,最好在拍的時候,就先設定為16:9的比例,長方形比

較適合標題的形狀。

 

步驟二:

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

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

 

步驟三:

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

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

 

步驟四:

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

 

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

#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又自行上網爬文,擷取了這段語法來試才成功!

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

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