我的小屋圖片更新了w
我心愛的普莉姆拉變成了橫跨上下兩個部分的小屋圖片
至於要怎麼做到小屋圖片橫跨上下兩個部分的方法請參照
這裡(已收入我的精華區)
當我按照這個方法完成時,發現到一個美中不足的地方
注意到了嗎?上面的選項按鈕雖然角是圓的,但還是會有空隙
↑像這樣
所以我就開了PS把按鈕稍微修了一下,變成了現在這樣
↑是不是好看多了?
如果你也想把按鈕的空隙修掉,方法很簡單
首先,抓下我修過的按鈕圖片,上傳的自己的貼圖空間(不要盜連我的空間小心我會殺人)
接著打開你的CSS,往下拉到主選單那一行,把下面的
.menuIN{
background:url(按鈕的網址) no-repeat;
font-weight:bold;
color: #0055CB;
height:35px;
line-height: 35px;
text-align: center;
text-decoration: none;
}
以及
.menuout a:hover {
background:url(按鈕的網址) no-repeat;
font-weight:bold;
color:#0055CB; height:35px;
line-height:35px;
text-align:center;
text-decoration: none;
DISPLAY: block;
}
把"按鈕的網址"改成你上傳的新按鈕圖片的連結(兩個都要改喔)
這樣就會顯示我改過的按鈕的圖片了,角度的部份會比較圓滑
喜歡的就試試吧!