快速透視、示顯頭頂工具列

喜歡原創 不隨波遂流!

如有引用請用原文、留言! 

"一寸光陰一寸金" 時間不等人! 不少網友慣用的自定欄位輸入空間巳經爆滿, 請自行掉配空間! 在其他自定欄位輸入語法, 繼續美化!

記得將語法全部放進一對 <style></style> 之間包着即可!! 我不遂個寫了!

欄位名稱、語法動作順序中、英對照!

*      *      *

現在的 Y blog 開放了很多, 一些從前只能用在別的網誌上的語法, 現在也可在這裏套用上! 使得語法更精簡, 對一些效果更方便、快捷! 強而有力!

不少 bloggers 走到裏那也喜歡在工具列上美化或將之拿掉! 這我覺得始終都是用網誌的服務, 留個面的好!

連續兩篇介紹過相關的一些細項調較, 接下來做透視就漂亮得多! 要透視效果令版面全個人化, 又保留工具列, 以便其他 bloggers 使用, 配搭 hover 語法調較再顯示就行了!

示範圖:  

*      *      *

首先了解一下透視語法是怎樣調較透視度吧!

filter 是濾鏡, alpha 是調較透視度的濾鏡種類, opacity 是調較透視度。

IE 用的語法例子是: filter:alpha(opacity=50); 即有半透明效果!

透明到實色: 度數由 1 ~ 100。 度數越細越透明。
Firefox 用的語法例子是: opacity:0.50; 度數越細越透明。

透明到實色: 度數由 0.0 ~ 1。

*      *      *

這次示範只徹去 logo , 把工具列主背景、中間背景、分隔線轉色!

語法:

#asb-nav-logo{background:none;}

#asb-uh, #asb-nav, #asb-nav .nav-item .divider{background-color:skyblue;}

順便補充一下主背景是指工具列的全長, 中間背景是指有 Y logo、文字及按扭的範圍!

*      *      *

美化了小項, 加上以下兩句便可輕易將工具列快速透視與顯示!

語法:

/*頭頂工具列快速透視、hover 示顯*/
#asb-uh{opacity:0.0;filter:alpha(Opacity=0);}


#asb-uh:hover{opacity:0.2;filter:alpha(Opacity=20);}

***測試、制作及編寫下過心機, 用了時間,
如引用語法或文章資料請連同我 blog Logo  一併帶走!