bug好多,而且都是我的個人特殊習慣造成orz
新番收完沒事做,把所有在『樣式選擇』有回應的帳號網誌通通點來看看XD
看到很多分身感到很奇妙XD 但是也看到有位仁兄發現bug啦XD
原來輸入驗證碼的區域忘了設邊框XD (造成想打字找不到地方 囧)
我自己是預設回應不用輸入驗證碼(除非有機器人攻擊),從以前在有名大站就是如此
因此公開前的檢測完全忘了這回事XD
→ 『發表迴響CSS』請到[這]下載CSS後貼上~(有註解的請點這)
這是新舊版的比較
機器人驗證碼設定的地方是
#commentAuth.txt { /*驗證碼輸入欄*/
border: 1px dashed #aa5912; /*邊框和其他的都設定成一樣*/
position: relative; /*位置相對,讓圖片可以隨意浮動*/
width: 60%; /*欄位寬度比例,慢慢調到剛剛好、不會變成兩行的長度~*/
margin-top: 10px; /*為了使輸入欄垂直置中*/
margin-right: 10px; /*邊框的右邊和圖片有點距離比較好看*/
color: #ff875a; /*文字顏色*/
}
img.captchapict { /*機器人驗證碼圖片*/
position: relative;
float: right; /*浮動到右邊*/
border: 0px dashed #aa5912; /*本來是想設邊框,感覺很可愛,但是後來又算了XD*/
}
編輯發表迴響CSS的地方。(沒有分模板,全部都一樣)
[CSS全部如下]
→ 此CSS為「輸入文章回應的彈跳式新視窗」的樣式 (有註解版)
→ 禁止使用於pixnet以外的地方。
→ 可以自己修改,但若要再發表還是請先告知喔^_^
background: #5d2616;
width: 640px;
text-align: center;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #5d2616;
scrollbar-3dlight-color: #5d2616;
scrollbar-darkshadow-color: #5d2616;
scrollbar-shadow-color: #5d2616;
scrollbar-arrow-color: #5d2616;
scrollbar-track-color: #5d2616;
}
body#commentPost {
cursor: url(http://stu.ntue.edu.tw/~s9202221/other/lantern.ani);
margin: 0px;
color: #ffffff;
font-size: 10pt;
height: 600px;
}
body#commentPost a {
cursor: url(http://stu.ntue.edu.tw/~s9202221/other/link_bf.ani);
}
body#commentPost #Container {
background: url(http://i5.photobucket.com/albums/y200/hana36kkk/my/pixnet/Comments.gif) top left no-repeat #000;
margin: 0px 10px 0px 10px;
width: 640px;
text-align: left;
}
body#commentPost h3 {/*最上方的圖*/
height: 10px;
}
body#commentPost h3 span {
display: none;
}
body#commentPost h4 {/*這篇文章的原標題底圖*/
height: 58px !important;
height: 34px ;
padding-top: 5px;
margin-top: 0px;
margin-bottom: 0px;
}
body#commentPost h4 span {
display: none;
}
body#commentPost span.aTopic {/*這篇文章的原標題*/
display: inline;
margin-left: 80px;
font-size: 14pt;
color: #482000;
}
body#commentPost .tbHeader {/*留言標題.您的暱稱.悄悄話.電子郵件.個人網頁等文字欄*/
width: 100px;
color: #face6f;
text-align: left;
}
body#commentPost td.tbHeader input {/*最下方的[留言]按鈕*/
border: 2px dashed #000 !important;
border: 4px dashed #aa5912;
padding: 5px !important;
padding: 3px;
background: #aa5912;
text-align: center;
font-size: 12pt;
}
body#commentPost .tbCont {
border: 0px dashed #F1F1F1;
}
body#commentPost input {
background: none;
border: 0px dashed #aa5912;
color: #face6f;
text-align: left;
}
body#commentPost #commentName.txt {/*使用自訂暱輸入欄位*/
width: 430px;
border: 1px dashed #aa5912;
}
body#commentPost #commentEmail.txt,body#commentPost #commentWeb.txt,body#commentPost #commentTitle.txt {
width: 456px;
border: 1px dashed #aa5912;
}
#commentAuth.txt {/*輸入驗證碼*/
border: 1px dashed #aa5912;
position: relative;
width: 60%;
margin-top: 10px;
margin-right: 10px;
color: #ff875a;
}
img.captchapict {/*機器人驗證碼圖片*/
position: relative;
float: right;
border: 0px dashed #aa5912;
}
body#commentPost textarea {/*輸入留言的欄位*/
width: 100%;
height: 200px !important;/*important勿刪*/
border: 1px dashed #aa5912;
color: #ffffff;
text-align: left;
background: none;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #5d2616;
scrollbar-3dlight-color: #5d2616;
scrollbar-darkshadow-color: #5d2616;
scrollbar-shadow-color: #5d2616;
scrollbar-arrow-color: #5d2616;
scrollbar-track-color: #5d2616;
}
body#commentPost .required {/*[*為必填欄位]的紅色提示文字*/
color: #c60000;
text-align: left;
font-size: 12px;
}
body#commentPost td.tbHeader .required {/*[*為必填欄位]的紅點*/
font-size: 15pt;
}
body#commentPost label {
font-size: 100%;
}
body#commentPost table.Comment {
margin: 0 auto;
width: 600px;
background: url(http://i5.photobucket.com/albums/y200/hana36kkk/my/pixnet/Content_09.jpg) center center repeat #000;
}
body#commentPost table.Comment td {
padding: 5px;
text-align: left;
}
body#commentPost table.noComment td {/*您的暱稱的顯示區域文字*/
border: 0px;
padding: 0px;
text-align: left;
}
/* CSS end */
留言列表