close

這位版主作了15款捲軸樣式，而且每款都很好看
深深覺得她好厲害，在這邊分享給大家

由於語法失連+原作者已關閉部落格...所以我自己參考小公主的色系另外做了一些樣式

原小公主捲軸展示：
    水藍 、 深藍 、  淺粉 、  桃紅 、  粉紫

    深紫 、 粉橘 、  深橘 、  淺綠 、  深綠

    淺黃 、 亮黃 、  黑色 、  深灰 、  淺灰
                

是不是每一款都很棒呢？

 

放置方法：

1、選擇你喜歡的顏色款式，複製欄位中的語法：

 

顏色 水藍凸軸 水藍凹軸
語法 SCROLLBAR-ARROW-COLOR: #d8fcfc;
SCROLLBAR-FACE-COLOR: #90fcfc;
SCROLLBAR-DARKSHADOW-COLOR: #b4fcb4;
SCROLLBAR-BASE-COLOR: #d8fcd8;
SCROLLBAR-HIGHLIGHT-COLOR: #fcfcd8;
SCROLLBAR-SHADOW-COLOR: #fcfcd8;
SCROLLBAR-TRACK-COLOR: #b4fcfc;
SCROLLBAR-3DLIGHT-COLOR: #6cd8d8		 SCROLLBAR-ARROW-COLOR: #d8fcfc;
SCROLLBAR-FACE-COLOR: #90fcfc;
SCROLLBAR-DARKSHADOW-COLOR: #fcfcd8;
SCROLLBAR-BASE-COLOR: #d8fcd8;
SCROLLBAR-HIGHLIGHT-COLOR: #b4d8fc;
SCROLLBAR-SHADOW-COLOR: #fcfcd8;
SCROLLBAR-TRACK-COLOR: #b4fcfc;
SCROLLBAR-3DLIGHT-COLOR: #d8fcfc
 
顏色 深藍凸軸 粉紅凸軸
語法  SCROLLBAR-ARROW-COLOR: #24b4b4;
 SCROLLBAR-FACE-COLOR: #486cfc;
 SCROLLBAR-DARKSHADOW-COLOR: #004890;
 SCROLLBAR-BASE-COLOR: #0048d8;
 SCROLLBAR-HIGHLIGHT-COLOR: #249090;
 SCROLLBAR-SHADOW-COLOR: #002400;
 SCROLLBAR-TRACK-COLOR: #6cb4fc;
 SCROLLBAR-3DLIGHT-COLOR: #48b4d8		  SCROLLBAR-ARROW-COLOR: #fcd8fc;
 SCROLLBAR-FACE-COLOR: #fcb4fc;
 SCROLLBAR-DARKSHADOW-COLOR: #fc90fc;
 SCROLLBAR-BASE-COLOR: #fcd8fc;
 SCROLLBAR-HIGHLIGHT-COLOR: #fcd8fc;
 SCROLLBAR-SHADOW-COLOR: #fcb4b4;
 SCROLLBAR-TRACK-COLOR: #fcd8fc;
 SCROLLBAR-3DLIGHT-COLOR: #fc90fc
 
顏色 桃紅凸軸 桃紅凹軸
語法  SCROLLBAR-ARROW-COLOR: #fcd8fc;
 SCROLLBAR-BASE-COLOR: #fc6c90;
 SCROLLBAR-3DLIGHT-COLOR: #fcfc90		  SCROLLBAR-ARROW-COLOR: #fc9090;
 SCROLLBAR-FACE-COLOR: #fc6c90;
 SCROLLBAR-DARKSHADOW-COLOR: #fc2490;
 SCROLLBAR-BASE-COLOR: #fc6c90;
 SCROLLBAR-HIGHLIGHT-COLOR: #fc2490;
 SCROLLBAR-SHADOW-COLOR: #fc90b4;
 SCROLLBAR-TRACK-COLOR: #fc90b4;
 SCROLLBAR-3DLIGHT-COLOR: #fc9090
 
