close
轉載至:毛媽的隨手札記

毛媽今天把旁邊的几個區塊用成了捲軸(如圖),覺得那樣子比較不佔板面,方法很簡單,

只要在你網誌的css下加几個設定就可以了,高度和捲軸顏色都可自己定,

若不想自己再去調捲軸顏色,請到這裡有調好的樣板了===>樣板在這

若想要自己設也可以,色碼表在這====>色碼表


最新文章先找到 .boxNewArticle1 <===最前方有個小點也要哦
設定如下                             (高度)
.boxNewArticle1 {height: 220px; overflow: auto; 
scrollbar-arrow-color: #E0F5FF;
     ==========>
scrollbar-face-color: #A3E2FF;                                
scrollbar-track-color: #C2ECFF;                              
scrollbar-3dlight-color: #fff;                                       
scrollbar-highlight-color: #60CDFF;                       
scrollbar-shadow-color: #E0F5FF;                         
scrollbar-darkshadow-Color: #60CDFF;}
======>
最新回應找 .boxNewComment1 捲軸顏色都可以自己更改
                                                      高度
.boxNewComment1 {height: 250px; overflow: auto; 
scrollbar-arrow-color: #E0F5FF;
scrollbar-face-color: #A3E2FF;
scrollbar-track-color: #C2ECFF;
scrollbar-3dlight-color: #fff;
scrollbar-highlight-color: #60CDFF;
scrollbar-shadow-color: #E0F5FF;
scrollbar-darkshadow-Color: #60CDFF;} 
我的訂閱中找到 .boxRssList1
                                         高度
.boxRssList1{height: 150px; overflow: auto; 
scrollbar-arrow-color: #E0F5FF;
scrollbar-face-color: #A3E2FF;
scrollbar-track-color: #C2ECFF;
scrollbar-3dlight-color: #fff;
scrollbar-highlight-color: #60CDFF;
scrollbar-shadow-color: #E0F5FF;
scrollbar-darkshadow-Color: #60CDFF;} 
最新引用找到 .boxNewTrackback1
                                                     高度
.boxNewTrackback1{height: 200px; overflow: auto; 
scrollbar-arrow-color: #E0F5FF;
scrollbar-face-color: #A3E2FF;
scrollbar-track-color: #C2ECFF;
scrollbar-3dlight-color: #fff;
scrollbar-highlight-color: #60CDFF;
scrollbar-shadow-color: #E0F5FF;
scrollbar-darkshadow-Color: #60CDFF;}

 
作個小調整,網誌變的美美又不佔位子哦...以上標籤若找不到也可以自己加入..

希望你也有個美美的網誌哦....


而你要是想像毛媽一樣在資料夾中用捲軸的話

只要在資料夾中開新連結.然後再用以下的語法



一樣高和寬都可以自定


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 yuancian 的頭像
    yuancian

    雨後的一道彩虹-藍寶

    yuancian 發表在 痞客邦 留言(0) 人氣()