close

在文章內文下方加公告文字圖片(三)



 

 

如果您覺得在在文章標題列加上公告文字圖片 ,不太理想也不夠醒目。

那麼就將公告圖片加在文章內文的下方,這樣可夠顯眼了....


/*文章內文下方加圖片*/

#yarticle .browsebtns{background:url(圖片網址) center bottom no-repeat;width:640px;height:100px;}


您只要將製作好的圖片網址,加到語法中。貼到 css  中就行了。

我的版面是三欄式,寬度是640(width:640px;height:100px;})

如果您是使用二欄式的版面,或有修改過欄寬,請調整成你自己的欄寬。

然後高度要加  20   否則圖片會擋到上一篇   下一篇的文字。

我所製作的圖片高度是 80,所以 80+20=100

 

 如果您要隱藏上一篇   下一篇  ,那就不用加  20,直接使用圖片的高度。

/*隱藏上下篇*文章內文下方加圖片*/

#yarticle .browsebtns span{display: none}
#yarticle .browsebtns{background:url(圖片網址) center bottom no-repeat;width:640px;height:100px;}


如果您需要更詳細的說明,請閱讀   精靈見解)07.文章『一頁』加標語

延伸閱讀 在文章標題列加上公告文字圖片(二)     在留言板加上公告文字圖片(一)

arrow
arrow
    全站熱搜

    babyhouseyumi 發表在 痞客邦 留言(0) 人氣()