有時後覺得無名的登入區不太喜歡
可是修改無名的標籤又達不到自己想要的效果。該怎麼辦呢?
這個時候到不如自己重新做一個登入區,既乾脆又直接。接下來就讓我來敎大家吧 ^^
ps: 如果使用這個的話,就無法使用好友連結。=. =
詳細的原因我也不知道,因為太難的程式問題我不懂。想要的人就自己取捨吧
這邊先介紹作法,下一篇為實際上的範例 ( 按我連結 )
設定運行程式
下面這個程式主要是把 "自己做的登入區" 放到無名的標籤裡頭
#extraDiv6 {
behavior1: expression(
document.body.onload=function EX1(){
document.getElementById('extraDiv2').innerHTML=' 放置html語法 ';
} );
}
/* behavior1: 自定屬性名稱 */
/* onload : 當載入頁面時執行程式 */
/* extraDiv2 : 把載入的html語法放入 #extraDiv2 這個標籤裡 */
放置html語法 :
使用html 語法來重新做一個新的無名登入區,下圖為此登入區的自訂標籤
.powered 和原來的無名一樣,控制整個登入區
.a01 控制帳號密碼輸入區塊
.a02 控制打勾勾的地方
.a03 控制 input 方框
自訂登入區的語法:
" method="get" >
toocrazy">
/* 把上面淡藍色的字樣改成你自己的無名ID */
設定自己做的登入區
接下來設定自己做的登入區,可以改成自己喜歡的樣子
#extraDiv2 {
z-index: 20;
font-size: 10px;
text-align: left;
} /* 設定整個登入區 */
#extraDiv2 .a01 {
background: #fff;
font-size: 10px;
border: 1px solid #cfcfcf;;
height: 12px;
} /* 設定帳號密碼輸入區塊 */
#extraDiv2 .a02 {
visibility: hidden;
} /* 隱藏打勾勾的區塊 */
#extraDiv2 .a03 {
background:#ffc600;
color:#816413;
border:1px solid #cea002;
font-size:10px;
height:15px;
} /* 設定 input 方框 */
隱藏原來無名的登入區
由於在完成自訂登入區之後,原來的登入區還是存在,同時有兩個登入區會造成混亂,所以要把原來的給藏起來,至於如何藏來,在這裡我就不贅述了
大家發揮點創意吧 ^^ "