1 GP
回應文】Q&A:右下半透、次選分隔、文字輸欄…
作者:莉薇婭莞夢│2009-03-12 10:19:31│巴幣:0│人氣:623
【此為回應備份文】
Q&A為針對來信者問題方向回應,僅作為提問者預備文。
或其他使用者參考用,不保證適合所有網友修改步驟。
您好:
● 為方便複製,正確參考設定不加行頭空格。
● 請將視窗瀏覽「字形」依需求調整適當大小方便您瀏覽參考。
▇▇▇【半透明設定】▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
● 適用ie瀏覽器的語法,請加入預設半透明的位置。
● 請先設定網頁背景圖以及欄位之背景色設定以便效果呈現。
background:#色碼;
● 適用ie的,透明度由0~100設定,100為不透明,0為全透明。
FILTER: Alpha(opacity=60);
● 適用火狐,可與ie的半透明並存,方便火狐使用者有相同的視覺感受。
-moz-opacity: 0.6;
● 完整說明:
┌*×*×*-【半透明修正開始】
● 範例
/*右下表單─資料區*/
.postboxin {
background:#b0c4de;
FILTER: Alpha(opacity=60);
-moz-opacity: 0.6;}
● 請將您設濾鏡效果以前述語法取代,濾鏡效果樣式如下。
filter:Alpha(opacity=100,finishOpacity=0,style=1);
● 您的設定,請如虛線後修改
.postbox2 {
background-color:transparent;
filter:Alpha(opacity=100,finishOpacity=0,style=1);
}
------修改參考------
● 記得修改色碼為正確的顏色設定喔。
.postbox2 {
background-color:#色碼;
filter:Alpha(opacity=60);
}
└*×*×*-【半透明修正結束】
▇▇▇【次選單與主選單的連接分隔線】▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
● 關於您說的一像素空格,建議您把下述內容完全取代您目前語法的設定。
● 完整設定,建議請整個取代次選單的位置,或請參考修改更正您的設定。
/*無次選單狀態─次選單與主選單連接部分*/
.menubarA1{ background:none;border:0px solid #CCCCCC;}
/*無次選單狀態─次選單結束部分*/
.menubarA2{ background:none;border:0px solid #CCCCCC;}
/*有次選單狀態─次選單與主選單連接部分*/
.menubarB1{ background:none;border:0px solid #CCCCCC;}
/*有次選單狀態─放次選單按鈕的背景色*/
.menubarB3{ background:none;}
/*有次選單狀態─次選單結束部分*/
.menubarB2{ background:none;}
┌*×*×*-【分隔線詭異1像素空格修正開始】
● 下方為您的問題設定,有語法設定上錯誤。
● 若不將"有選單"時同完整設定,請對照虛線後的說明修正。
.menubarA1{
background-color:transparent;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:0px;
border-bottom:1px solid #5CBAC8;
}
/*次選單與主選單連接部分*/
.menubarA1{
background:none;
/*無背景設定。要設定也可以自行調整。*/
border:0px;
/*如語的窩沒有那個藍白的分隔線就是這邊設定的。*/
height:0px;
}
/*次選單結束部分*/
.menubarA2{
border:1px;
-------修改參考-------
● 重複語法有多餘,可能導致語法宣告問題,請刪除您「.menubarA1」全數
● 在已刪除「.menubarA1」同一位置貼上下述語法,不需再更動任何
.menubarA1{
background:none;border:0px solid #CCCCCC;
}/*次選單與主選單連接部分*/
.menubarA2{
background:none;border:0px solid #CCCCCC;
}/*次選單結束部分*/
● 次選單連接部分雖然後來的語法執行覆蓋前面語法的工作,但是多餘的語
法總需要避免。因此請刪除不必要的部分,以新的設定群組取代。
● 次選單結束部分您忘了加"}",且因為設定了border:1px;所以有多餘的1
像素空位。
└*×*×*-【分隔線詭異1像素空格修正結束】
▇▇▇【文字輸入欄】▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
● 依我所知道的,設定高度會影響全部的輸入欄,所以我不建議只留一種輸
入欄設定。
● 如果您的輸入欄想修改,對於留言輸入欄的高度,請針對「textarea」增
加高度修改。而「.home_input2」則做顏色等等的變化設定。
/*欄位─文字輸入欄位*/
.home_input2{
font-size:13px;
color:#b5daff;
border:1px solid #D5D5D5;
background-color:#486EB4;}
/*欄位─文字輸入欄位。外加版本,要使用的話刪掉前後符號。*/
textarea {
background-color:#486EB4;
height:300px;}
● 這邊的我比較不了解,但您可以試試看。這邊提供目前我家保留的設定。
=====
● 回應:補充問題一 標題與內文同色?
部落格標題剛剛我瀏覽過,它是正常的喔,並沒有和內文相同。
若您看時依然有問題在跟我說狀況。
● 回應:補充問題二 如何單獨修改內文顏色與字型等等
請參考↓
【小屋】CSS自訂版面:進階─部落閣:文章內容的預設字篇
http://home.gamer.com.tw/blogDetail.php?owner=indream228&sn=243
● 回應:補充問題三 COVER圖消失了!?
原則上您若將前一封語法說的"}"補上,在它之後的全部設定將會正常。
若是仍有問題再來信告知。
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=953497
All rights reserved. 版權所有,保留一切權利
相關創作
留言共 1 篇留言
苙呰唲:
有一種似曾相似的感覺(思)
03-13 15:39
莉薇婭莞夢:
怎說@@?
不過這些問題有點把以前的教學翻出來再回應一次就是了ˊˇˋ
03-13 17:46
我要留言提醒:您尚未登入,請先
登入再留言
1喜歡★indream228 可決定是否刪除您的留言,請勿發表違反站規文字。
前一篇:因為不是對的人,所以分開...
後一篇:巴哈套用紫──加上文字附...