【網友詢問】我的部落格文章標題很長,卻無法完全顯示,怎麼辦?

標題字被裁掉.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語法入門

 

23 則留言

  1. 您好,痞客邦新手想請教您,不知為何,我的部落格每篇文章的標題以及文章下面的標籤什麼的都不見了,無法正常顯示在文章中,用手機看是正常的,用兩台不同的筆電看都是無法顯示的,請問可以怎麼調整呢?
    謝謝您.

  2. 您好
    我跟範例一樣
    也按照步驟修改完畢
    接著想把第二行的標題跟日期對齊
    那應該如何修改呢?
    拜託幫個忙
    因為查2天了
    謝謝您 🙏

  3. 抱歉,再請問,

    如果要把標題的WIDTH設大一點點要如何修改???

    因為我在上方的CCS上沒有看到”WIDTH”,謝謝!

  4. 您好:

    我的部落格也和天涯小朱朱一樣有同樣的問題,

    我去看了一下自己部落格的CCS

    .article-head {
    height:39px;
    font-weight:bold;
    background:url() left top no-repeat;
    position:relative;
    }
    但我把”height:39px;”拿掉,標題字數太長還是會被切掉,能否請歐飛大大幫我看看,謝謝

  5. 歐菲您好,我最近想買N580GD,又這台有I5跟I7版的,原本的記憶體也差了4G,我的需求是遊戲(LOL跟單機3D RPG),寫網頁,追劇,就是文書遊戲影音各一點但都不用到非常高,巧的是我去問價格的時候不同商場的業務都說I7版要叫貨,I5不用,本來我是想買I7,但他們都推I5,說以效能來講這台I7散熱會不夠力,I5已經很夠我用,I7沒進因為不好賣……我分不出來這是話術還是利潤差別,求解,附上型號:
    N580GD-0081A8750H
    N580GD-0151A8300H

  6. 好人做到底 你就幫他弄好 然後意思意思收個五萬元 想必小朱朱會非常開心……..

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *