效果圖:
/*無名首頁 相簿 網誌 留言 好友 圖樣語法*/
/*首頁 圖樣*/ #linkMypage {padding-left: 15px;background: url(http://圖檔網址.gif) no-repeat left 50%;} /* 相簿 圖樣*/ #linkAlbum {padding-left: 15px;background: url(http://圖檔網址.gif) no-repeat left 50%;} /* 網誌 圖樣*/ #linkGbook {padding-left: 15px;background: url(http://圖檔網址.gif) no-repeat left 50%;} /* 留言 圖樣*/ #linkUser {padding-left: 15px;background: url(http://圖檔網址.gif) no-repeat left 50%;} /* 好友 圖樣*/ #linkBlog {padding-left: 15px;background: url(http://圖檔網址.gif) no-repeat left 50%;}
|
語法說明:
#linkMypage {padding-left: 15px;background: url(http://圖檔網址.gif)no-repeat left 50%;}
#linkMypage→首頁 字樣
padding-left: 15px→圖檔靠左 離首頁的字距離
no-repeat left 50%→圖檔不重複呈現 靠左 中位置
如果無法呈現語法效果
請點選CSS區塊內→按CTRL+F檢查 是否有相同開頭語法並存於CSS中
例如:#linkMypage 請刪除或覆蓋 再測試預覽
修改無名CSS步驟:
注意:選取 CSS 範本 請選擇 可開放修改的範本 便利日後修改使用)
登入無名→點選 樣式管理
→點選 修改CSS樣式表
→在 CSS語法區塊內 貼上語法
注意修改CSS語法步驟:
1.修改CSS語法前 請先 選擇我的樣式 →存檔 (防止錯誤還原用)
2.在CSS區塊內→貼上語法→ 選擇目前使用→套用
3.預覽 觀看效果→滿意記得 存檔 在我的樣式