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語法加注中文,方便編輯修改

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


手機投屏 鏡屏 投影到大螢幕 連接藍芽麥克風 變身KTV

手機投屏 鏡屏 投影到大螢幕  連接藍芽麥克風 變身KTV 手機投屏 鏡屏 投影到大螢幕 為學習而記錄 為需要而記錄 避免冠上業配文 先公佈測試結論 請自行評估是否要用此法 測試環境 : 中華光世代光纖網路100M/40N 投影棒-個人街網拍定購 ...