• Pagina 1 din 3
  • 1
  • 2
  • 3
  • »
Comunitatea uCoz » Altele » Instrumente şi Script-uri » Slider.
Slider.
SkipY
Postări: 495
Reputație: 24
Mesaj # 1 | 3:46 AM
Am văzut că tot aţi ceru slider si m-am gandit să postez unul.

DEMO: Click!
DOWNLOAD:Clck!
Sursă: Click!
Cum se instalează:
Se uploadează folderele si fişiereşe înafară de folderul demo. Intri în folderul demo şi de acolo uploadezi tot.
Şi acum in website. După <head> puneti :
Code
    <link rel="stylesheet" href="/themes/default/default.css" type="text/css" media="screen" />
       <link rel="stylesheet" href="/themes/pascal/pascal.css" type="text/css" media="screen" />
       <link rel="stylesheet" href="/themes/orman/orman.css" type="text/css" media="screen" />
       <link rel="stylesheet" href="/nivo-slider.css" type="text/css" media="screen" />
       <link rel="stylesheet" href="/style.css" type="text/css" media="screen" />

După <body> puneţi :
Code
    <script type="text/javascript" src="/scripts/jquery-1.7.1.min.js"></script>
       <script type="text/javascript" src="/jquery.nivo.slider.pack.js"></script>
       <script type="text/javascript">
       $(window).load(function() {
           $('#slider').nivoSlider();
       });
       </script>

Şi unde vreţi să apară slider-ul puneţi :
Code
    <div id="wrapper">

           <div class="slider-wrapper theme-default">
               <div class="ribbon"></div>
               <div id="slider" class="nivoSlider">
                   <img src="images/toystory.jpg" alt="" />
                   <a href="http://dev7studios.com"><img src="images/up.jpg" alt="" title="This is an example of a caption" /></a>
                   <img src="images/walle.jpg" alt="" data-transition="slideInLeft" />
                   <img src="images/nemo.jpg" alt="" title="#htmlcaption" />
               </div>
               <div id="htmlcaption" class="nivo-html-caption">
                   <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
               </div>
           </div>

       </div>

Şi îl pueţi modifica cum vreţi voi.
PS : în loc de images/walle.jpg, images/nemo.jpg, etc puneţi ce imagini vreţi să vă apară.

marius15
Postări: 265
Reputație: 9
Mesaj # 2 | 12:49 PM
Eu am respectat tot ceea ce ai zis tu aici ,insa la mine nu merge .
Nu stiu care poate fi motivul insa la mine nu vrea si pace . cry
Am incercat de 5-6 ori am urmarit foarte atent sa nu fac greseli insa degeaba ca nu imi merge .
Stie cineva care poate fi motivul??

SkipY
Postări: 495
Reputație: 24
Mesaj # 3 | 7:32 PM
http://adult.ucoz.ro/
Merge perfect, faci tu ceva gresit.

marius15
Postări: 265
Reputație: 9
Mesaj # 4 | 5:20 PM
Voi incerca inca odata sa bag acest slider ,daca nici de data aceasta nu merge ma las pagubas ,si as vrea sa cer ajutorul celor din forum ,poate cineva imi poate da mai multe explicatii ,deoarece sincer nu inteleg unde este greseala .
Skipy esti sigur ca nu este nimic gresit la coduri??A mai bagat cineva in afara de tine acest slider?? Si sa ii mearga??Acum nu mai sant ca in prima zi cand am creata site-ul si imi pot da seama ca de cat daca gresesc ceva ,insa de data asta nu pot sa imi dau seama unde gresesc .Skipy uite o chestie pe care eu nu o inteleg prea bine :

Quote
Cum se instalează:
Se uploadează folderele si fişiereşe înafară de folderul demo. Intri în folderul demo şi de acolo uploadezi tot.

In final cum este ?Se uploadeaza sau nu folderul DEMO.??
Eu am uploadat totul insa dupa introducerea codurilor asa cum ai zis si tu mai sus mie nu imi apare absolut nimic pe pagina .Imi ramane pagina la fel ca inainte fara a interveni vreo modificare .
Daca cineva ma poate ajuta sa rezolv aceasta problema il rog mult sa imi lase aici explicatiile necesare .

Material modificat de marius15 - Vineri, 27/01/2012, 5:55 PM
SkipY
Postări: 495
Reputație: 24
Mesaj # 5 | 0:56 AM
Uploadezi folderul DEMO dar intri în el şi uploadezi ce este în el nu cu tot cu folder.
marius15
Postări: 265
Reputație: 9
Mesaj # 6 | 12:13 PM
Da am inteles .
Am 2 site-uri ,care le tin pentru probe ,,si pe care am incercat cred de cel putin 10 ori sa bag acest slider .
Nu imi merge ,nu doar faptul ca nu merge nu imi modifica nnimic la pagina ,de aceea revin cu intrebarea :Sigur nu este nimic gresit la aceste coduri ??deoarece eu am facut cum ai spus tu insa nu se intampla nimic.

SkipY
Postări: 495
Reputație: 24
Mesaj # 7 | 2:45 PM
O întrebare : Ce poate fi greşit dacă mie îmi merge perfect pe pagina asta : slider ?
Concluzie : Nu urmezi paşii exact cum scrie acolo.
PS : Rog un alt moderator sau un alt utilizator să încerce script-ul şi să vină cu un răspuns dacă îi merge sau nu.

ArtyRo
Postări: 3502
Reputație: 140
Mesaj # 8 | 4:57 PM
marius15, link site
marius15
Postări: 265
Reputație: 9
Mesaj # 9 | 6:31 PM
AICI ,insa nu cred ca vei putea vedea mare lucru ,deoarece nu imi pare absolut nimic
ArtyRo
Postări: 3502
Reputație: 140
Mesaj # 10 | 7:31 PM
marius15, nu vad nimic din fisiere in head...
marius15
Postări: 265
Reputație: 9
Mesaj # 11 | 7:41 PM
Quote (Muşatinu)
marius15, nu vad nimic din fisiere in head...


Nu vezi nimic acolo deoarece dupa atatea incercari am dat Redat sablon initial ,insa uite daca te uiti aici la adresa asta unde am alt site de al meu care e pentru probe ,aici la STIRILE SITE-ULUI vei vedea ca nu apare nimic cu toate ca am introdus totul asa cum a zis SKIPY am uploadat totul asa cum a zis si am bagat acele coduri insa tot degeaba .
AICI

ArtyRo
Postări: 3502
Reputație: 140
Mesaj # 12 | 8:07 PM
marius15, ultima data iti cer site cu fisierele in head......
marius15
Postări: 265
Reputație: 9
Mesaj # 13 | 8:20 PM
Dupa ce am uploadat tot ceea ce a zis Skipy mai sus ,am introdus codurile in pagina STIRILE SITEULUI
Asa arata acum aceasta pagina
Code

<html>
  <head>
  <link rel="stylesheet" href="/themes/default/default.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="/themes/pascal/pascal.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="/themes/orman/orman.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="/nivo-slider.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="/style.css" type="text/css" media="screen" />  
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>$TITLE_BAR$ - $SITE_NAME$</title>
<?$META_DESCRIPTION$?>
   
  <link href="/.s/src/css/785.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
  <script type="text/javascript" src="/scripts/jquery-1.7.1.min.js"></script>
  <script type="text/javascript" src="/jquery.nivo.slider.pack.js"></script>
  <script type="text/javascript">
  $(window).load(function() {
  $('#slider').nivoSlider();
  });
  </script>
   
  <div id="wrapper">

  <div class="slider-wrapper theme-default">
  <div class="ribbon"></div>
  <div id="slider" class="nivoSlider">
  <img src="images/toystory.jpg" alt="" />
  <a href="http://dev7studios.com"><img src="images/up.jpg" alt="" title="This is an example of a caption" /></a>
  <img src="images/walle.jpg" alt="" data-transition="slideInLeft" />
  <img src="images/nemo.jpg" alt="" title="#htmlcaption" />
  </div>
  <div id="htmlcaption" class="nivo-html-caption">
  <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
  </div>
  </div>

  </div>  
$ADMIN_BAR$
  $GLOBAL_AHEADER$
  <!-- <middle> -->
  <div id="maincol">
  <!-- <body> --><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Principală<!--</s>--></a> » $DATE_BAR$ <hr />
$BODY$<!-- </body> -->
  </div>
  <div id="sidebar">
  <div id="soc">
  <?if($RSS_LINK$)?><a href="$RSS_LINK$" target="_blank" title="RSS" class="soc-rss"></a><?endif?>
  <a href="http://del.icio.us/post?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Del.icio.us" class="soc-del"></a>
  <a href="http://www.facebook.com/share.php?u=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="FaceBook" class="soc-facebook"></a>
  <a href="http://memori.ru/link/?sm=1&u_data[url]=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Memori" class="soc-memori"></a>
  <a href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Vkontakte" class="soc-vkontakte"></a>
  <a href="http://twitter.com/share?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Twitter" class="soc-twitter"></a>
  </div>
  $GLOBAL_CLEFTER$
  </div>
  <div class="clear"></div>
  <!-- </middle> -->
  </div>
  </div>
  $GLOBAL_BFOOTER$
  </div>
  </div>
  </div>
  </body>
</html>

ArtyRo
Postări: 3502
Reputație: 140
Mesaj # 14 | 8:30 PM
marius15,

Fisieru nu exista
http://blackcrusader.ucoz.com/themes/default/default.css
http://blackcrusader.ucoz.com/themes/pascal/pascal.css
http://blackcrusader.ucoz.com/themes/orman/orman.css
http://blackcrusader.ucoz.com/nivo-slider.css
http://blackcrusader.ucoz.com/scripts/jquery-1.7.1.min.js
http://blackcrusader.ucoz.com/jquery.nivo.slider.pack.js

iar asta e cu totul alt ceva.....
http://blackcrusader.ucoz.com/style.css

creati in filemanager folderu slide

in el incarcati toate aceste fisiere + imaginile din folderu default
Intre head si head puneti:
Code
<link rel="stylesheet" href="/slide/default.css" type="text/css" media="screen" />  
  <link rel="stylesheet" href="/slide/pascal.css" type="text/css" media="screen" />  
  <link rel="stylesheet" href="/slide/orman.css" type="text/css" media="screen" />  
  <link rel="stylesheet" href="/slide/nivo-slider.css" type="text/css" media="screen" />  
  <link rel="stylesheet" href="/slide/style.css" type="text/css" media="screen" />


iar dupa body

Code
<script type="text/javascript" src="/slide/jquery-1.7.1.min.js"></script>  
  <script type="text/javascript" src="/slide/jquery.nivo.slider.pack.js"></script>  
  <script type="text/javascript">  
  $(window).load(function() {  
  $('#slider').nivoSlider();  
  });  
  </script>

pe viitor va rugam sa cititi atent si cand se cere link-ul se da cel de unde sa introdus codurile.. noi nu suntem obligati sa va cautam.

marius15
Postări: 265
Reputație: 9
Mesaj # 15 | 8:51 PM
Nu inteleg de ce acele fisiere nu sant gasite insa iti pot demonstra ca eu le-am incarcat in managerul de fisiere si ca am creat exact asa cum ai spus si tu un folder numit SLIDER .Nu stiu din ce motive nu apar insa eu le-am incarcat .

Material modificat de marius15 - Sâmbătă, 28/01/2012, 8:52 PM
Comunitatea uCoz » Altele » Instrumente şi Script-uri » Slider.
  • Pagina 1 din 3
  • 1
  • 2
  • 3
  • »
Căutare: