Pentru a accesa toate paginile forumului
te rugăm să te înregistrezi
[ Cereri şabloane · Ultimile postări · Membrii · Regulamentul forumului · Căutare · RSS · Photoshop ]
  • Pagina 1 din 1
  • 1
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Aspecte » Aspectul Formularului de Autentificare
Aspectul Formularului de Autentificare
StapanulData: Luni, 2012-06-18, 9:30 PM | Mesaj # 1
Neconectat
 Instalare: Panoul de control - Design - Administrarea design-ului (şabloane) - Utilizatori [Formular înregistrare utilizator] - şi schimbaţi tot cu:

Code
<div style="width: 180px;">      
      <table border="0" cellpadding="0" cellspacing="1" width="100%">      
      <tbody><tr><td colspan="2" style="color: red; text-align: center;">      
      <br>$ERROR$</td>      
      </tr><tr><td width="20%" nowrap="nowrap"><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Logare/lacat.png" align="" border="0" width="48" height="42">$UID_ICON$</td>      
      <td><input class="loginField" name="user" value="" size="20" style="width: 100%;" maxlength="50" type="text"></td></tr>      
      <tr><td><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Logare/iesire.png" align="" border="0" width="48" height="26"></td><td><input class="loginField" name="password" size="20" style="width: 100%;" maxlength="15" type="password"></td></tr></tbody></table>      
      <table border="0" cellpadding="0" cellspacing="1" width="100%">      
      <tbody><tr><td nowrap="nowrap"><input id="rem$PAGE_ID$" name="rem" value="1" checked="checked" type="checkbox"><label for="rem$PAGE_ID$">Memorează</label> <br><input id="hid$PAGE_ID$" name="hidden" value="1" type="checkbox"><label for="hid$PAGE_ID$">Ascunde</label></td><td align="right" valign="top"><input class="loginButton" name="sbm" value="Intră" type="submit"></td></tr>      
      <tr><td colspan="2"><div style="font-size: 7pt; text-align: center;"><a href="$REMINDER_LINK$">Am uitat parola</a> · <a href="$REGISTER_LINK$">Înregistrare</a></div></td></tr></tbody></table>      
      </div>


Rezultatul:

Pomul se cunoaşte după roade, omul după fapte.
 
StapanulData: Luni, 2012-06-18, 9:37 PM | Mesaj # 2
Neconectat
 Pasul 1: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugaţi la urmă codul:

Code
/* Autentificare */
#userbox {text-shadow:0 -1px 0 #446b81;color:#fff;font:normal 14px Trebuchet MS,Arial,Tahoma,Verdana;display:none;position:fixed;top:50%;left:50%;padding:29px 33px 0;width:250px;margin-left:-158px;margin-top:-140px;height:281px;background:url('http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/user_box.png') no-repeat 0 0;}
#userbox a {color:#fff;text-decoration:none;}
#userbox a:hover {text-decoration:underline;}
#userbox span#nm {font:bold 26px Trebuchet MS,Arial,Tahoma,Verdana;margin-bottom:18px;display:block;}
#userbox #cls {width:25px;height:25px;display:block;float:right;background:url('http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/oel.png') no-repeat 0 -133px;cursor:pointer;}
#userbox input[type='text'], #userbox input[type='password'] {margin-top:19px;padding:0 13px;background:url('http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/oel.png') no-repeat 0 0;font:normal 15px/38px Trebuchet MS,Arial,Tahoma,Verdana;width:224px;height:37px;color:#9f9f9f;border:none;outline:none;}

#userbox input#log_in {background:url('http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/logbt.png') no-repeat -122px 0;cursor:pointer;width:122px;height:40px;margin:21px 64px 0;border:none;outline:none;}
#userbox input#log_in:hover {background:url('http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/logbt.png') no-repeat -122px -41px;}
#userbox input#log_out {background:url('http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/logbt.png') no-repeat 0 0;cursor:pointer;width:122px;height:40px;margin:21px 64px 0;border:none;outline:none;}
#userbox input#log_out:hover {background:url('http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/logbt.png') no-repeat 0 -41px;}

#userbox #avatar {width:95px;height:96px;background:url('http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/oel.png') no-repeat 0 -37px;float:left;margin-right:22px;margin-top:19px;}
#userbox #avatar img {max-with:85px;max-height:85px;margin:5px 5px 0 5px;border:none;}
#userbox #u_block {padding-top:21px;}
#userbox #u_block a {display:block;}
/* -------- */


Pasul 2: Panoul de Control - Design - Administrarea design-ului (şabloane) - si în toate paginile unde doriţi Autentificarea/Profilul, după <body> adăugaţi:

Code
<!-- Autentificare -->
<script type="text/javascript">function log_in() {$('input[name=user]').val($('#u_login').val());$('input[name=password]').val($('#u_pass').val());$('input[name=sbm]').click();}</script>
<div id='userbox'>
<div id='cls' title='Închide' onclick="$('#userbox').fadeOut();"></div>
<span id='nm'><?if($USER_LOGGED_IN$)?>Profilul<?else?>Autentificare<?endif?></span>
<?if($USER_LOGGED_IN$)?>
<div id='avatar'><img src='$USER_AVATAR_URL$' alt='avatar' title='$USERNAME$'></div>
<div id='u_block'>
<a href='/news/0-0-0-1'>Adaugă intrare</a>
<a href='/index/14'>Mesaje: <span title='Mesaje necitite: $UNREAD_PM$'>$UNREAD_PM$</span></a>
<a href='/index/8'>Profilul meu</a>
<a href='/index/11'>Redactează datele</a>
<a href='/index/15'>Toţi utilizatorii</a>
<input type='button' value='' title='Deconectare' id="log_out" onclick="location.href='/index/10'">
</div>
<?else?><input type='text' id='u_login' value='E-mail' size='20' maxlength='50' onblur="if(value == ''){value = 'E-mail'}" onfocus="if(value == 'E-mail'){value =''}">
<input type='password' id='u_pass' value='Parola' size='20' maxlength='50' onblur="if(value == ''){value = 'Parola'}" onfocus="if(value == 'Parola'){value =''}">
<input type='button' value='' id="log_in" onclick='log_in();'>
<?endif?>
</div>
<!-- /Autentificare -->


Pasul 3: Panoul de Control - Design - Administrarea design-ului (şabloane) - unde doriţi să apară adresa către Autentificare/Profil, puneţi codul:

Code
<a href="javascript://" onclick="$('#userbox').fadeIn();"><?if($USER_LOGGED_IN$)?>Profilul<?else?>Conectare<?endif?></a>


*Atenţie! Pe paginile unde aţi decis să aplicaţi Autentificarea e obligatoriu să fie tegul standard al autentificarii - $LOGIN_FORM$ (altfel autentificare nu va funcţiona). Dacă doriţi, formularul standard îl puteţi ascunde folosind această metodă - <div style='display:none;'>$LOGIN_FORM$</div>
*Cei ce doresc alt text pe butoane, poftim imaginea curată - Apasă

Rezultatul:

Pomul se cunoaşte după roade, omul după fapte.
 
StapanulData: Vineri, 2012-06-29, 2:06 PM | Mesaj # 3
Neconectat
 Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Utilizatori [Formular înregistrare utilizator] - înlocuiţi codul de aici cu cel de mai jos.

Code
<div id="cell_vxod">        
        <div class="cell_pola_vxod"><div class="vxod_name">Numele:</div><input class="login_pole" type="text" name="user" value="" size="20" maxlength="50"/></div>        
        <div class="cell_pola_vxod"><div class="vxod_name">Parola:</div><input class="login_pole" type="password" name="password" size="20" maxlength="15"/></div>        
        <div id="vxod_reg">
        <a href="$REMINDER_LINK$">Parolă uitată?</a> | <a href="$REGISTER_LINK$">Înregistrare</a>
        <span class="right"><input class="south" title="Salvează parola după logare"id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$"></label></span>
        </div>
        <div id="cell_knopkav"><input class="knopka_vxoda" name="sbm" type="submit" value="Intrare"/></div>
</div>


Pasul 1: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugaţi un stil ales de Dvs:

Pentru Autentificare de culoare neagră:

Code
/* Aspect Autentificare */
#cell_vxod {
       float:left;
       width:270px;       
}

#cell_vxod a:link,       
#cell_vxod a:visited {text-decoration:none; color:#69A4BD;}
#cell_vxod a:hover {text-decoration:none; color:#5CB703;}

#vxod_reg {
       float:left;
       font:10px Verdana,Arial,Helvetica, sans-serif;
       color:#BABABA;
       font-weight: bold;
       width:212px;
       padding: 5px 5px 0px 0px;
}

#cell_knopkav {
       float:left;
       width:53px;
}

.cell_pola_vxod {
       float:left;
       margin-bottom: 10px;
}

.vxod_name {
       width:55px;text-shadow: 1px 1px 1px #8A8A8A;
       background:#656565;
       border-right: none;
       border-left: 1px solid #232323;       
       padding: 5px 0px 5px 5px;       
}

.login_pole {
       width:193px;       
       border-left: none;       
       border-right: 1px solid #232323;
       padding: 5px 5px 5px 10px;       
       vertical-align:middle;
}