顏色 粉紫凹軸 深紫凹軸
語法  SCROLLBAR-ARROW-COLOR: #d8b4d8;
 SCROLLBAR-FACE-COLOR: #d890d8;
 SCROLLBAR-DARKSHADOW-COLOR: #d890d8;
 SCROLLBAR-BASE-COLOR: #fc6c90;
 SCROLLBAR-HIGHLIGHT-COLOR: #d86cd8;
 SCROLLBAR-SHADOW-COLOR: #d8b4d8;
 SCROLLBAR-TRACK-COLOR: #d8b4d8;
 SCROLLBAR-3DLIGHT-COLOR: #fcd8fc		  SCROLLBAR-ARROW-COLOR: #b46cd8;
 SCROLLBAR-FACE-COLOR: #9048b4;
 SCROLLBAR-DARKSHADOW-COLOR: #902490;
 SCROLLBAR-BASE-COLOR: #fc6c90;
 SCROLLBAR-HIGHLIGHT-COLOR: #902490;
 SCROLLBAR-SHADOW-COLOR: #d890d8;
 SCROLLBAR-TRACK-COLOR: #b448fc;
 SCROLLBAR-3DLIGHT-COLOR: #d890d8
 
顏色 粉橘凹軸 淺綠凸軸
語法  SCROLLBAR-ARROW-COLOR: #fcb400;
 SCROLLBAR-FACE-COLOR: #fc9000;
 SCROLLBAR-DARKSHADOW-COLOR: #fc9000;
 SCROLLBAR-HIGHLIGHT-COLOR: #fc6c00;
 SCROLLBAR-SHADOW-COLOR: #fcd86c;
 SCROLLBAR-TRACK-COLOR: #fcd86c;
 SCROLLBAR-3DLIGHT-COLOR: #fcd86c		  SCROLLBAR-ARROW-COLOR: #d8fcb4;
 SCROLLBAR-FACE-COLOR: #90d86c;
 SCROLLBAR-DARKSHADOW-COLOR: #486c6c;
 SCROLLBAR-HIGHLIGHT-COLOR: #90d86c;
 SCROLLBAR-SHADOW-COLOR: #6cd800;
 SCROLLBAR-TRACK-COLOR: #d8fcb4;
 SCROLLBAR-3DLIGHT-COLOR: #d8fcb4
 
顏色 灰色凹軸 黑色凹軸
語法  SCROLLBAR-ARROW-COLOR: #d8d8d8;
 SCROLLBAR-FACE-COLOR: #909090;
 SCROLLBAR-DARKSHADOW-COLOR: #000000;
 SCROLLBAR-HIGHLIGHT-COLOR: #6c486c;
 SCROLLBAR-SHADOW-COLOR: #d8d8d8;
 SCROLLBAR-TRACK-COLOR: #d8d8d8;
 SCROLLBAR-3DLIGHT-COLOR: #b4b4b4		  SCROLLBAR-ARROW-COLOR: #96a5b4;
 SCROLLBAR-FACE-COLOR: #000000;
 SCROLLBAR-DARKSHADOW-COLOR: #000000;
 SCROLLBAR-HIGHLIGHT-COLOR: #000f00;
 SCROLLBAR-SHADOW-COLOR: #fcfcd8;
 SCROLLBAR-TRACK-COLOR: #000f00;
 SCROLLBAR-3DLIGHT-COLOR: #000f00



2、貼在網誌CSS樣式裡面
      body{  貼這裡 }
      
      如果放在文章裡，請貼
      #content{  貼這裡  }

       最新文章
       .boxNewArticle1{ 貼這裡  }

       網誌分類
       .boxCategory1{ 貼這裡  }

        最新回應
        .boxNewComment1{  貼這裡  }

 

祝使用愉快^_^ 

之後會在抽空不定期更新樣式，敬請期待。

 

如果妳覺得這篇不錯的話
請留個回應給我當獎勵喔 
不回應的話，我只好這樣做
 
本文歡迎轉載、引用，但請註明出處
圖片、檔案皆存放於本人空間
如欲再行分享，請上傳至自己的空間
勿以本人空間再行分享之實！
請注意網路禮儀！

本文引用自bubu938 - 【CSS語法】捲軸樣式分享（已更新自製樣式）

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 寶貝培培 的頭像
    寶貝培培

    寶貝培培的部落格

    寶貝培培 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