Mesaj # 1 | 10:26 PM 16/01/2013
Am sa va prezint un cod pentru default avatar.Mai intai sa va explic ce face(pentru cei noi).
Acest cod este pentru cei care au modulul forum activ.Daca un utilizator se inregistreaza pe site si nu isi alege un avatar, acest cod va afisa aceasta imagine:

inramata si toate cele.
iar atunci cand utilizatorii isi aleg un avatar de orice dimensiune aceasta este redimensionta la 140x140 si inramata ca in imaginea mai de jos:

in cazul imaginilor .png cu anumite zone transparente in fundal va fi afisata culoarea gri exact ca si mai sus.

Acum sa va explic cum se instaleaza:
1. Intrati in Control Panel->Personalizati design-ul->Forum->Aspectul intrarilor
2. Cautati codul:
Cod
<?if($AVATAR_URL$)?><img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><?endif?>

Si il inlocuiti cu acesta:
Cod
<?if($AVATAR_URL$)?><img src="$AVATAR_URL$" title="Avatarul lui $USERNAME$" alt="$USERNAME$" style="border: 3px ridge rgb(255, 165, 0); background-color: rgb(220, 220, 220); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;" width="140px" height="140px"><br class="innova" style="border: 4px ridge rgb(255, 165, 0); background-color: rgb(220, 220, 220);"><?else?><img src="http://floodofgames.ucoz.ro/Grafica/default_avatar.png" title="Avatarul default" alt="Avatarul default" style="border: 3px ridge rgb(255, 165, 0); background-color: rgb(220, 220, 220); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;" width="140px" height="140px"><br class="innova" style="border: 4px ridge rgb(255, 165, 0); background-color: rgb(220, 220, 220);"><?endif?>

Pentru fundal gri.


Sau...

Cod
<?if($AVATAR_URL$)?><img src="$AVATAR_URL$" alt="$USERNAME$" style="border: 3px ridge rgb(255, 165, 0); background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(255,152,97) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(255,152,97) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(255,152,97) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(255,152,97) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(255,152,97) 100%);

background-image: -webkit-gradient(
     linear,
     left bottom,
     left top,
     color-stop(0, rgb(0,0,0)),
     color-stop(1, rgb(255,152,97))
); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;" width="140px" height="140px"><br class="innova" style="border: 4px ridge rgb(255, 165, 0); background-color: rgb(220, 220, 220);"><?else?><img src="http://floodofgames.ucoz.ro/Grafica/default_avatar.png" alt="Avatar stock" style="border: 3px ridge rgb(255, 165, 0); background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(255,152,97) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(255,152,97) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(255,152,97) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(255,152,97) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(255,152,97) 100%);

background-image: -webkit-gradient(
     linear,
     left bottom,
     left top,
     color-stop(0, rgb(0,0,0)),
     color-stop(1, rgb(255,152,97))
); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;" width="140px" height="140px"><br class="innova" style="border: 4px ridge rgb(255, 165, 0); background-color: rgb(220, 220, 220);"><?endif?>

acesta pentru gradient de la portocaliu la negru(ca in imaginea de mai jos).


3. Dati un save si gata.
Un exemplu puteti vedea AICI!
Atașamente: 8918243.png (30.7 Kb) · 8058055.png (31.2 Kb)
Material modificat de Gravedigger - Vineri, 18/01/2013, 1:16 AM