Installer s3Slider jQuery plugin sur Arfooo

Tout ce qui concerne le squelette d'un site.
Trouver toute l'aide sur le graphisme, Xhtml, Html, Css...

Installer s3Slider jQuery plugin sur Arfooo

Messagede Dikky » Sam 4 Sep 2010 17:26

Slt :D

J'ai trouvé un petit plug in diaporama que j'aimerai installer sur mon arfooo mais après 2 jours d'essai je n'y arrive pas :oops: .

le site du plug in http://www.serie3.info/s3slider/
un exemple de site : http://www.lepetitcornichon.com/
un exemple sur arfooo : http://www.kikibio.com/

J'ai vue ce plug in installer sur des arfooo donc si un des webmasters pouvais m'expliquer ou faire un tuto ;) ce serai génial.

merci d'avance
http://www.lesboutiquesweb.com Annuaire de boutiques
http://www.jeux-buzz.net Jeux en ligne de vos héros préférés
Dikky
 
Messages: 86
Inscription: Lun 17 Mar 2008 14:14


Re: Installer s3Slider jQuery plugin sur Arfooo

Messagede jjcc » Mar 7 Sep 2010 16:10

écoute cela fait trois heures que j'essaie .... j'ai bien le texte et les images mais pas l'animation !! j'ai bien inséré les js mais ?
a suivre ...
jjcc
 
Messages: 159
Inscription: Ven 25 Avr 2008 07:54
Localisation: La Rochelle

Re: Installer s3Slider jQuery plugin sur Arfooo

Messagede jjcc » Mar 7 Sep 2010 19:33

bonsoir
j'ai un souci pour insérer ce script
Code: Tout sélectionner
<script type="text/javascript">
$(document).ready(function() {
$('#slider1').s3Slider({
timeOut: 6000
});
});
</script>

ma page reste vide ,je n'ai que le fond qui s'affiche .. si je l'enlève ma page se ré affiche ?
une idée ou la solution
merci
jjcc
 
Messages: 159
Inscription: Ven 25 Avr 2008 07:54
Localisation: La Rochelle

Re: Installer s3Slider jQuery plugin sur Arfooo

Messagede Hexa-67 » Mar 7 Sep 2010 19:51

Essaye en mettant ton code entre ces deux balises:

{literal} {/literal}
Avatar de l’utilisateur
Hexa-67
 
Messages: 966
Inscription: Lun 1 Mar 2010 17:59

Re: Installer s3Slider jQuery plugin sur Arfooo

Messagede jjcc » Ven 10 Sep 2010 09:27

merci c'est ok...
j'étais parti du mauvais côté pour l'install.. en fait c'est assez simple a faire !! si tu veux un exemple c'est ici http://freeglobes17.org/annuaire/1 (site-test) je fais encore des essais (css et autres) si tu cherches toujours ..je te donne la marche a suivre
cordialement
Dernière édition par jjcc le Dim 12 Sep 2010 13:38, édité 1 fois.
jjcc
 
Messages: 159
Inscription: Ven 25 Avr 2008 07:54
Localisation: La Rochelle

Re: Installer s3Slider jQuery plugin sur Arfooo

Messagede jjcc » Ven 10 Sep 2010 12:08

par contre j'ai un bug dans la page catégorie et détails !! pas d'images ? où tout simplement afficher le script que dans le header et pas les autres pages
une idée
merci
jjcc
 
Messages: 159
Inscription: Ven 25 Avr 2008 07:54
Localisation: La Rochelle

Re: Installer s3Slider jQuery plugin sur Arfooo

Messagede Dikky » Sam 11 Sep 2010 00:29

slt jjcc

super c'est exactement ce que je cherche à faire :D si tu peu nous donne la marche a suivre ;) ca fera plaisir à pas mal de gens je pense

merci d'avance
http://www.lesboutiquesweb.com Annuaire de boutiques
http://www.jeux-buzz.net Jeux en ligne de vos héros préférés
Dikky
 
Messages: 86
Inscription: Lun 17 Mar 2008 14:14

Re: Installer s3Slider jQuery plugin sur Arfooo

Messagede jjcc » Sam 11 Sep 2010 08:30

bon je vais essayer d'être clair...
dans un premier temps , télécharger le slider ici http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/.
déziper et placer le dossier images à trois endroits ..dans :
_1
templates/arfooo/images
templates/arfooo/css
et à la base de ton annuaire
_2
ensuite dans ton header ajouter ceci :
Code: Tout sélectionner
{literal}
<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://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
   $(document).ready(function(){
      $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 6000, true);
   });
</script>
{/literal}

juste avant ça :
Code: Tout sélectionner
{/if}
{if isset($headData)}
{$headData}{/if}

</head>

et pour terminer ajouter également dans ton header (copie de l'index) ceci:
Code: Tout sélectionner
<h3>Glossaire</h3>
      
      <div id="featured" >
        <ul class="ui-tabs-nav">
           <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" /><span>+1 ...  Les nouveaus sites référencés dans l'annuaire Freeglobes17</span></a></li>
           <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/image2-small.jpg" alt="" /><span>+2 ... Le top rank des sites inscrits dans Freeglobes17</span></a></li>
           <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/image3-small.jpg" alt="" /><span>+3 ...Le page rank de google c'est quoi ?</span></a></li>
           <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/image4-small.jpg" alt="" /><span>+4 ...Devenir partenaire de Freeglobes17</span></a></li>
         </ul>

       <!-- First Content -->
       <div id="fragment-1" class="ui-tabs-panel" style="">
         <img src="images/image1.jpg" alt="" />
          <div class="info" >
            <h2><a href="#" >15+Les derniers sites référencés</a></h2>
            <p><b>Vous éditez un site web ou un blog,fa&icirc;tes-en profiter notre annuaire pour augmenter votre référencement et votre PR...</b><a href="http://freeglobes17.org/nouveautes.html" > Explorer</a></p>
          </div>
       </div>

       <!-- Second Content -->
       <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
         <img src="images/image2.jpg" alt="" />
          <div class="info" >
            <h2><a href="#" >Le top rank de Freeglobes17</a></h2>
            <p><b>Nous mettons tout en oeuvre pour que vous puissiez &ecirc;tre positionnés de fa&ccedil;on optimale dans les moteurs de recherche et principalement Google.....</b><a href="http://freeglobes17.org/top-rank.html" > Explorer</a></p>
          </div>
       </div>

       <!-- Third Content -->
       <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
         <img src="images/image3.jpg" alt="" />
          <div class="info" >
            <h2><a href="#" >Le page rank de Google</a></h2>
            <p><b>Le PageRank de la page A est défini comme suit :
    PR(A) = (1-d) + d (PR(T1)/C(T1) + ... + PR(Tn)/C(Tn))....</b><a href="http://www.referencement-team.com/pagerank/pagerank_referencement.html" > Explorer</a></p>
            </div>
       </div>

       <!-- Fourth Content -->
       <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
         <img src="images/image4.jpg" alt="" />
          <div class="info" >
            <h2><a href="#" >Devenir partenaire</a></h2>
            <p><b>Pour devenir partenaire de Freeglobes17 , il suffit de remplir ce formulaire ....<a href="http://freeglobes17.org/partenaires/index.php" > Devenir</a></p>
            </div>
       </div>

      </div>

moi je l'ai placé juste avant :
Code: Tout sélectionner
<div id="main1">
<div id="main2">

à toi de le placer où tu veux ...
pour le css , tu ajoutes celui du zip au tient dans templates/arfooo/css/style.css
et c'est tout ..
attention il faut reprendre le css pour adapter les couleurs et la taille à ton annuaire
et également les images , pour les personnaliser à ton goût
ATTENTION: il y a un bug dans catégories et détails (pas d'images ?) je n'ai pas encore résolu le couic !!
a noter que tu peux également créer une page "slider.tpl" et l'ajouter avec une include dans ton header... mais ya toujours ce couic avec les images?
cordialement
jjcc
 
Messages: 159
Inscription: Ven 25 Avr 2008 07:54
Localisation: La Rochelle

Re: Installer s3Slider jQuery plugin sur Arfooo

Messagede jjcc » Dim 12 Sep 2010 07:26

j'ai la solution sous le nez depuis le début comme quoi .....pour avoir les images partout il suffit de renseigner son chemin !!
dans le script :
Code: Tout sélectionner
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" /><span>


remplir l'adresse de l'image comme ceci :
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="http://freeglobes17.org/annuaire/images/image1-small.jpg" alt="" /><span>

a faire partout ou vous avez vos images ... bien entendu ici c'est l'adresse de mes images ;)

@ pluche et bon Dimanche
ps : comme cela est ok maintenant j'ai changé le lien et installé sur mon annuaire ici http://freeglobes17.org/ .. je supprime l'adresse du site de tests
jjcc
 
Messages: 159
Inscription: Ven 25 Avr 2008 07:54
Localisation: La Rochelle

Re: Installer s3Slider jQuery plugin sur Arfooo

Messagede Grafidiz » Lun 13 Sep 2010 17:34

Hum ... il aurait été plus simple de me demander non ? :roll:
Templates Arfooo Premium
http://www.grafidiz.com
Grafidiz
 
Messages: 304
Inscription: Ven 1 Mai 2009 17:28

Suivante

Retourner vers Xhtml, Html, Css, Graphisme

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité

 
Copyright © arfooo.com  2007 - 2011  -  Tous droits réservés  -  Partenaires de confiance
Sites du groupe: petites annonces gratuites   voyance en direct - tirage tarot   Consultant en référencement
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group | phpBB SEO Traduction par: phpBB-fr.com
cron