Reģistrācijas lapa - uCoz sistēma - Vizuālie skripti

FORUMA LAPA

Lietotāju sarunas

BUZZ AMATU MEKLĒJUMOS | KONKURSS! IESPĒJA IEGŪT ESKLUZĪVU REKLĀMAS VIETU PORTĀLĀ!

Lappuse 1 no 1
1

Reģistrācijas lapa

wuxmachine

Pievienots: Trešdiena, 12.02.15, 02:03 | Ieraksts # 1 Offline

1. Dodamies uz User's registration page - /panel/?a=tmpl;m=4;t=2
2. Aizstājam visas lapas saturu ar šo kodu:

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>REĢISTRĀCIJA - $SITE_NAME$</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />

</head>
<body>


  <div id="container">
  <div id="container_reg">Reģistrācija</div>
  <div id="container_os">
  $BODY$
  </div>
  <div id="container_by" class="transparency">$POWERED_BY$</div>
  </div>

</body>
</html>

3. Dodamies uz User's registration form - /panel/?a=tmpl;m=4;t=9
4. Aizstājam visas tās saturu ar šo kodu (JA GRIBAT, LAI NEBŪTU KLASISKĀ UCOZ REĢISTRĀCIJAS FORMA)

Code

<div class="reg_error"><span class="red t_center">$ERROR$</span></div>
<div class="reg_title">LOGIN:</div><div class="reg_input"><input type="text" class="man_reg" name="user" value="" size="20" maxlength="25" /></div>
<div class="reg_otstup"></div>
<div class="reg_title">PAROLE:</div><div class="reg_input"><input type="password" class="man_reg" name="password" size="20" maxlength="15" /></div>
<div class="reg_otstup"></div>
<div class="reg_title_2">PAROLES APSTIPRINĀJUMS:</div><div class="reg_input"><input type="password" class="man_reg" name="password1" size="20" maxlength="15" /></div>
<div class="reg_otstup"></div>
<div class="reg_title">E-MAIL:</div><div class="reg_input"><input type="text" class="man_reg" name="email" size="20" value="" maxlength="60" onchange="_uWnd.alert('Pārliecinaties, ka Jūsu e-pasta adrese ir derīga, jo uz to tiks nosūtīts apstiprinājuma kods. Bez e-pasta apstiprināšanas nevarēsit veikt vairums piedāvāto darbību.','',{w:250,h:100,tm:5000});" /></div>
<div class="reg_otstup"></div>
<div class="reg_title">PILNS VĀRDS:</div><div class="reg_input"><input type="text" class="man_reg" name="name" size="20" value="" maxlength="35" /></div>
<div class="reg_otstup"></div>
<div class="reg_title">KODS:</div><div class="reg_input">$SECURITY_CODE_FL$</div>
<div class="reg_otstup"></div>
<div class="reg_knopka"><input class="knopka_reg" type="submit" name="sbm" value="$SUBMIT_SIGN$" /></div>

5. Dodamies uz CSS - /panel/?a=tmpl;m=3;t=3;f=1
6. Pašās beigās ievietojam šo kodu:

Code

/* REĢISTRĀCIJAS LAPA */

body {margin: 0 auto; padding: 0; width: 100%; height: 100%; background: url('FONA ATTĒLA LINKS') no-repeat top center #E8ECED;}
body,
td {font:11px Verdana,Arial,Helvetica, sans-serif; color:#555;}


a {text-decoration:none; outline: none;}
a:link {text-decoration:none; color:#2C68A6;}
a:visited {text-decoration:none; color:#2C68A6;}
a:hover {text-decoration:none; color:#60a62c;}
/* =================================*/

/*
= =================================*/
#container {margin: 0px auto; width:500px; height:100%;}
#container_os {margin: 0px 0px 0px 0px; background: #f6f6f6; border:1px solid #D2D1D3;}

/*
----------------------------------------------*/
.knopka_reg,
.man_reg,
#fCode,
#container_os {
   border-radius:6px;
   -webkit-border-radius:6px;
   -moz-border-radius:5px;
   -khtml-border-radius:10px;
}
/* -------------------------------------------*/

/*
----------------------------------------------*/
#container_reg {
   margin: 80px 5px 0px 0px;
   text-align:right;
   font: 145%/1.5 Verdana,Arial,Helvetica, sans-serif; color:#888;
   font-weight: bold;
   text-shadow: 1px 1px 1px #fff;
}

.reg_error {
   text-align:center;
   font:12px Verdana,Arial,Helvetica, sans-serif; color:#cf0607; font-weight: bold;
   padding: 10px 0px 0px 0px;
   }

.reg_title {
   width:150px;
   padding: 16px 0px 10px 0px;
}

.reg_input {
   width:328px;
   padding: 10px 20px 10px 0px;
}

.reg_title_2 {
   width:150px;
   padding: 10px 0px 10px 0px;
}

.reg_title_2,
.reg_title,
.reg_input {
   float:left;
   text-align:right;
   font:11px Verdana,Arial,Helvetica, sans-serif;
   color:#888;
   font-weight: bold;
   text-shadow: 1px 1px 1px #fff;
}

.man_reg {
   font:12px Verdana,Arial,Helvetica, sans-serif; color:#555;
   width:290px;
   background: #fff;
   border:1px solid #b3b3b3;
   padding: 6px 10px 6px 10px;
}

.reg_otstup {
   width:100%;
   height:0px;
   border-top: 1px solid #D2D1D3;
   border-bottom: 1px solid #fff;
   clear:left;
}

#fCode {
   font:12px Verdana,Arial,Helvetica, sans-serif; color:#555;
   width:105px;
   background: #fff;
   border:1px solid #b3b3b3;
   padding: 7px 10px 11px 10px;
   margin-right: 5px;
}

#container_by {
   text-align:right;
   padding: 5px 0px 5px 0px;
}
/* -------------------------------------------*/

   /* Poga reģistrācija
----------------------------------------------*/
   .reg_knopka {
   text-align:right;
   width:475px;
   clear:left;
   padding: 10px 20px 30px 0px;
}

.knopka_reg {
   background: #F6F6F6;
   background: -moz-linear-gradient(top, #fff, #F6F6F6);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#F6F6F6));
}

.knopka_reg:hover {
   background: #fff;
   border:1px solid #D2D1D3;
}

.knopka_reg,
.knopka_reg:hover {
   text-align:center;
   font:12px Verdana,Arial,Helvetica, sans-serif; color:#777; font-weight: bold;
   width:310px;
   padding: 5px 0px 5px 0px;
   border:1px solid #D2D1D3;
}
/* -------------------------------------------*/

/*
----------------------------------------------*/
.transparency a img {
   opacity:0.3;
   -moz-opacity:0.3;
   filter:alpha(opacity=40);
}

.transparency a:hover img {
   opacity:1.0;
   -moz-opacity:1.0;
   filter:alpha(opacity=100);
}
/* -------------------------------------------*/
/* =================================*/

Iznākums: ŠEIT