Bun venit pe Forumul Andrei

Daca vezi aceasta pagina inseamna ca nu ai cont sau nu esti logat.
Daca doresti doar sa vizualizezi forumul poti apasa pe "x-ul" din dreapta si acesta imagine nu va mai fi afisata.

Pentru o vizualizare cat mai buna a acestui forum recomandam
8
Va uram o zi buna in continuare si o navigare cat mai placuta pe acest forum !


   
AcasaSustineFAQInregistrareConectareCautareCalendar
Twitter



Slider Help

Navigare :: Scripturi si tutoriale :: Scripturi
AutorMesaj
 NiKe
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Slider Help Sam Mar 03, 2012 8:12 am  
Am gasit un slider pe google.ro si am pus imaginile in css(style) dupa ce am terminat nu stiu unde sa pun js-urile nu gasesc . Daca stiti va las link-ul : [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
 nick
avatar
Rang: Administrator


MesajSubiect: Re: Slider Help Sam Mar 03, 2012 10:30 am  
Codurile arhivate le gasesti mai jos

[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Prezentare:

Codurile CSS si JS sunt urmatoarele :

Cod:
<link rel="stylesheet" href="http://forumulandrei.webs.com/Beautiful%20jQuery%20slider/style.css" type="text/css" media="screen" />
  <script type="text/javascript">var _siteRoot='index.html',_root='index.html';</script>
  <script type="text/javascript" src="http://forumulandrei.webs.com/Beautiful%20jQuery%20slider/js/jquery.js"></script>
  <script type="text/javascript" src="http://forumulandrei.webs.com/Beautiful%20jQuery%20slider/js/scripts.js"></script>

Codul de executie este urmatorul:

Cod:
  <div id="header"><div class="wrap">
  <div id="slide-holder">
<div id="slide-runner">
    <a href=""><img id="slide-img-1" src="images/nature-photo.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-2" src="images/nature-photo1.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-3" src="images/nature-photo2.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-4" src="images/nature-photo3.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-5" src="images/nature-photo4.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-6" src="images/nature-photo4.png" class="slide" alt="" /></a>
   <a href=""><img id="slide-img-7" src="images/nature-photo6.png" class="slide" alt="" /></a>
    <div id="slide-controls">
    <p id="slide-client" class="text"><strong>post: </strong><span></span></p>
    <p id="slide-desc" class="text"></p>
    <p id="slide-nav"></p>
    </div>
</div>
   
   <!--content featured gallery here -->
  </div>
  <script type="text/javascript">
    if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
  </script>
  </div></div><!--/header-->

In cod gasesti si link-urile imaginilor
Exemplu:
Cod:
<a href=""><img id="slide-img-1" src="images/nature-photo.png" class="slide" alt="" /></a>


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Am modificat fundalul din negru in alb thumbs up

Preluare cod : [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
 NiKe
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Slider Help Sam Mar 03, 2012 10:55 am  
Nu poti sa il faci transparent?
 nick
avatar
Rang: Administrator


MesajSubiect: Re: Slider Help Sam Mar 03, 2012 11:14 am  
NiKe a scris:
Nu poti sa il faci transparent?

Trebuie sa faci tu imagini transparente (967px / 330px). Imaginile slide-ului nu sunt transparente

Exemplu:


si sa elimini din codul CSS imaginea header-bg.png




 NiKe
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Slider Help Sam Mar 03, 2012 10:43 pm  
nick scuze ca te deranjez iar. Uite acest slider [Trebuie sa fiti inscris si conectat pentru a vedea acest link] este cel mai potrivit pentru template-ul meu , dar cand ajung sa pun js si html impreuna nu stiu cum sa o fac straight face.
 nick
avatar
Rang: Administrator


MesajSubiect: Re: Slider Help Sam Mar 03, 2012 10:58 pm  
Acest slide il am si eu
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
O sa postez si aceste coduri in cel mai scurt timp
 NiKe
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Slider Help Dum Mar 04, 2012 4:33 am  
Ok, dar eu vreau sa fie pentru o pagina html . Am vazut ca al tau e pus pe o pagina de portal.
 MirceaB
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Slider Help Vin Apr 06, 2012 8:14 am  
nice
 Continut sponsorizat
Rang:


MesajSubiect: Re: Slider Help  

*Scrie romaneste
*Sterg mesajele inutile sau scrise cu CAPS
*Nu fa spam
*Linkurile relevante în context sunt binevenite.

Transferul se face din contul dumnevoastra de Paypal




Copyright © 2008-2014 Forumul Andrei. Toate drepturile rezervate. Termeni si conditii
Aspect creat si codat de Alexandru Miron & Nick

.