最新訊息

314 學習手札  浴火重生
網站內的資源  緣至各方達人
相互分享教學 請隨意取用分享
莫忘傳承情意 讓這份情意傳下去
此塊園地 僅是學習筆記
提供素材內容  或許有缺失
不盡理想地方 敬請見諒
我非高手達人 願虛心學習 不斷修正改進
若有尖酸刻薄或無理要求 都非座上客
僅求心境桃花源 願做鴕鳥呆瓜
莫擾我清幽 疏忽怠慢之處 敬請原諒

效果圖:

 

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

/*首頁  圖樣*/

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



創作者介紹

♥314非常好學♥

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


留言列表 (7)

發表留言
  • sdcv0216
  • 首業要去那修改呢
  • 卸卸!!<br />
  • 卸卸ˇˇ
  • 綠茶
  • 謝謝~~很感恩泥~~~
  • 安安..<br />
    又是奇摩又是無名<br />
    真是利害喔<br />
    我不太會無名網誌<br />
    還在摸索中<br />
    有空再請你教你喔<br />
  • a3581445
  • 真佩服你~<br />
    最近妹妹在學css的語法~<br />
    我也要請她教我呢~^^<br />
    謝謝分享~
  • 悄悄話

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