.login_pole,       
.vxod_name {
       float:left;
       font:11px Verdana,Arial,Helvetica, sans-serif;
       color:#111;
       border-top: 1px solid #232323;
       border-bottom: 1px solid #878787;
       margin:0px;
}

.login_pole {background: #767676 url(http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/Culori_diferite/negru_1.gif) no-repeat left;}
.login_pole:focus {background: #808080 url(http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/Culori_diferite/negru_1.gif) no-repeat left;}

.knopka_vxoda {
       color:#111;       
       padding: 3px 0px;       
       width:53px;
       background: #8a8a8a;
       border:1px solid #232323;
       margin:0px;       
}

.knopka_vxoda:hover {
       background: #656565;
}
/* Sfârşit */


Rezultatul:


Pentru Autentificare de culoare albă:

Code
/* Aspect Autentificare */
#cell_vxod {
       float:left;
       width:270px;       
}

#cell_vxod a:link,       
#cell_vxod a:visited {text-decoration:none; color:#5a79b8;}
#cell_vxod a:hover {text-decoration:none; color:#5cb85a;}

#vxod_reg {
       float:left;
       font:10px Verdana,Arial,Helvetica, sans-serif;
       color:#BABABA;
       font-weight: bold;
       width:212px;
       padding: 5px 5px 0px 0px;
}

#cell_knopkav {
       float:left;
       width:53px;
}

.cell_pola_vxod {
       float:left;
       margin-bottom: 10px;
}

.vxod_name {
       width:55px; text-shadow: 1px 1px 1px #fff;
       background:#d6d6d6;
       border-right: none;
       border-left: 1px solid #d6d6d6;       
       padding: 5px 0px 5px 5px;       
}

.login_pole {
       width:193px;       
       border-left: none;       
       border-right: 1px solid #d6d6d6;
       padding: 5px 5px 5px 10px;       
       vertical-align:middle;
}

.login_pole,       
.vxod_name {
       float:left;
       font:11px Verdana,Arial,Helvetica, sans-serif;
       color:#555;
       border-top: 1px solid #d6d6d6;
       border-bottom: 1px solid #d6d6d6;
       margin:0px;
}

.login_pole {background: #f6f6f6 url(http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/Culori_diferite/Alb.gif) no-repeat left;}
.login_pole:focus {background: #fff url(http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/Culori_diferite/Alb.gif) no-repeat left;}

.knopka_vxoda {
       color:#555; text-shadow: 1px 1px 1px #fff;
       padding: 3px 0px;       
       width:53px;
       background: #f6f6f6;
       border:1px solid #d6d6d6;
       margin:0px;       
}

.knopka_vxoda:hover {
       background: #d6d6d6;
}      
/* Sfârşit */


Rezultatul:


Pentru Autentificare de culoare albastră:

Code
/* Aspect Autentificare */
#cell_vxod {
     float:left;
     width:270px;     
}

#cell_vxod a:link,     
#cell_vxod a:visited {text-decoration:none; color:#5a79b8;}
#cell_vxod a:hover {text-decoration:none; color:#5cb85a;}

#vxod_reg {
     float:left;
     font:10px Verdana,Arial,Helvetica, sans-serif;
     color:#BABABA;
     font-weight: bold;
     width:212px;
     padding: 5px 5px 0px 0px;
}

#cell_knopkav {
     float:left;
     width:53px;
}

.cell_pola_vxod {
     float:left;
     margin-bottom: 10px;
}

.vxod_name {
     width:55px; text-shadow: 1px 1px 1px #fff;
     background:#bdd5e4;
     border-right: none;
     border-left: 1px solid #97B7CA;     
     padding: 5px 0px 5px 5px;     
}

.login_pole {
     width:193px;     
     border-left: none;     
     border-right: 1px solid #97B7CA;
     padding: 5px 5px 5px 10px;     
     vertical-align:middle;
}

.login_pole,     
.vxod_name {
     float:left;
     font:11px Verdana,Arial,Helvetica, sans-serif;
     color:#5789af;
     border-top: 1px solid #97B7CA;
     border-bottom: 1px solid #fff;
     margin:0px;
}

.login_pole {background: #eff3f7 url(http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/Culori_diferite/albastru.gif) no-repeat left;}
.login_pole:focus {background: #f4f9ff url(http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/Culori_diferite/albastru.gif) no-repeat left;}

.knopka_vxoda {
     color:#5789af; text-shadow: 1px 1px 1px #fff;
     padding: 3px 0px;     
     width:53px;
     background: #eff3f7;
     border:1px solid #97B7CA;
     margin:0px;     
}

.knopka_vxoda:hover {
     background: #bdd5e4;
}    
/* Sfârşit */


Rezultatul:


Pentru Autentificare de culoare verde:

Code
/* Aspect Autentificare */
#cell_vxod {
    float:left;
    width:270px;    
}

#cell_vxod a:link,    
#cell_vxod a:visited {text-decoration:none; color:#5a79b8;}
#cell_vxod a:hover {text-decoration:none; color:#5cb85a;}

#vxod_reg {
    float:left;
    font:10px Verdana,Arial,Helvetica, sans-serif;
    color:#BABABA;
    font-weight: bold;
    width:212px;
    padding: 5px 5px 0px 0px;
}

