jQuery & co...
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
jQuery & co...
hi !!
j'ai trouvé un tutoriel sympa (ici) pour optimiser mon forum mais je n'ai aucune idée pour installer tous les éléments qui le composent sur le panneau d'administration.
je suppose que la première partie du code doit s'intégrer dans la partie "PA => Affichage => Généralité" (c'est ce que je recherche)
mais que faire de la seconde partie (le code jQuery) ??
n'y a t'il pas non plus une histoire de librairie jQuery (jquery.FacileTabs.js) à ajouter ?
quelqu'un pourrait-il me dépêtrer de ce casse tête s'il vous plait ??
j'ai trouvé un tutoriel sympa (ici) pour optimiser mon forum mais je n'ai aucune idée pour installer tous les éléments qui le composent sur le panneau d'administration.
je suppose que la première partie du code doit s'intégrer dans la partie "PA => Affichage => Généralité" (c'est ce que je recherche)
mais que faire de la seconde partie (le code jQuery) ??
n'y a t'il pas non plus une histoire de librairie jQuery (jquery.FacileTabs.js) à ajouter ?
quelqu'un pourrait-il me dépêtrer de ce casse tête s'il vous plait ??
Dernière édition par Jainagirl le Mer 1 Déc 2010 - 23:31, édité 1 fois
Re: jQuery & co...
Bonsoir
Avez vous accès aux templates?
Cordialement.
Avez vous accès aux templates?
Cordialement.
Re: jQuery & co...
oui je suis l'admin du forum
Re: jQuery & co...
bonsoir
Ok a ce moment la il faut héberger le fichier jquery.FacileTabs.js
par exemple chez archive host
Ensuite dans le template overall header juste avant </head> insérer ceci
Insérez ensuite la partie Xhtml dans la page d'accueil et modifier à votre guise..
il faut certainement ensuite faire une mise en page via le CSS.
Cordialement.
Ok a ce moment la il faut héberger le fichier jquery.FacileTabs.js
par exemple chez archive host
Ensuite dans le template overall header juste avant </head> insérer ceci
- Code:
<script src="ICI LE LIEN DE VOTRE FICHIER jquery.FacileTabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#menuOnglets").facileTabs();
});
</script>
Insérez ensuite la partie Xhtml dans la page d'accueil et modifier à votre guise..
- Code:
<ul id="menuOnglets">
<li><a href="#blocUn">Onglet Un</a></li>
<li><a href="#blocDeux">Onglet Deux</a></li>
<li><a href="#blocTrois">Onglet Trois</a></li>
</ul>
<hr/>
<div class="bloc" id="blocUn">
<h3>Bloc de l'onglet UN</h3>
<p>Lorem ipsum dolor sit amet, <a href="http://qc.yahoo.ca/">consetetur sadipscing</a> elitr, sed diam nonumyeirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diamvoluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumyeirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diamvoluptua. At vero eos et accusam et justo duo dolores et ea reb...</p>
<hr/>
</div>
<div class="bloc" id="blocDeux">
<h3>Bloc de l'onglet DEUX</h3>
<p>Cum saepe multa, tum memini domi in hemicyclio sedentem, ut solebat, cum et ego essem una et pauci admodum familiares, in eum sermonem illum incidere qui tum forte multis erat in ore. Meministi enim profecto, Attice, et eo magis, quod P. Sulpicio utebare multum, cum is tribunus plebis capitali odio a Q. Pompeio, qui tum erat consul, dissideret, quocum coniunctissime et amantissime vixerat, quanta esset hominum vel admiratio vel querella.</p>
<hr/>
</div>
<div class="bloc" id="blocTrois">
<h3>Bloc de l'onglet TROIS</h3>
<p>Dein Syria per speciosam interpatet diffusa planitiem. hanc nobilitat Antiochia, mundo cognita civitas, cui non certaverit alia advecticiis ita adfluere copiis et internis, et Laodicia et Apamia itidemque Seleucia iam inde a primis auspiciis florentissimae.</p>
<hr/>
</div>
il faut certainement ensuite faire une mise en page via le CSS.
Cordialement.
Re: jQuery & co...
merci pour la réponse, je vais tester ceci ^^
je vous tiens au courant...
je vous tiens au courant...
Re: jQuery & co...
ok !! ca marche. merci beaucoup !
il reste juste la mise en forme. je vais tenter de me débrouiller !
encore merci !
il reste juste la mise en forme. je vais tenter de me débrouiller !
encore merci !
Re: jQuery & co...
bonsoir
Dans la même lignée avec la mise en forme
Ensuite dans le template overall header juste avant </head> insérer ceci
Insérez ensuite la partie Xhtml dans la page d'accueil et modifier à votre guise..
Dans la même lignée avec la mise en forme
Ensuite dans le template overall header juste avant </head> insérer ceci
- Code:
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#tabs").tabs();
});
</script>
Insérez ensuite la partie Xhtml dans la page d'accueil et modifier à votre guise..
- Code:
<div id="tabs">
<ul>
<li><a href="#fragment-1"><span>Onglet 1</span></a></li>
<li><a href="#fragment-2"><span>Onglet 2</span></a></li>
<li><a href="#fragment-3"><span>Onglet 3</span></a></li>
</ul>
<div id="fragment-1">
<p>First tab is active by default:</p>
<pre><code>$('#example').tabs();</code></pre>
</div>
<div id="fragment-2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
<div id="fragment-3">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
</div>
Re: jQuery & co...
mon forum s'est tout décalé sur la gauche. je me souviens avoir lu la solution de ce problème sur le forum mais je ne la retrouve pas...
Re: jQuery & co...
Bonjour
Avec le premier ou le dernier script?
Peut être une histoire de margin..
Cordialement.
Avec le premier ou le dernier script?
Peut être une histoire de margin..
Cordialement.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum