前幾天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又自行上網爬文,擷取了這段語法來試才成功!
所以冰友們這兩段語法都可以試試看哦!!
其實做一個自己的版型真的不難,只是調整會比較花時間,大家可以試看看囉~