標題字被裁掉.jpg

格友天涯小朱朱FB私訊詢問:
我的部落格標題很長,都沒辦法完全顯示,請問要如何解決呢?

---------------------

我剛去查了一下他的部落格CSS (怎麼查看這裡)

標題的CSS如下:
.article-head {
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    background: url(https://pic.pimg.tw/pixnetvisual/3fd1ea0….jpg);
    padding: 0 0 3px 10px;
}

問題是出在「height: 32px;」這一行的意思是高度限制在32px,只要把這一行拿掉就好了。

底圖.jpg
▲拿掉高度限制後標題就會視需求自動變成二行,但底圖有點問題

簡單講就是這個部落格版型的標題只能一列,如果改成二列底圖會不合。

怎麼辦?

簡單講就是需要重做這個標題的底圖,然後重新上傳,再更改一下CSS設定新的底圖即可。


---------------


網友詢問:
「重做這個標題的底圖,然後重新上傳,再更改一下CSS設定新的底圖即可。」是指什麼意思呢?請問底圖怎麼上傳?


歐飛:
這個部份要請您自行Google一下了,因為這需要重新做底圖。

重新上傳的部份比較簡單,就是上傳到痞客邦的相簿。

至於重新設定新的底圖,語法其實上面有,就是這一行:
background: url(https://pic.pimg.tw/pixnetvisual/3fd1ea0….jpg);
橘色字就是新底圖的網址,這邊要改。

簡單講,我只能「提示一下」問題點,我無法在部落格中教您如果做底圖,還有全套的CSS,這個部份還是要Google自學一下,或參考這一篇:【部落格實戰】09 | HTML及CSS語法入門

 

arrow
arrow
    文章標籤
    部落格版型
    全站熱搜
    創作者介紹
    創作者 歐飛 的頭像
    歐飛

    歐飛先生

    歐飛 發表在 痞客邦 留言(12) 人氣()