#cell_knopkav {
    float:left;
    width:53px;
}

.cell_pola_vxod {
    float:left;
    margin-bottom: 10px;
}

.vxod_name {
    width:55px; text-shadow: 1px 1px 1px #fff;
    background:#8bdc87;
    border-right: none;
    border-left: 1px solid #48b543;    
    padding: 5px 0px 5px 5px;    
}

.login_pole {
    width:193px;    
    border-left: none;    
    border-right: 1px solid #48b543;
    padding: 5px 5px 5px 10px;    
    vertical-align:middle;
}

.login_pole,    
.vxod_name {
    float:left;
    font:11px Verdana,Arial,Helvetica, sans-serif;
    color:#247e20;
    border-top: 1px solid #48b543;
    border-bottom: 1px solid #fff;
    margin:0px;
}

.login_pole {background: #cdf6ce url(http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/Culori_diferite/verde.gif) no-repeat left;}
.login_pole:focus {background: #e1fee2 url(http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/Culori_diferite/verde.gif) no-repeat left;}

.knopka_vxoda {
    color:#247e20; text-shadow: 1px 1px 1px #fff;
    padding: 3px 0px;    
    width:53px;
    background: #cdf6ce;
    border:1px solid #48b543;
    margin:0px;    
}

.knopka_vxoda:hover {
    background: #8bdc87;
}   
/* Sfârşit */


Rezultatul:


Pentru Autentificare de culoare galbenă:

Code
/* Aspect Autentificare */
#cell_vxod {
   float:left;
   width:270px;   
}

#cell_vxod a:link,   
#cell_vxod a:visited {text-decoration:none; color:#cdaa5c;}
#cell_vxod a:hover {text-decoration:none; color:#5cb85a;}

#vxod_reg {
   float:left;
   font:10px Verdana,Arial,Helvetica, sans-serif;
   color:#BABABA;
   font-weight: bold;
   width:212px;
   padding: 5px 5px 0px 0px;
}

#cell_knopkav {
   float:left;
   width:53px;
}

.cell_pola_vxod {
   float:left;
   margin-bottom: 10px;
}

.vxod_name {
   width:55px; text-shadow: 1px 1px 1px #fff;
   background:#ffe09b;
   border-right: none;
   border-left: 1px solid #f6c65d;   
   padding: 5px 0px 5px 5px;   
}

.login_pole {
   width:193px;   
   border-left: none;   
   border-right: 1px solid #f6c65d;
   padding: 5px 5px 5px 10px;   
   vertical-align:middle;
}

.login_pole,   
.vxod_name {
   float:left;
   font:11px Verdana,Arial,Helvetica, sans-serif;
   color:#af8831;
   border-top: 1px solid #f6c65d;
   border-bottom: 1px solid #fff;
   margin:0px;
}

.login_pole {background: #ffedc5 url(http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/Culori_diferite/galben.gif) no-repeat left;}
.login_pole:focus {background: #fff4db url(http://fierbinte.ucoz.ro/Forum/Aspect/Autentificare/Culori_diferite/galben.gif) no-repeat left;}

.knopka_vxoda {
   color:#af8831; text-shadow: 1px 1px 1px #fff;
   padding: 3px 0px;   
   width:53px;
   background: #ffedc5;
   border:1px solid #f6c65d;
   margin:0px;   
}

.knopka_vxoda:hover {
   background: #ffe09b;
}  
/* Sfârşit */


Rezultatul:

Pomul se cunoaşte după roade, omul după fapte.
 
OmulPaianjenData: Vineri, 2012-08-03, 6:44 PM | Mesaj # 4
Neconectat
 Pentru cei ce nu-s prea mulțumiți de noua variantă de autentificare și vor să folosească doar cea veche, adăugați codul de mai jos în modulul/recipientul unde aveți codurile pentru autentificare.

Code
<script type="text/javascript">
  $(document).ready(function(){
  $('#uidLogButton div:last a').click();
  });
  </script>
 
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Aspecte » Aspectul Formularului de Autentificare
  • Pagina 1 din 1
  • 1
Căutare:
Copyright © 2019. Toate drepturile rezervate
Politicieni | Acţiunea 2012 | Powered by uCoz