Oldal 1 / 11
A fórum moderátora: KovJonas 
uCoz közösség » Webmester-részleg » A honlap külalakjának testreszabása » Nivo Silder beállítása, használata
Nivo Silder beállítása, használata
vmarci21
A fórum moderátora
Üzenetek: 951
Hírnév: 52

Üzenet # 1 | 19:10
A nivo silder egy látványos silder képekből, amit a weboldalatra tehetsz.

példa

Hogyan? telepítés:





1.: Az alábbi oldalról töltsük le a zip-állományt
2.: Csomagoljuk ki, majd töltsük fel egy új (a példában silder) mappába

3.: A kivánt oldal HEAD részébe helyezzük a linkeket:
Kód
<link rel="stylesheet" type="text/css" href="/silder/nivo-slider.css"/>
<script type="text/javascript" src="/silder/jquery.nivo.slider.pack.js"></script>

4.: a megfelelő oldalra szúrjuk be a script-et, és a képeket a következőképpen:

- HTML szerkesztőbe (HTML kódok panel gomb)
- sortörések cseréje br tag-el alől pipa ki


Csatolmányok: 4843454.png(28Kb) · 3765972.png(79Kb) · 5667928.png(35Kb)

Partner és főmoderátor.

Kérdezés előtt használd a keresőt és a linktárat!
into.hu! | VideoRemote
bigblog
Üzenetek: 1662
Hírnév: 47

Üzenet # 2 | 10:35
Kötelező, hogy a mappa "slider" legyen?
Ingyenes erőforrások uCoz-os honlapodra!

Weboldaladat itt mutathatod be! A túlzott spammolás a profil letiltását is eredményezheti.
vmarci21
A fórum moderátora
Üzenetek: 951
Hírnév: 52

Üzenet # 3 | 13:52
bigblog, nem, de akkor a akkor a linket is írd át a 3. pontban. wink
Partner és főmoderátor.

Kérdezés előtt használd a keresőt és a linktárat!
into.hu! | VideoRemote
mahumaq
Üzenetek: 5
Hírnév: 0

Üzenet # 4 | 20:12
Köszi! Király vagy mester! :Đ
bigblog
Üzenetek: 1662
Hírnév: 47

Üzenet # 5 | 21:06
Köszönöm! Nagyon hasznos tipp!!!
Minden tiszteletem a tiéd, vmarci21!

Ingyenes erőforrások uCoz-os honlapodra!

Weboldaladat itt mutathatod be! A túlzott spammolás a profil letiltását is eredményezheti.
mahumaq
Üzenetek: 5
Hírnév: 0

Üzenet # 6 | 22:49
Szia! Nekem még most sem működik! itt a kód, amit csináltam (természetesen saját képek linkjeit illesztettem be.)

<link rel="stylesheet" type="text/css" href="nivo-slider.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
$(window).load(function() {
$('#slider').nivoSlider();
});
<div id="slider">
<img src="images/slide1.jpg" alt="">
<img src="images/slide2.jpg" alt="">
<img src="images/slide3.jpg" alt="">
<img src="images/slide4.jpg" alt="">
</div>
#slider
{
position: relative;
background: url(images/loading.gif) no-repeat 50% 50%;
}

#slider img
{
position: absolute;
top: 0px;
left: 0px;
display: none;
}
$('#slider').data('nivo:vars').stop = true; // Slider indítása
$('#slider').data('nivo:vars').stop = false; // Slider megállítása
#slider .nivo-controlNav img
{
display: inline;
position: relative;
}

Légyszi nézd már meg, mit ronthattam el. Köszi
vmarci21
A fórum moderátora
Üzenetek: 951
Hírnév: 52

Üzenet # 7 | 14:40
mahumaq,

Ez CSS-be:
Kód
#slider  
{  
position: relative;  
background: url(images/loading.gif) no-repeat 50% 50%;  
}  

#slider img  
{  
position: absolute;  
top: 0px;  
left: 0px;  
display: none;  
}  
$('#slider').data('nivo:vars').stop = true; // Slider indítása  
$('#slider').data('nivo:vars').stop = false; // Slider megállítása  
#slider .nivo-controlNav img  
{  
display: inline;  
position: relative;  
}


A HTML head részébe:

Kód
<link rel="stylesheet" type="text/css" href="nivo-slider.css">  
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js">
$(window).load(function() {  
$('#slider').nivoSlider();  
});  
</script>


és a Body-ba, a megfelelő helyre:

Kód
<div id="slider">  
<img src="images/slide1.jpg" alt="">  
<img src="images/slide2.jpg" alt="">  
<img src="images/slide3.jpg" alt="">  
<img src="images/slide4.jpg" alt="">  
</div>

Partner és főmoderátor.

Kérdezés előtt használd a keresőt és a linktárat!
into.hu! | VideoRemote
mahumaq
Üzenetek: 5
Hírnév: 0

Üzenet # 8 | 08:53
Hozzászólás szövegevmarci21, értem, hogy mit írsz, de nem jön össze sehogy sem :/ passzolom, mi lehet a baj, vagyis tuti, hogy én rontok el valamit valahol, de nem vágom, hogy mit :/ cry
bigblog
Üzenetek: 1662
Hírnév: 47

Üzenet # 9 | 21:02
mahumaq, a helyes kód:

CSS-be: ez jól van

A HTML HEAD részébe:
Kód
<link rel="stylesheet" type="text/css" href="/nivo-slider.css">   
<script type="text/javascript" src="/js/jquery.nivo.slider.pack.js">  
$(window).load(function() {   
$('#slider').nivoSlider();   
});   
</script>


BODY-ba:
Kód
<div id="slider">   
<img src="/images/slide1.jpg" alt="">   
<img src="/images/slide2.jpg" alt="">   
<img src="/images/slide3.jpg" alt="">   
<img src="/images/slide4.jpg" alt="">   
</div>

Ingyenes erőforrások uCoz-os honlapodra!

Weboldaladat itt mutathatod be! A túlzott spammolás a profil letiltását is eredményezheti.
uCoz közösség » Webmester-részleg » A honlap külalakjának testreszabása » Nivo Silder beállítása, használata
Oldal 1 / 11
Keresés: