24h購物| | PChome| 登入
2010-03-22 16:59:59 | 人氣44| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】喵喵心型古典美女圖文編輯框架~66上篇+透明捲軸教學

推薦 0 收藏 0 轉貼0 訂閱站台

 

 

如果開啟網頁速度緩慢 請按滑鼠右鍵 點 內容 確定。

 

 
 
快點兩下
反白頭至尾的文字
 
 
 
 
 
貼上新編的內容
 
 
 
 
 
 
 
 
快點兩下
反白頭至尾的文字
 
 
 
 
 
貼上新編內容
 
 
 
 
 
 
 
 
快點兩下
反白頭至尾的文字
 
 
 
 
 
貼上新編的內容
 
 
 
 
 
 
 
 
快點兩下
反白頭至尾的文字
 
 
 
 
 
貼上新編的內容
 
 
 
 
 
 
 
 
快點兩下
反白頭至尾的文字
 
 
 
 
 
貼上新編內容
 
 
 
 
 
 
 
 
 
快點兩下
反白頭至尾的文字
 
 
 
 
 
貼上新編內容
 
 
 
 
 
 
 
每一個不同顏色的版型所呈現出來的捲軸透明度都不一樣,因為雅虎已經不支援部分透明捲軸語法(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:// ) center top #BA243A:repeat;background-color:#FCB6C1}
 
底色即為FCB6C1,將捲軸其它顏色均設為版型底圖的顏色 FCB6C1  即可變透明囉。
 
 
感謝 雲濤夢筆  美圖素材分享
 

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


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

台長: 落葉之楓

是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文