【網誌CSS】最新文章、回應、引用加捲軸－用照片紀錄感動- 美安購物顧問

注意注意!

發表最新文章太多或回應數量太多導致版面太長而煩惱嗎？

加入以下語法把它通通變成自己喜愛的顏色捲軸

這樣就能縮小很多版面..看起來也比較舒服喔~

●最新文章加捲軸●

複製語法：

.boxNewArticle1 { height:高度數值px; overflow: auto; /*設定高度 */ scrollbar-arrow-color:#色碼; /*箭頭的顏色*/ scrollbar-face-color:#色碼; /*軸面顏色*/ scrollbar-track-color:#色碼; /*軸軌的顏色*/ scrollbar-3dlight-color:#色碼; /*左立體邊顏色 */ scrollbar-highlight-color:#色碼; /*軸面三角左邊顏色 */ scrollbar-shadow-color:#色碼; /*軸面三角右邊顏色 */ scrollbar-darkshadow-Color:#色碼;} /*右立體面顏色 */

●最新回應加捲軸●

複製語法：

#boxNewComment .boxNewComment1 .side { height:高度數值px; OVERFLOW: auto; scrollbar-arrow-color:#色碼; /*箭頭的顏色*/ scrollbar-face-color:#色碼; /*軸面顏色*/ scrollbar-track-color:#色碼; /*軸軌的顏色*/ scrollbar-3dlight-color:#色碼; /*左立體邊顏色 */ scrollbar-highlight-color:#色碼; /*軸面三角左邊顏色 */ scrollbar-shadow-color:#色碼; /*軸面三角右邊顏色 */ scrollbar-darkshadow-Color:#色碼;} /*右立體面顏色 */

●最新引用加捲軸 ●

複製語法：

.boxNewTrackback1{ height:高度數值px; overflow: auto; /*設定高度 */ scrollbar-arrow-color:#色碼; /*箭頭的顏色*/ scrollbar-face-color:#色碼; /*軸面顏色*/ scrollbar-track-color:#色碼; /*軸軌的顏色*/ scrollbar-3dlight-color:#色碼; /*左立體邊顏色 */ scrollbar-highlight-color:#色碼; /*軸面三角左邊顏色 */ scrollbar-shadow-color:#色碼; /*軸面三角右邊顏色 */ scrollbar-darkshadow-Color:#色碼;} /*右立體面顏色 */

◎滑鼠連點3下即可全選複製語法。

●不知道顏色代碼請參考： ●色碼表●