這個是看到http://blog.xuite.net/rippleblue2002/blue/4500641發表的文章,直接給它Copy過來!這樣比較快!嘿嘿!我用引用通知他一聲。

以下是他的文章↓


昨天剛弄完欄位名稱的區塊部份,想告訴大家

(圖一)所指的那塊,是很容易更換的

首先呢!!

步驟1.

先上傳圖片(200X33)的大小,記得要剛剛好歐

上傳教學與修改圖片大小部份,請參考http://blog.xuite.net/jeanson61/xuite/3431529

裡面有詳細教學

記得把圖片的網址COPY起來,下面會用到!!

步驟2.

進入管理介面

步驟3.

更改欄位名稱顏色

color:#EEEEEE; 

這裡有HTML色碼錶http://blog.xuite.net/rippleblue2002/blue/4493849

更改圖片加入語法

 background-image:url(圖片網址);

尋找/*欄位名稱*/的部份

/*欄位名稱*/
.sidetitle{
 padding:1px;
 border-bottom:#DDF0F7 1px dashed;
 border-top:#A3D2E7 1px dashed;
 border-left:#A3D2E7 1px dashed;
 border-right:#A3D2E7 1px dashed;
 background:;
 font-weight:bold;
 background:#000000;

/*background-image:url(/_theme/skin/windows/45/blog011_2.gif);*/記的先將先前的預設背景用/**/包起來歐
 background-image:url(圖片網址);

 color:#EEEEEE;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 letter-spacing:0.1em;
 font-size:15px;
 margin-top:5px;

即可更改圖片,(若送出後還是沒有看見,記得多按幾次F5)

BACKGROUND

功能 :設定背景圖片、顏色、混合、透空、捲動、位置、重複

語法 :
{ BACKGROUND : TRANSPARENT︱( scroll )︱( color )︱URL ( url )︱( position )︱( repeat ) }

BACKGROUND-ATTACHMENT

功能 :設定背景圖片是否捲動 ( 分為 : 捲動、固定 )

語法 :  { BACKGROUND-ATTACHMENT : SCROLL︱FIXED }

BACKGROUND-COLOR

功能 :設定背景顏色、透空

語法 :  { BACKGROUND-COLOR : TRANSPARENT︱( color ) }

( color ) 可為顏色名稱 ( 16種 ) 或16進制表示法 - #RRGGBB ( 00暗~FF亮 ) 、#RGB ( 0暗~F亮 ) 表紅綠藍強度

範例 :  {BACKGROUND-COLOR:#FF0000}

BACKGROUND-IMAGE

功能 : 設定背景圖片

語法 :  { BACKGROUND-IMAGE : NONE︱URL ( url ) }

範例 :  {BACKGROUND-IMAGE:URL(1.JPG)}

BACKGROUND-POSITION

功能 :設定背景位置 ( 可設單位屬性 : 點pt、英寸in、公分cm、像素px、百分比% )

語法 :
{ BACKGROUND-POSITION : TOP︱MIDDLE︱BOTTOM︱LEFT︱CENTER︱RIGHT︱( length )︱( position ) }

BACKGROUND-REPEAT

功能 :設定背景重複填滿方式

語法 :  { BACKGROUND-REPEAT : REPEAT︱REPEAT-X︱REPEAT-Y︱NO-REPEAT }



PS其實所有的區塊都可以加上背景圖片或是顏色的設定,附上有關背景圖片、顏色等相關設定之CSS語法↓


隨機文章

×
網友回饋 回應:6
  • 歡迎來到隨意窩Xuite

    開啟選單瀏覽服務或以關鍵字搜尋。

     
  • 瀏覽更多精彩內容

    切換至格主其他頻道或直接搜尋。

     
  • 快速便利分享工具

    提供多種分享方式傳遞內容資訊。

     
  • 更多推薦APP

    隨意遊與隨食記app僅支援ios裝置。