[spoiler="Exemplu"][/spoiler]
In CSS adaugati:
Code
/* User Box */
#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('/images/ub/user_box.png') no-repeat 0 0;}
#userbox a {color:#fff;text-decoration:none;}
#userbox a:hover {text-decoration:underline;}
#userbox span#nm {font-size: 26px Trebuchet MS,Arial,Tahoma,Verdana;margin-bottom:18px;display:block;}
#userbox #cls {width:25px;height:25px;display:block;float:right;background:url('/images/ub/oel.png') no-repeat 0 -133px;cursor:pointer;}
#userbox input[type='text'], #userbox input[type='password'] {margin-top:19px;padding:0 13px;background:url('/images/ub/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('/images/ub/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('/images/ub/logbt.png') no-repeat -122px -41px;}
#userbox input#log_out {background:url('/images/ub/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('/images/ub/logbt.png') no-repeat 0 -41px;}
#userbox #avatar {width:95px;height:96px;background:url('/images/ub/oel.png') no-repeat 0 -37px;float:left;margin-right:22px;margin-top:39px;}
#userbox #avatar img {max-with:85px;max-height:85px;margin:5px 5px 0 5px;border:none;}
#userbox #u_block {padding-top:41px;}
#userbox #u_block a {display:block;}
/* -------- */
Unde vreti sa apara link catre forma de logare si link profil punem:
Code
<!-- User_Box -->
<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='Inchide' onclick="$('#userbox').fadeOut();"></div>
<div id='nm'><b><font size="6" style="font-size: 21pt; "><?if($USER_LOGGED_IN$)?>Profil<?else?>Logare<?endif?></font></b></div>
<?if($USER_LOGGED_IN$)?>
<div id='avatar'><img src='$USER_AVATAR_URL$' alt='avatar' title='$USERNAME$'></div>
<div id='u_block'>
<a href='/index/14'>Mesaje: $UNREAD_PM$</a>
<a href='/index/8'>Profilul meu</a>
<a href='/index/11'>Schimba datele</a>
<a href='/index/15'>Lista utilzatori</a>
<input type='button' value='' title='Delogare' id="log_out" onclick="location.href='/index/10'">
</div>
<?else?><input type='text' id='u_login' value='NickName' size='20' maxlength='50' onblur="if(value == ''){value = 'NickName'}" onfocus="if(value == 'NickName'){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>
<!-- /User_Box -->
<a href="javascript://" onclick="$('#userbox').fadeIn();"><?if($USER_LOGGED_IN$)?>Profil<?else?>Logare<?endif?></a>
<div style='display:none;'>$LOGIN_FORM$</div>
[texterror1]Sau facut modificati de la sursa originala:
1) Daca profilul utilizatorului apare deformat, scrieti aici sa gasim solutia.
2) Daca unile forme de logare cer ca $LOGIN_FORM$ sa fie sters, acesta din contra cere sa fie prezenta, in caz contrar nu va lucra. Deci daca aveti in Containere laterale forma de logare si vreti asa sa ramana, stergiti ultimul rand din script
Code
<div style='display:none;'>$LOGIN_FORM$</div>
Daca nu vreti sa ramana, stergeti blocul fara probleme, lasand scriptu asa cum este.
[/texterror1]
[texterror4]Sursa: http://Psd - Centroarts.com
Traducere RO: http://maxrom.ucoz.com
[/texterror4]