SoftDesign


Bun venit Vizitator pe SoftDesign, speram ca-ti place acest forum care iti pune la dispozitie o gama larga de tutoriale si resurse pentru WebDesign si ForumGratuit , si speram ca vei binevoi sa-ti faci cont pe forum pentru a avea aces la toate subiectele forumui.

m_Banners jQuery

In jos

m_Banners jQuery

Mesaj Scris de Gyzmo la data de Vin Oct 21, 2011 9:54 am

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 Gyzmo | SoftDesign
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.


Ultima editare efectuata de catre Gyzmo in Sam Noi 26, 2011 1:21 pm, editata de 1 ori
avatar
Gyzmo
GFXcrew

Sex : masculin
Mesaje : 727
Credite : 29125
Data de inscriere : 05/09/2011
Localizare : Braila

Vezi profilul utilizatorului http://widegfx.forumer.ro/

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de PlayOn la data de Sam Oct 22, 2011 5:23 am

Bravo Johnny pentru tutorial !
avatar
PlayOn
Administrator

Sex : masculin
Mesaje : 254
Credite : 2835
Data de inscriere : 06/09/2011
Localizare : ROMANIA

Vezi profilul utilizatorului http://widegfx.forumer.ro

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de Vizitato la data de Sam Oct 22, 2011 5:25 am

Bravo , vad ca te-ai apucat de facut tutorial .
Bun tutorial , e foarte bine explicat.
avatar
Vizitato
Vizitator


Sus In jos

Re: m_Banners jQuery

Mesaj Scris de Gyzmo la data de Sam Oct 22, 2011 5:34 am

Va multumesc Very Happy
avatar
Gyzmo
GFXcrew

Sex : masculin
Mesaje : 727
Credite : 29125
Data de inscriere : 05/09/2011
Localizare : Braila

Vezi profilul utilizatorului http://widegfx.forumer.ro/

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de gab1Tzu la data de Sam Oct 22, 2011 6:16 am

Asta asteaptam de la tine Johnny .
Multumesc foarte mult !
avatar
gab1Tzu
Gold Member

Sex : masculin
Mesaje : 248
Credite : 2790
Data de inscriere : 24/09/2011
Localizare : Craiova

Vezi profilul utilizatorului http://widegfx.forumer.ro

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de Gyzmo la data de Sam Oct 22, 2011 6:21 am

Cu placere Smile
avatar
Gyzmo
GFXcrew

Sex : masculin
Mesaje : 727
Credite : 29125
Data de inscriere : 05/09/2011
Localizare : Braila

Vezi profilul utilizatorului http://widegfx.forumer.ro/

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de Shaggy la data de Sam Oct 22, 2011 8:21 am

Multumesc Johnny.Este foarte bun.
avatar
Shaggy
Moderator

Sex : masculin
Mesaje : 364
Credite : 2978
Data de inscriere : 06/09/2011
Localizare : Pascani

Vezi profilul utilizatorului http://staraim.forumz.ro/forum

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de m3hay la data de Sam Oct 22, 2011 8:25 am

Bun tutorialul.
avatar
m3hay
Nou venit

Sex : masculin
Mesaje : 6
Credite : 2534
Data de inscriere : 17/09/2011

Vezi profilul utilizatorului http://www.like-games.hi2.ro

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de PlayOn la data de Sam Oct 22, 2011 8:55 am

m3hay,te rog comenteaza in minim 3 cuvinte pentru a nu se considera spam!
Multumesc pentru intelegere!
avatar
PlayOn
Administrator

Sex : masculin
Mesaje : 254
Credite : 2835
Data de inscriere : 06/09/2011
Localizare : ROMANIA

Vezi profilul utilizatorului http://widegfx.forumer.ro

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de [x]sTyL[e] la data de Dum Oct 23, 2011 2:52 am

Foarte bun tutorial , bravo!
avatar
[x]sTyL[e]
Nou venit

Sex : masculin
Mesaje : 10
Credite : 2528
Data de inscriere : 02/10/2011

Vezi profilul utilizatorului http://epicart.forumhit.ro

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de Mr.Crazy la data de Lun Oct 24, 2011 2:14 am

Este un tutorial foarte reusit.Bravo!!!
avatar
Mr.Crazy
Membru activ

Sex : masculin
Mesaje : 68
Credite : 2611
Data de inscriere : 10/09/2011
Localizare : Barlad

Vezi profilul utilizatorului http://widegfx.forumer.ro

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de SoftDesign STAFF BOT la data de Mar Noi 01, 2011 4:54 am

Codurile unde sunt?

SoftDesign STAFF BOT
Nou venit

Sex : masculin
Mesaje : 4
Credite : 2485
Data de inscriere : 01/11/2011

Vezi profilul utilizatorului

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de Vizitato la data de Mar Noi 01, 2011 8:46 am

Sankez. a scris:Codurile unde sunt?

Nu vezi ca ti-am aparut dendata ce ar raspuns la topic?
avatar
Vizitato
Vizitator


Sus In jos

Re: m_Banners jQuery

Mesaj Scris de Zorn. la data de Sam Feb 04, 2012 7:00 am

Foarte interesant codul.
avatar
Zorn.
Gold Member

Sex : masculin
Mesaje : 107
Credite : 2564
Data de inscriere : 14/12/2011

Vezi profilul utilizatorului

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de extream la data de Vin Mar 09, 2012 7:45 am

frmos
avatar
extream
Nou venit

Sex : masculin
Mesaje : 19
Credite : 2442
Data de inscriere : 04/01/2012
Localizare : Bacau

Vezi profilul utilizatorului http://www.phpbb-online.forumhit.ro

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de PlayOn la data de Vin Mar 09, 2012 8:28 am

extream,te rog comenteaza in minim 3 cuvinte pentru a nu se considera spam!
Multumesc pentru intelegere!
avatar
PlayOn
Administrator

Sex : masculin
Mesaje : 254
Credite : 2835
Data de inscriere : 06/09/2011
Localizare : ROMANIA

Vezi profilul utilizatorului http://widegfx.forumer.ro

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de Rio la data de Dum Mar 11, 2012 7:24 am

Unul din cele mai folositoare tutoriale Smile
avatar
Rio
Membru Fondator

Sex : masculin
Mesaje : 340
Credite : 32569
Data de inscriere : 05/09/2011

Vezi profilul utilizatorului http://widegfx.forumer.ro

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de SASAN. la data de Vin Apr 20, 2012 6:30 am

Foarte bun tutorialu,bravo Smile
avatar
SASAN.
Nou venit

Sex : masculin
Mesaje : 11
Credite : 2524
Data de inscriere : 08/10/2011
Localizare : Bucuresti

Vezi profilul utilizatorului http://gamefactor.forumz.ro

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de Omeeu la data de Dum Sept 14, 2014 10:50 am

facc u
avatar
Omeeu
Nou venit

Sex : masculin
Mesaje : 7
Credite : 1442
Data de inscriere : 14/09/2014

Vezi profilul utilizatorului http://www.tech-titans.net/

Sus In jos

Re: m_Banners jQuery

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum