如果您覺得在在文章標題列加上公告文字圖片 ,不太理想也不夠醒目。
那麼就將公告圖片加在文章內文的下方,這樣可夠顯眼了....
/*文章內文下方加圖片*/
#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.文章『一頁』加標語
延伸閱讀 在文章標題列加上公告文字圖片(二) 在留言板加上公告文字圖片(一)