Navigare rapidă

Ultimele subiecte
» Prezentare Cristian
Scris de cristiankiss Mar 20 Iun - 8:12
» Prezentare Petronel YT
Scris de Cătălin. Vin 16 Iun - 1:45
» [punbb] eteral-game v2
Scris de Petronel™ Joi 8 Iun - 18:20
» Tema InvizionVirus
Scris de Petronel™ Joi 8 Iun - 18:19
» [punbb] xretrogradatii theme 2016
Scris de Petronel™ Joi 8 Iun - 18:17
Cuvinte-cheie

Statistici  meniu  subforumuri  menu  animate  edit  banner  chenar  profil  drop  ultimele  reclama  avatar  cautare  html  navigare  radio  tutorial  punbb  Bara  Mesaje  legenda  subiecte  phpBB2  tema  Metin2  

m_Banners jQuery


In acest tutorial am sa va prezint o metoda de a va creea proprile bannere care sa ruleze automat intr-un anumit interval de timp.

Tutorial:



1. Pentru siguranta dumneavoastra incarcati ( hostati / uploadati ) fisierul urmator pe propriul host. ( Recomand Webs sau BraveHost )



2. Adaugati codul intre tagurile:


sau

sau , recomandabila r fi:



3. Pentru a adauga bannerele proprii vom folosi codul urmator:




4. In CSS vom adauga:



5. Pentru a adauga unul sau mai multe bannere vom folosi codul:


*Atentie ! * Modificati doar: LINK IMAGINE & LINK

Personalizare:



1. Pentru a adauga un mic border vom folosi clasa m_Banners-perso
Adaugati codului de la pasul 3. un id
Exemplu:


2. In CSS vom adauga:

Variabile pe care le puteti folosi sunt:



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


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


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


- 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(http://i49.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:











Tutorial realizat de Kent Wood
Pentru a vedea codurile va rugam sa raspundeti acestui subiect !

***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.

Comentariile utilizatorilor
Membru dedicat
avatar
la data de Sam 5 Mai - 16:21
RazvaN Membru dedicat
Conectat
Felicitari Kent Wood.
Membru activ
la data de Sam 5 Mai - 16:22
Zeke Membru activ
Conectat
Destul de interesant codul ,felicitari.
Membru dedicat
avatar
la data de Dum 14 Oct - 13:37
mr.franta Membru dedicat
Conectat
foarte frumos.imi place la nebunie
Membru ET
avatar
la data de Dum 28 Iul - 4:58
achraf96 Membru ET
Conectat
thx
Membru ET
avatar
la data de Lun 28 Oct - 9:36
vLaDyX Membru ET
Conectat
Intresant
Membru ET
la data de Mar 18 Feb - 14:02
hh Membru ET
Conectat
bravooo
Membru ET
avatar
la data de Mar 18 Feb - 14:42
SHiinQ Membru ET
Conectat
bravo !
Membru ET
avatar
la data de Mar 18 Feb - 16:39
MeRrCeNarRy Membru ET
Conectat
frumos
Membru ET
avatar
la data de Mier 15 Iul - 23:12
Lcnnaid. Membru ET
Conectat
foarte frumos