Pentru descarcare , inregistreaza-te ! Au fost introduse noi Hack-uri 2015 !





Tabel la avatar phpbb2

Go down

Tabel la avatar phpbb2

Post by Sfinx on Fri Dec 07, 2012 8:42 am

In aceasta lectie am sa va invat cum sa creeati un mic tabel in jurul avatarului.

1. Pentru inceput cautati codul:

Code:
{postrow.displayed.POSTER_AVATAR}

si ii dati un div, de exemplu ca acesta:

Code:
<div class="avatar-user">{postrow.displayed.POSTER_AVATAR}</div>

2.
In CSS vom adauga :

Code:
.avatar-user {
variabila;
variabila;
}

Variabile pe care le puteti folosi sunt:


Code:
border:
- puteti modifica latimea linie ce va incadra avatarul. Vom folosi 1px si dashed, pentru a fi punctat, iar in final culoarea.

Code:
border-radius
- puteti da o anumita rotunjire colturilor borderului dvs. De exemplu: border-radius: 3px;

Code:
padding
- paddingul este partea codului ce va departa borderul de avatar, pentru a iesi in evidenta.

Code:
background(-color/-image)
- modificand culoarea de fundal veti da un aspect mult mai placut tabelului. Background-ul este de 3 tipuri:

* background; puteti folosi o anumita imagine in combinatie cu o imagine ( ex: background: #000 url(https://i.servimg.com/u/f49/15/59/36/28/trow_b10.png); )
* background-image; puteti adauga ca si background, o imagine ( ex: background-image: url(http://fc02.deviantart.net/fs70/i/2011/052/9/6/ambient_by_mistressaquarius-d3a2g49.jpg); )
* background-color; puteti adauga o anumita culoare fundalului ( ex: background-color: red; )

Codul final ar fi acesta:

Code:

.avatar-user {
border: 1px dashed #4d4d4d;
border-radius: 3px;
-moz-border-radius:3px;
padding-bottom: 3px;
padding: 3px;
}





Lectie realizata de Gyzmo | SoftDesign

***Important !

Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.


Code name: Mozilla
App name: Opera
Version: 9.80 (Windows NT 5.1)
Language: ro
Plateform: [You must be registered and logged in to see this image.] windows
User Agent: Opera/9.80 (Windows NT 5.1) Presto/2.12.388 Version/12.14


[You must be registered and logged in to see this link.]

Sign by Danasoft - [You must be registered and logged in to see this link.]

avatar
Sfinx
Administrator
Administrator

Mesaje Mesaje : 1440
Data nasterii Data nasterii : 25/02/1995
Localizare Localizare : Timisoara
Server Server : Bine

http://metin2hacks.catsboard.com/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum