置換頂端欄位圖片、透明化、消失
是一種悲哀吧 ~教導奇摩部落格教學文章
必須借這 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語法加注中文,方便編輯修改