喵喵心型古典美女圖文編輯框架~66上篇+透明捲軸教學

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

 

要更改的方法其實很簡單，只要把捲軸的色碼更改為自己版型底圖的色碼即可。(另版型有外加底圖者，就只有請自行在色碼表裡搭配找出相容的底色囉，喵仔無法全部顧慮周全滴，拍謝啦!)

 

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

 

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

 

 

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

 

<div align=left>
<div style="SCROLLBAR-ARROW-COLOR: #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"><font color=#000000 face=標楷體>

 

 

/*註解*/

<div align=left>
<div style="SCROLLBAR-ARROW-COLOR: #上下三角箭頭; 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: #左方立體邊"><font color=#000000 face=標楷體>

 

 

/*秘訣*/

除了 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:// ) center top #BA243A:repeat;background-color:#FCB6C1}

 

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