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(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:
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(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: