最新訊息

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

效果圖:

 

/*欄位標題小圖*/


.sidetitle {background-position: left center;padding-left: 35px;

font-weight: bold;font-size: x-small;

background-image: url(http://圖檔網址0.gif);

border-bottom-width: 2px;color: #333333;padding-top: 8px;

background-repeat: no-repeat;font-style: normal;

height: 30px;background-color: transparent;text-align: left;}

語法說明:
.sidetitle {background-position: left center;padding-left: 35px;

圖檔靠右 與欄位標題字的寬距離

font-weight: bold;font-size: x-small;

background-image: url(http://圖檔網址0.gif);

border-bottom-width: 2px;color: #333333;padding-top: 8px;

與欄位邊緣底部距離 字體顏色 與欄位邊緣頂部距離

background-repeat: no-repeat;font-style: normal;

圖檔不重複呈現

height: 30px;background-color: transparent;text-align: left;}

圖檔與下方距離高度 圖檔位置靠右

 

如果無法呈現語法效果

請點選CSS區塊內→按CTRL+F檢查 是否有相同開頭語法.sidetitle並存於CSS中

 請刪除或覆蓋 再測試預覽

修改無名CSS步驟:

注意:選取 CSS 範本 請選擇 可開放修改的範本 便利日後修改使用)

登入無名→點選 樣式管理

→點選 修改CSS樣式表

→在 CSS語法區塊內 貼上語法

注意修改CSS語法步驟:

1.修改CSS語法前 請先 選擇我的樣式存檔 (防止錯誤還原用)

2.在CSS區塊內→貼上語法選擇目前使用套用

3.預覽 觀看效果→滿意記得 存檔 在我的樣式



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


留言列表 (6)

發表留言
  • wt20071206
  • 謝謝格主的寫文,這也是需要耐心的呢!<br />
    <br />
    【好站】手機桌布無限下載-網圖小站!<br />
    http://www.wanto.tw<br />
    <br />
    【分享】下載劉真、王心凌、林依晨(路尼亞戰記)、花漾明星(偶像宣言)、蝴蝶、海豚、2008新年快樂、彩色彈珠的手機桌布?<br />
    http://blog.wanto.tw/download/2007/20071226.jsp<br />
  • black1101
  • 0.0謝謝分享 ˙ˇ˙
  • j5229664
  • 謝謝你呃分享唷!<br />
    很清楚!
  • j5229664
  • 謝謝你呃分享唷!<br />
    很清楚!
  • s5229664
  • 謝謝你的分享唷!<br />
    真的很清楚!<br />
    一看就會!
  • justfun95
  • 感謝分享~^^
找更多相關文章與討論

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

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

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

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

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