Bine ai venit pe DesignART !
-Forumul DesignART ofera servicii gratuite in domeniile Graphic Design si Coding !
-Pentru a beneficia de aceste servicii trebuie doar sa va INREGISTRATI si/sau sa va CONECTATI
-Innainte de a incepe sa postati,va sfatuim sa cititi REGULAMENTUL forumului !


Alăturați-vă forumului, este rapid și ușor

Bine ai venit pe DesignART !
-Forumul DesignART ofera servicii gratuite in domeniile Graphic Design si Coding !
-Pentru a beneficia de aceste servicii trebuie doar sa va INREGISTRATI si/sau sa va CONECTATI
-Innainte de a incepe sa postati,va sfatuim sa cititi REGULAMENTUL forumului !
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Tutorial - DesignART Elegant Slideshow

+14
Paul
Clik
m0Ney *
Mr.Pagnel
Dj FoFo
The Godfather
Edge
V1ruS
Venom
Mr.Ben
[x]sTyL[e]
sowy
BaCk
Zeus
18 participanți

 :: DesignART - Resurse :: Tutoriale :: Tutoriale Css, Html si JavaScript

In jos

Tutorial - DesignART Elegant Slideshow Empty Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Zeus Sam Iul 02, 2011 10:18 pm

Tutorial - DesignART Elegant Slideshow


Salutare tuturor !In incercarea noastra de a va oferi tot timpul ceva nou si original am reusit sa creez pentru voi un Slideshow foarte practic,cu un design atragator si usor de folosit, disponibil in 3 culori !
Previzualizare:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Previzualizare Live: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

-Cum realizam acest Slideshow :
1.Introduceti urmatoarele coduri in locatia unde doriti sa apara Slideshow-ul (Mesaj pe pagina de start,pagina HTML,etc.)

-Structura HTML:
Cod:
<!-- Slideshow HTML -->
  <div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">

        <h2>Slideshow Title 1</h2>
        <p><a href="#" target="_blank"><img src="http://i47.servimg.com/u/f47/16/17/34/47/design10.png" alt="TITLU" width="215" height="145" /></a>Slideshow oferit GRATUIT de forumul <a href="http://designart.catsboard.com" target="_blank">Design<b>ART</b></a> !
<br>***Respecta-ne pentru munca noastra !
<br>***Orice incercare de eliminare a copyright-ului este ilegala si se va pedepsi conform legii '<i>Dreptului de Autor</i>'
</p>
      </div>

      <div class="slide">
 <h2>Slideshow Title 2</h2>
        <p><a href="#" target="_blank"><img src="http://i47.servimg.com/u/f47/16/17/34/47/345211.png" alt="TITLU" width="215" height="145" /></a>Slideshow oferit GRATUIT de forumul <a href="http://designart.catsboard.com" target="_blank">Design<b>ART</b></a> !
<br>***Respecta-ne pentru munca noastra !
<br>***Orice incercare de eliminare a copyright-ului este ilegala si se va pedepsi conform legii '<i>Dreptului de Autor</i>'
</p>
 
      </div>
      <div class="slide">
        <h2>Slideshow Title 3</h2>
        <p><a href="#" target="_blank"><img src="http://i47.servimg.com/u/f47/16/17/34/47/rqwerq10.png" alt="TITLU" width="215" height="145" /></a>Slideshow oferit GRATUIT de forumul <a href="http://designart.catsboard.com" target="_blank">Design<b>ART</b></a> !
<br>***Respecta-ne pentru munca noastra !
<br>***Orice incercare de eliminare a copyright-ului este ilegala si se va pedepsi conform legii '<i>Dreptului de Autor</i>'
</p>
      </div>
      <div class="slide">
        <h2>Slideshow Title 4</h2>
        <p><a href="#" target="_blank"><img src="http://i47.servimg.com/u/f47/16/17/34/47/5674510.png" alt="TITLU" width="215" height="145" /></a>Slideshow oferit GRATUIT de forumul <a href="http://designart.catsboard.com" target="_blank">Design<b>ART</b></a> !
