創作內容

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 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:因為不是對的人,所以分開... 後一篇:巴哈套用紫──加上文字附...

追蹤私訊切換新版閱覽

作品資料夾

ricky112277小說連載更新
《畫槌錄》今晚八點更新!看更多我要大聲說昨天13:45


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】