close

有時後覺得無名的登入區不太喜歡
可是修改無名的標籤又達不到自己想要的效果。該怎麼辦呢?
這個時候到不如自己重新做一個登入區,既乾脆又直接。接下來就讓我來敎大家吧 ^^

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 方框




自訂登入區的語法:



toocrazy">
 
 



http://www.wretch.cc/blog/blog.php
" 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 方框 */



隱藏原來無名的登入區
由於在完成自訂登入區之後,原來的登入區還是存在,同時有兩個登入區會造成混亂,所以要把原來的給藏起來,至於如何藏來,在這裡我就不贅述了
大家發揮點創意吧 ^^ "




arrow
arrow
    全站熱搜
    創作者介紹
    創作者 toocrazy 的頭像
    toocrazy

    2/1的藝術家

    toocrazy 發表在 痞客邦 留言(1) 人氣()