喵喵心型古典美女圖文編輯框架~66上篇+透明捲軸教學 ~990322~－bambooyeh的部落格

快點兩下

反白頭至尾的文字

貼上新編的內容

快點兩下

反白頭至尾的文字

貼上新編內容

快點兩下

反白頭至尾的文字

貼上新編的內容

快點兩下

反白頭至尾的文字

貼上新編的內容

快點兩下

反白頭至尾的文字

貼上新編內容

快點兩下

反白頭至尾的文字

貼上新編內容

每一個不同顏色的版型所呈現出來的捲軸透明度都不一樣，因為雅虎已經不支援部分透明捲軸語法(FILTER: Chroma( Color = #軸面色彩); )，所以我們必須要靠自己版型的底圖顏色來掩蓋不搭調的捲軸顏色，so~各位引用回去或是要使用這一篇編輯框架的朋友們就必須要自己先更改自己捲軸的顏色囉。不改也沒有關係啦，只是旁邊捲軸的顏色可能就是不搭調的顏色囉!

要更改的方法其實很簡單，只要把捲軸的色碼更改為自己版型底圖的色碼即可。

如果您的版型底圖為#000000(黑色)，您只要把捲軸裡面的色碼全部改為 #000000 就OK啦。

記得先點入觀看HTML原始碼在裡面更改捲軸的色碼喲。

~下面是詳細的說明希望大家都可以輕易上手喲。~

/*如上(第一款)範例捲軸語法如下*/

fcb6c1

; SCROLLBAR-FACE-COLOR: #fcb6c1; MARGIN-TOP: 0px; WIDTH: 428px; SCROLLBAR-DARKSHADOW-COLOR: #fcb6c1; HEIGHT: 280px; SCROLLBAR-HIGHLIGHT-COLOR: #fcb6c1; MARGIN-LEFT: 100px; SCROLLBAR-SHADOW-COLOR: #fcb6c1; OVERFLOW: auto; SCROLLBAR-3DLIGHT-COLOR: #fcb6c1">

/*註解*/

上下三角箭頭

; SCROLLBAR-FACE-COLOR: #軸軌顏色; MARGIN-TOP: 調整文字內容靠上端的位置px; WIDTH: 整文字內容的顯示寬度px; SCROLLBAR-DARKSHADOW-COLOR: #右方立體邊; HEIGHT: 整文字內容的顯示高度px; SCROLLBAR-HIGHLIGHT-COLOR: #軸面左內邊; MARGIN-LEFT: 調整文字內容靠左側的位置px; SCROLLBAR-SHADOW-COLOR: #軸面右內邊; OVERFLOW: auto; SCROLLBAR-3DLIGHT-COLOR: #左方立體邊">

/*秘訣*/

除了 SCROLLBAR-ARROW-COLOR: #上下三角箭頭; 的顏色可以另配色之外（當然如不想顯示的話，裡面捲軸色碼均可全部使用自己線上版型的底色即可，讓捲軸變成同樣顏色，觀看起來就像透明的捲軸囉），其它顏色均使用自己版型底色的顏色即可將捲軸看起來透明化了。如喵仔的CSS自訂樣式裡的版型底圖範例為~

/*大標題圖背景重覆底背景設定*/
body {background:url(http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book238/12684642262.gif ) center top transparent no-repeat;}
html {background:url(http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book238/12684642181.gif ) center top #BA243A:repeat;background-color:#FCB6C1}

底色即為FCB6C1，將捲軸其它顏色均設為版型底圖的顏色 FCB6C1 即可變透明囉。

感謝雲濤夢筆美圖素材分享

圖片來源自網路
版權屬原創者所有
請勿用做商業用途
感謝原創資源分享
如有侵權懇請告知刪除
ღ建議操作程序ღ
先在內文用滑鼠左鍵快點兩下使其周邊呈現白色虛框始可編輯。
反白頭至尾的文字
再貼上新編內文即可。
文字顏色大小圖片都可以自行更換隨您自己運用創作

ღ引用請整篇引用ღ
ღ也請帶走LOGOღ
ღ喵喵感謝您ღ