<br>***Respecta-ne pentru munca noastra !
<br>***Orice incercare de eliminare a copyright-ului este ilegala si se va pedepsi conform legii '<i>Dreptului de Autor</i>'
</p>
      </div>
    </div>
  </div>

  <!-- Slideshow HTML -->

-Codurile Javascript (comprimate pentru o utilizare ma usoara)
Cod:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://designart-scripts.bravehost.com/slide-script2.js"></script>

-Structurile CSS pentru cele 3 culori ale Slideshow-ului:

--Slideshow-ul BLUE (albastru):
Cod:
<link rel="stylesheet" type="text/css" href="http://designart-scripts.bravehost.com/slide-css-blue.css" />

--Slideshow-ul GREEN (verde):
Cod:
<link rel="stylesheet" type="text/css" href="http://designart-scripts.bravehost.com/slide-css-green.css" />

--Slideshow-ul GRAY (gri):
Cod:
<link rel="stylesheet" type="text/css" href="http://designart-scripts.bravehost.com/slide-css-gray.css" />


In final pagina voastra trebuie sa contina: Structura HTML,Codurile Javascript si UNA (NU TOATE 3) din Structurile CSS,la alegere in functie de culoarea dorita !

***Pentru a folosi LEGAL acest Slideshow si din RESPECT pentru munca noastra, NU eliminati textul 'DesignART.forumhit.ro' din partea de jos a Slideshow-ului !
Multumesc !



