 如何使用ET家族自訂CSS功能
(1) /*版位區*/ : 家族網站定位語法
/*背景*/
BODY {margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; background-color: #fcf9f2}
/*上方div版位*/
.topdiv {border: 0px; background-image: url(../CSS/template/A01/ET_1.jpg); background-position: right; background-repeat: no-repeat; text-align: right ; width:100%; height:194 px}
/*中間位置div版位*/
.middiv {border: 0px; width:100%; height:100%}
/*左方div版位*/
.leftdiv {margin-left: 2px; border: 0px ; float:left ; width:15%; height:100%; background-color: #fcf9f2}
/*右方div版位*/
.rightdiv {margin-right: 2px; border: 0px ; float:left ; width:15%; height:100%; background-color: #fcf9f2}
/*中間div版位*/
.maindiv {margin-left: 5px; border: 0px solid #0099FF; float:left ; WIDTH:66%;height:100%;background-color:#FFFFFF}
/*底部方div版位*/
.btndiv {border: 0px ; width:100%; height:50px; background-image: url(../CSS/template/A01/ET_1btnbk.jpg)}
/*TopLogo版位*/
.topLogodiv {margin-top: 0px; margin-left: 5px; margin-bottom: 0px ; float:left;text-align: left;}
/*右上方選項連結版位*/
.topLinkdiv {text-align: right; width:100%}
/*上方文章等選項區塊版位*/
.topSeldiv {vertical-align: bottom}
/*上方名稱版位*/
.topNamediv{height:130 px}
(2) /*上方文字與選項*/ : 家族網站上方文字的語法
/*家族標題*/
.txt_p1{font-size: 20px; color:#663300; font-weight: bolder; text-align: left}
/*上方文章,相簿,話題選項*/
.topMenudiv {margin-left:5px; float:left; font-size:15px; background-color:#8e766a; height:30px; position:relative }
.topMenudiv a {color:white; border:solid 1px #ceb9a8;text-decoration:none; display:block; line-height:30px}
.topMenudiv a:hover {background-color:#e6ded1; color:8e766a; border:solid 1px #ceb9a8; text-decoration:none; display:block; line-height:30px}
/*右上方文字連結選項*/
.topLink{text-align: right; vertical-align: top}
.topLink_a:link{font-size: 12px; color:#996600; text-decoration:none}
.topLink_a:visited{font-size: 12px; color:#996600; text-decoration:none}
.topLink_a:hover{font-size: 12px; color:#996600; text-decoration:underline}
(3) /*左右方選項區塊*/: 家族網站上方文字的語法
/*選項版位*/
.menudiv {width:100%}
/*選項第一層標題文字*/
.menuT01{width:100%; height:30 px; font-size: 15px; font-weight: bold; color: #996600; padding: 5px}
/*選項div版位*/
.menuC01{padding: 8px}
/*選項div底圖*/
.menuBk{background-image: url(../CSS/template/A01/ET_1S.jpg);background-repeat: no-repeat;background-position: left bottom; visibility: visible; height:140 px}
/*選項文字連結*/
.menuLink{text-align: right; vertical-align: top}
.menuLink_a:link{font-size: 12px; color:#996600; text-decoration:none}
.menuLink_a:visited{font-size: 12px; color:#996600; text-decoration:none}
.menuLink_a:hover{font-size: 12px; color:#996600; text-decoration:underline}
(4) /*底部btn文字說明*/: 家族網站下方文字的語法
.btnLink_a{font-size: 12px; color:#999999;font-family: Geneva, Arial, Helvetica, sans-serif;text-align: center}
.btnLink_a:link{font-size: 12px; color:##999999; text-decoration:none}
.btnLink_a:visited{font-size: 12px; color:##999999; text-decoration:none}
.btnLink_a:hover{font-size: 12px; color:#996600; text-decoration:underline}
(5) /*文章*/: 文章區的文字語法
/*文章標題*/
.menuT02{width:100%; height:30 px; font-size: 15px; font-weight: bold; padding: 5px; background-color: #f4f4f4}
/*文章標題div版位*/
.tb_def_box{border-right: gray 1px dotted; border-top: gray 1px dotted; border-left: gray 1px dotted; border-bottom: gray 1px dotted}
/*文章div版位*/
.menuC02{background-color: #FFFFFF; padding: 8px}
/*文章日期文字*/
.date01{font-size: 12px; color:#996600; font-family: Arial, Helvetica, sans-serif}
/*文章分頁顯示*/
.page01{font-size: 14px; color:#999999; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 30px; text-align: center;}
.page01:link{font-size: 14px; color:##999999; text-decoration:none}
.page01:visited{font-size: 14px; color:##999999; text-decoration:none}
.page01:hover{font-size: 14px; color:#996600; text-decoration:underline}
(6) /*日曆*/: 日曆的文字語法
/*日曆顯示有內容時粗體文字*/
A.caltxt:link{FONT-SIZE: 12px; COLOR: #663399;FONT-WEIGHT: bolder;TEXT-DECORATION: none}
A.caltxt:active{FONT-SIZE: 12px; COLOR: #663399;FONT-WEIGHT: bolder;TEXT-DECORATION: none}
A.caltxt:visited{FONT-SIZE: 12px; COLOR: #663399;FONT-WEIGHT: bolder;TEXT-DECORATION: none}
A.caltxt:hover {FONT-SIZE: 12px; COLOR:red;FONT-WEIGHT: bolder;TEXT-DECORATION: underline}
/*日曆中月標題以及上下連結*/
A.caltxt02:link {FONT-SIZE: 12px; COLOR: #ffffcc;FONT-WEIGHT: bolder;TEXT-DECORATION: underline}
A.caltxt02:active{FONT-SIZE: 12px; COLOR: #ffffcc;FONT-WEIGHT: bolder;TEXT-DECORATION: underline}
A.caltxt02:visited{FONT-SIZE: 12px; COLOR: #ffffcc;FONT-WEIGHT: bolder;TEXT-DECORATION: underline}
A.caltxt02:hover{FONT-SIZE: 12px; COLOR:red;FONT-WEIGHT: bolder;TEXT-DECORATION: underline}
/*日曆外框*/
.trcal01 {background-color: #ece9d8;border: 1px solid #CC9966}
/*日到六的儲存格*/
.tdcal01 {background-color: #ffcc66;font-size: 12px;color: #663399; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center;}
/*幾號(1~31)的儲存格*/
.tdcal02 {background-color: #ffffcc;font-size: 12px;color: #ffcc66; font-family: Arial, Helvetica, sans-serif; text-align: center}
/*幾月份的儲存格*/
.tdcal03 {background-color: #990000; font-size: 12px; color: #ffffcc; font-weight: bold; font-family: Arial, Helvetica, sans-serif}
/*本日的儲存格*/
.tdcaltoday {background-color: #ffcc66; font-size: 12px; color: black;font-family: Arial, Helvetica, sans-serif;}
(7) /*回應管理*/: 回應管理的文字語法
/*回應的作者文字連結*/
A.retxtusr01:link {FONT-SIZE: 12px; COLOR: #663399;FONT-WEIGHT: bolder;TEXT-DECORATION: underline}
A.retxtusr01:active {FONT-SIZE: 12px; COLOR: #663399;FONT-WEIGHT: bolder;TEXT-DECORATION: underline}
A.retxtusr01:visited {FONT-SIZE: 12px; COLOR: #663399;FONT-WEIGHT: bolder;TEXT-DECORATION: underline}
A.retxtusr01:hover {FONT-SIZE: 12px; COLOR:red;FONT-WEIGHT: bolder;TEXT-DECORATION: underline}
/*回應作者欄的框*/
.line_2 {border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #D6D6D6; font-size: 13px; text-align: right; color: #FDB064}
/*回應的內容文字*/
.retxt01 {FONT-SIZE: 15px; COLOR: #666666; line-height: 20px;}
/*姓名,E-Mail與網址*/
.retxt02 {FONT-SIZE: 12px; FONT-WEIGHT: bolder; COLOR: #794e26;}
/*回應標題*/
.reT01 {border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #d6c8b8; font-size: 15px; text-align: center; FONT-WEIGHT: bolder;
color: #FDB064}
/*各項欄位灰框*/
.box_gr_side {border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-left-style: solid; border-top-color: #d6d6d6; border-right-color: #d6d6d6; border-bottom-color: #d6d6d6; border-left-color: #d6d6d6;
background-color: #ffffff}
/*回應內容欄位*/
.box_renote_side {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid;
border-bottom-style: solid; border-left-style: solid; border-top-color: #d6d6d6; border-right-color: #d6d6d6; border-bottom-color: #d6d6d6; border-left-color: #d6d6d6;
background-image: url(repic.jpg)}
/*確定與取消按鈕*/
.box_btn_side {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid;
border-left-style: solid; border-top-color: #d6d6d6; border-right-color: #d6d6d6; border-bottom-color: #d6d6d6; border-left-color: #d6d6d6; background-color: #fafafa;
width: 60px; font-size: 12px; color: #666666}
(8) /*投票管理*/: 投票管理的文字語法
/*投票文字連結*/
A.votetxt01:link { FONT-SIZE: 12px; COLOR: #663399;FONT-WEIGHT: bolder;TEXT-DECORATION: underline}
A.votetxt01:active {FONT-SIZE: 12px; COLOR: #663399;FONT-WEIGHT: bolder;TEXT-DECORATION: underline}
A.votetxt01:visited {FONT-SIZE: 12px; COLOR: #663399;FONT-WEIGHT: bolder;TEXT-DECORATION: underline}
A.votetxt01:hover { FONT-SIZE: 12px; COLOR:red;FONT-WEIGHT: bolder;TEXT-DECORATION: underline}
/*投票日期*/
.votedate{font-size: 13px; text-align: right; COLOR: #666666; font-family: Arial, Helvetica, sans-serif}
/*投票內容說明*/
.votetxt01 {FONT-SIZE: 12px;COLOR: #666666; line-height: 30px}
/*投票結果說明*/
.votetxt02 {FONT-SIZE: 12px;COLOR: #794e26; line-height: 30px}
/*投票結果清單內容*/
.votetxt03 {FONT-SIZE: 15px;COLOR: #666666; line-height: 30px}
/*投票標題*/
.voteT01 { border-bottom-width: 1px; border-bottom-style: dotted;border-bottom-color: #d6c8b8;font-size: 15px;FONT-WEIGHT: bolder;color: #FDB064}
/*總票數*/
.voteT02 { font-size: 15px; FONT-WEIGHT: bolder; color: #663399}
/*清單標題*/
.voteT03 { font-size: 15px; FONT-WEIGHT: bolder; color: #FDB064; background-color: #FFFFE6}
|