效果圖:

 

/*無名首頁 相簿 網誌 留言 好友 圖樣語法*/

/*首頁  圖樣*/

#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.預覽 觀看效果→滿意記得 存檔 在我的樣式



全站熱搜

sunny 美 發表在 痞客邦 留言(7) 人氣()