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



Slider2

Navigare :: Scripturi si tutoriale :: Scripturi
AutorMesaj
 nick
avatar
Rang: Administrator


MesajSubiect: Slider2 Mier Mar 09, 2011 7:40 am  
Versiune fundal alb


Codurile CSS si JS:

Cod:
 <link rel="stylesheet" href="http://forumulandrei.webs.com/Slider2/nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="http://forumulandrei.webs.com/Slider2/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://forumulandrei.webs.com/Slider2/jquery-1.4.3.min.js"></script>

    <script type="text/javascript" src="http://forumulandrei.webs.com/Slider2/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>

Codul de executie:

Cod:
<body>
    <div id="wrapper">
   

        <div id="slider-wrapper">
       
            <div id="slider" class="nivoSlider">
                <img src="http://forumulandrei.webs.com/Slider2/images/toystory.jpg" alt="" />
                <a href="#"><img src="http://forumulandrei.webs.com/Slider2/images/up.jpg" alt="" title="Textul dorit" /></a>
                <img src="http://forumulandrei.webs.com/Slider2/images/walle.jpg" alt="" />
                <img src="http://forumulandrei.webs.com/Slider2/images/nemo.jpg" alt="" title="#htmlcaption" />

            </div>
            <div id="htmlcaption" class="nivo-html-caption">

                <strong>Textul dorit <a href="#">a link</a>.
            </div>
       
        </div>

    </div>
   
</body>



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


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




Versiune fundal negru:



Codurile CSS si JS

Cod:
<link rel="stylesheet" href="http://forumulandrei.webs.com/Slider2/nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="http://forumulandrei.webs.com/Slider2/styleblack.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://forumulandrei.webs.com/Slider2/jquery-1.4.3.min.js"></script>

    <script type="text/javascript" src="http://forumulandrei.webs.com/Slider2/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>

Codul de executie:

Cod:
<div id="wrapper">
   

        <div id="slider-wrapper">
       
            <div id="slider" class="nivoSlider">
                <img src="http://forumulandrei.webs.com/Slider2/images/toystory.jpg" alt="" />
                <a href="#"><img src="http://forumulandrei.webs.com/Slider2/images/up.jpg" alt="" title="Textul dorit" /></a>

                <img src="http://forumulandrei.webs.com/Slider2/images/walle.jpg" alt="" />
                <img src="http://forumulandrei.webs.com/Slider2/images/nemo.jpg" alt="" title="#htmlcaption" />

            </div>
            <div id="htmlcaption" class="nivo-html-caption">

                <strong>Textul dorit <a href="#">a link</a>.
            </div>
       
        </div>

    </div>


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


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


Poti modifica culoare de fundal dupa preferinte , tot ce trebuie sa faci e sa modifici culoare de fundal din codul style.css (styleblack.css) sau poti adauga o imagine de fundal.

Citat :
body {
font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
color:#2d3536;
background:#000000 url(#) repeat;
text-shadow:0 1px 0 #fff;


 adyx
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Slider2 Mier Mar 09, 2011 8:50 am  
nu va suparati...dar cum il instalez??/ care este codul css si care este codul html( sau ce coduri sunt)......eu am versiunea punbb la forum....si vreau sa pun asa ceva la "mesaj pe pagina de start"
 nick
avatar
Rang: Administrator


MesajSubiect: Re: Slider2 Mier Mar 09, 2011 9:14 am  
Ca sa nu ingreunezi forumul poti folosi codul cu ajutorul unei pagini html la care vei face inframe , daca nu stii sa faci cod inframe te poti folosi de acest [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Ca sa fie codul functional trebuie sa unesti cele doua coduri : JS/CSS si Codul de executie

Poate te intereseaza si [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
 adyx
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: Slider2 Mier Mar 09, 2011 9:39 am  
nu stiu dc...dar nu merge niciuna....slider 2 imi strica tot forumu:))...se vede oribil....si slider 1...nu merge....

ciudat este ca ca la slider 2....intr-o pagina html merge...dar daca il pun la mesaj pe prima pagina....strica tot forumu:|
 nick
avatar
Rang: Administrator


MesajSubiect: Re: Slider2 Mier Mar 09, 2011 9:44 am  
Merge sigur , uite il postez intr-un topic , merge si in mesaj pe pe prima pagina


 Continut sponsorizat
Rang:


MesajSubiect: Re: Slider2  

*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

.