Sper ca va placut acest tutorial! Bafta !
***Daca intampinati probleme sau dificultati in realizarea acestui tutorial sa rugam sa postati in categoria [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Tutorial realizat de BODO | DesignART
***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !
Zeus
Zeus
Administrator
Administrator

Mesaje Mesaje : 610
Credite Credite : 817
Reputatie : 6
Varsta Varsta : 29

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de BaCk Sam Iul 02, 2011 11:46 pm

Un tutorial excelent.Multumesc BODO pentru coduri si tutorial, am sa le folosesc, imi folosesc putin imaginatia la titluri si continut si sunt perfecte!
BaCk
BaCk
Membru Onorific
Membru Onorific

Mesaje Mesaje : 90
Credite Credite : 90
Reputatie : 0
Varsta Varsta : 30

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de sowy Dum Iul 03, 2011 3:34 am

Mama :@:@:@ ce tare :X:X Felicitari Bodo Smile Fain tineo tot asa Smile :X
sowy
sowy
Membru DesignART
Membru DesignART

Mesaje Mesaje : 55
Credite Credite : 83
Reputatie : 0
Varsta Varsta : 27

http://StarART.ForumHIT.Ro

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de [x]sTyL[e] Dum Iul 03, 2011 3:35 am

Wow , foarte frumos , felicitari !! Wink
[x]sTyL[e]
[x]sTyL[e]
Administrator
Administrator

Mesaje Mesaje : 504
Credite Credite : 560
Reputatie : 0
Localizare Localizare : Suceava

http://www.epicart.forumhit.ro

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Mr.Ben Dum Iul 03, 2011 4:57 am

Il ador, mersi mult BODO Smile
Mr.Ben
Mr.Ben
Gold Member
Gold Member

Mesaje Mesaje : 143
Credite Credite : 167
Reputatie : 0
Varsta Varsta : 29

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Venom Dum Iul 03, 2011 3:49 pm

Da chiar foarte tari. Mersi!
Venom
Venom
Membru DesignART
Membru DesignART

Mesaje Mesaje : 22
Credite Credite : 24
Reputatie : 0
Varsta Varsta : 34

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de V1ruS Mar Iul 05, 2011 4:31 am

Super smechere :X:X imi plac foarte mult
V1ruS
V1ruS
Membru Nou
Membru Nou

Mesaje Mesaje : 6
Credite Credite : 8
Reputatie : 0
Varsta Varsta : 28

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Edge Mar Iul 05, 2011 5:24 am

Cod:
Pentru a folosi LEGAL acest Slideshow si din RESPECT pentru munca noastra, NU eliminati textul 'DesignART.forumhit.ro' din partea de jos a Slideshow-ului !

Ce atata respect...daca ai respect nu pui numele tau..si (c) Design ART.
Asta nu te supara BODO este reclama fortata,pentru ca acel slide show a iesit foarte bine..multi o sa-l foloseasca.Daca atat de interesant este sa iti faci rost de usei,treaba ta.Sigur nu sunt singurul care gandeste asa.Poate o sa iau warn,poate bban.dar asat gandesc eu.
avatar
Edge
Administrator
Administrator

Mesaje Mesaje : 528
Credite Credite : 702
Reputatie : 3
Varsta Varsta : 28
Localizare Localizare : Resita

https://designart.catsboard.com/

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de [x]sTyL[e] Mar Iul 05, 2011 5:28 am

Daca el l-a creat, este treaba lui ce pune , nu este treaba ta. Isi atrage userii cum vrea , asta nu te priveste pe tine. Daca asa gandesti tu , ar trebui sa mai cresti Wink

Edit : @ BaCk , conform conditiilor de utilizare a forumurilor pe platforma forumgratuit , forumul va fi sters , conform legii se poate ajunge la amenda.


Ultima editare efectuata de catre [x]sTyL[e] in Mar Iul 05, 2011 5:31 am, editata de 2 ori
[x]sTyL[e]
[x]sTyL[e]
Administrator
Administrator

Mesaje Mesaje : 504
Credite Credite : 560
Reputatie : 0
Localizare Localizare : Suceava

http://www.epicart.forumhit.ro

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de BaCk Mar Iul 05, 2011 5:29 am

Si gandesti prost.Acela este un copyright.Daca elimini copyrightul, conform legii dreptului de autor, forumul tau e sters si chiar asa va fi.
BaCk
BaCk
Membru Onorific
Membru Onorific

Mesaje Mesaje : 90
Credite Credite : 90
Reputatie : 0
Varsta Varsta : 30

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Zeus Mar Iul 05, 2011 5:45 am

Edge , eu am creeat acel slide si il ofer GRATUIT ! Singura conditie este sa se pastreze numele forumului acolo,pentru ca dupa munca depusa am si eu de castigat cativa membri poate ! Daca doresti sa folosesti acel Slideshow FARA numele forumului acolo trebuie sa platesti ! Daca vrei asta spune-mi si am sa fixez un pret in EURO pentru scoaterea copyright-ului !
Zeus
Zeus
Administrator
Administrator

Mesaje Mesaje : 610
Credite Credite : 817
Reputatie : 6
Varsta Varsta : 29

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de BaCk Mar Iul 05, 2011 5:47 am

BODO, tu ce alegi, banii in schimbul oamenilor nu? Copyrightul este acolo si daca il dai pe bani, nu e munca acelui om, meritele trebuie sa-ti fie recunoscute indiferent daca iti da 1 euro sau un catralion de euro.
BaCk
BaCk
Membru Onorific
Membru Onorific

Mesaje Mesaje : 90
Credite Credite : 90
Reputatie : 0
Varsta Varsta : 30

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Zeus Mar Iul 05, 2011 5:50 am

BaCk , m-ai inteles gresit ! Daca vroiam bani, NU deschideam un Forum Gratui si NU ofeream gratis toata munca mea ! Prin acel mesaj doar i-am raspuns omului pentru ca era foarte revoltat in privinta acelui text !
Zeus
Zeus
Administrator
Administrator

Mesaje Mesaje : 610
Credite Credite : 817
Reputatie : 6
Varsta Varsta : 29

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Edge Mar Iul 05, 2011 8:44 am

Ok,imi pare rau,voi lasa acolo copyrightul..
Oricum apreciez ca nu mi-ati dat ban/warn.
Recunosc,am fost cam nesimtit la acel mesaj.
avatar
Edge
Administrator
Administrator

Mesaje Mesaje : 528
Credite Credite : 702
Reputatie : 3
Varsta Varsta : 28
Localizare Localizare : Resita

https://designart.catsboard.com/

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de The Godfather Dum Iul 10, 2011 7:46 am

Bun tutorial.
Mulțumesc.
avatar
The Godfather
Gold Member
Gold Member

Mesaje Mesaje : 143
Credite Credite : 169
Reputatie : 6
Varsta Varsta : 28
Localizare Localizare : Constanța

https://designart.catsboard.com/

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Dj FoFo Dum Iul 17, 2011 9:24 pm

E super taare merci ca l-ai pus Welcome
Dj FoFo
Dj FoFo
Membru DesignART
Membru DesignART

Mesaje Mesaje : 48
Credite Credite : 70
Reputatie : 0
Varsta Varsta : 31
Localizare Localizare : Buftea

https://designart.catsboard.com/

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Mr.Pagnel Mar Iul 19, 2011 6:12 am

Super, am nevoie de coduri.
Mr.Pagnel
Mr.Pagnel
Moderator
Moderator

Mesaje Mesaje : 345
Credite Credite : 432
Reputatie : 3
Varsta Varsta : 34
Localizare Localizare : Rm. Valcea

https://designart.catsboard.com

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de m0Ney * Dum Iul 31, 2011 11:34 pm

E super tare, îl voi folosi pe forum.
m0Ney *
m0Ney *
Membru DesignART
Membru DesignART

Mesaje Mesaje : 25
Credite Credite : 30
Reputatie : 3
Varsta Varsta : 27

https://designart.catsboard.com/

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Clik Vin Aug 12, 2011 2:38 am

Arata incredibil ! Foarte frumos !
Clik
Clik
Membru DesignART
Membru DesignART

Mesaje Mesaje : 38
Credite Credite : 50
Reputatie : 0
Varsta Varsta : 27
Localizare Localizare : Oradea

http://www.gamez-muzica.forumz.ro

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Paul Vin Aug 12, 2011 2:46 am

frumos slideshow-ul//
daca avea si un efect de digitalizare era super!!
Paul
Paul
Moderator
Moderator

Mesaje Mesaje : 231
Credite Credite : 245
Reputatie : 3
Varsta Varsta : 31
Localizare Localizare : Paris

https://designart.catsboard.com/

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de dynamiccs Joi Sept 01, 2011 5:16 am

Foarte frumoase Slideshow bravo Mr.Sankez
dynamiccs
dynamiccs
Membru DesignART
Membru DesignART

Mesaje Mesaje : 39
Credite Credite : 49
Reputatie : 0

https://designart.catsboard.com/

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Heas Sam Oct 01, 2011 11:56 pm

Foarte bun codul.Multumesc sankez si imi place la nebunie designul
Heas
Heas
Gold Member
Gold Member

Mesaje Mesaje : 167
Credite Credite : 263
Reputatie : 0
Varsta Varsta : 28
Localizare Localizare : Pe eci colo

https://designart.catsboard.com/

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Bogdy™ Sam Oct 08, 2011 1:54 pm

foarte frumose. sunt cele mai reusite cred eu Very Happy
Bogdy™
Bogdy™
Membru DesignART
Membru DesignART

Mesaje Mesaje : 33
Credite Credite : 37
Reputatie : 0
Varsta Varsta : 32
Localizare Localizare : Italia, Regione Savona, Provincia Urbe San Piedro

https://designart.catsboard.com

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Gabryel Mier Oct 19, 2011 1:52 pm

sunt foarte reusite felicitari pentru munca depusa
Gabryel
Gabryel
Gold Member
Gold Member

Mesaje Mesaje : 101
Credite Credite : 106
Reputatie : 0
Localizare Localizare : MUIE DESIGNART!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

http://MUIEDESIGNRT.FORUMHIT.RO

Sus In jos

Tutorial - DesignART Elegant Slideshow Empty Re: Tutorial - DesignART Elegant Slideshow

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Sus

- Subiecte similare

 :: DesignART - Resurse :: Tutoriale :: Tutoriale Css, Html si JavaScript

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum