2007年4月27日 星期五

置換奇摩頂端欄位圖片、透明化

置換頂端欄位圖片、透明化、消失

是一種悲哀吧 ~教導奇摩部落格教學文章

必須借這 google 部落格才能順利呈現

奇摩部落格頂端欄位背景透明化

314新增 教學達人:瀟湘娘子

透明頂端語法是在 瀟湘娘子 部落格看到

擷取 瀟湘娘子 的語法做教學

透明語法方便大家要回自己部落格或進入管理後台

預留出路,只將頂端透明化,還能依稀看到奇摩相關功能

請從 管理部落格 進入→面板設定自訂樣式-將下列語法貼上即可

奇摩部落格頂端欄位背景透明化語法

/*Master header置頂欄位文字消失*/

#yhtw_masthead{color:#666; background:#c5c5c5;filter:alpha(opacity=0); opacity:1; moz-opacity:1;}

#yhtw_masthead a,

#yhtw_masthead a:link,

#yhtw_masthead a:visited,

#yhtw_masthead a:hover{color:#fff;}

#yhtw_masthead .mhuser q{display:none;}

透明頂端欄位圖示↓:清爽多了


還有一招更狠的 就是讓奇摩頂端跟頁末宣告全都消失
/* 隱藏頁首和頁尾 */

#yhtw_masthead,
#yhtw_mastfoot{display:none;}

此語法特定研究教學達人群部落格

白開水
http://tw.myblog.yahoo.com/xo-blog/

玄音
http://tw.myblog.yahoo.com/jw!uSQuxCuICkYsLN62.y8z/profile

小正正
http://tw.myblog.yahoo.com/jw!zgAORkqRHBbKX66LclW6Tzshow--/article?mid=42

延伸教學:
頂端功能欄更換背景語法教學
http://tw.myblog.yahoo.com/monkey_014148/article?mid=1436&prev=1551&next=1431&l=f&fid=33

頂端功能欄更換背景語法↓

請從 管理部落格 進入→面板設定自訂樣式-將下列語法貼上即可

/*Master header頂端功能欄更換背景語法*/

#yhtw_masthead{background-image: urlhttp://sheng.phy.nknu.edu.tw/back060098.gif);color:#000080;filter:alpha(opacity=50);
opacity:0.30; moz-opacity:0.5;}

#yhtw_masthead a,#yhtw_masthead a:link,

#yhtw_mastheada:visited,

#yhtw_masthead a:hover{color:#000080;}

語法說明↓

/*Master header*/
#yhtw_masthead{background-image:

url(http://sheng.phy.nknu.edu.tw/back060098.gif);--←紅色部分更換圖檔

color:#000080;filter:alpha(opacity=50); opacity:0.30; moz-opacity:0.5;}

#yhtw_masthead a,#yhtw_masthead a:link,

#yhtw_masthead a:visited,

#yhtw_masthead a:hover{color:#000080;}--←#更換文字顏色色碼

有背景欄位圖示:

色碼錶參考網↓
色碼選擇器
背景色彩選擇器
色碼表

更換法:

建議先將舊有CSS語法複製備用

請從 管理部落格 進入→面板設定自訂樣式-將下列語法貼上即可


編輯修改css語法要覆蓋住原有的這段語法↓

/*Master header*/

#yhtw_masthead{background-image: url(http://sheng.phy.nknu.edu.tw/back060098.gif);

color:#000080;filter:alpha(opacity=50); opacity:0.30; moz-opacity:0.5;}

#yhtw_masthead a,

#yhtw_masthead a:link,

#yhtw_mastheada:visited,

#yhtw_masthead a:hover{color:#000080;}

注意:

如果 css語法 過於雜亂沒整理

是很容易讓語法相互衝突,而無期待效果呈現

檢查語法衝突是需要花長時間 測試 找尋

強烈建議

套用314製作的
css 範本

314特定將每段css語法加注中文,方便編輯修改

再慢慢修改成你想要的效果