Pouvoir placer le sélecteur de styles

[Tempo]

Bonjour, j'ai d'abord cherché plusieurs fois pour trouver une solution, mais rien.

J'utilise le tutoriel fourni par le forum à cette adresse : https://forum.forumactif.com/t308631-selecteur-de-style

Tout marche bien, les css sont pris en charge comme il le faut, pas de souci de ce côté. Par contre, le sélecteur se mettant tout en haut à gauche, ça engendre quelques soucis avec mon design. J'ai collé la barre de navigation tout en haut, mais à cause du sélecteur, il y a un décalage assez laid qui se produit.

J'ai donc deux questions.

Ne connaissant pas vraiment le javascript, comment peut-on choisir l'emplacement du sélecteur ? J'aimerais qu'il soit plus bas et si possible, toujours visible à l'écran.

Sur mon forum, j'ai placé un déroulant pour la navigation, est-ce possible de faire de même pour ce sélecteur ? Avec plus simplement des liens plutôt qu'une boite de sélection ? S'il faut garder cette allure, ce n'est pas gênant, mais j'aimerai pouvoir changer ne serait-ce que sa position.

Merci d'avance pour ceux qui pourront m'aider ou au moins essayer ^^

[Dr. Sam]

Bonjour,

Quelle est le lien de votre forum ?

De plus, assurer vous de laisser le sélecteur de style et de ne pas y toucher


Cordialement,

[Tempo]

Je vous donne le lien de mon forum test ne l'ayant mis que là. Ne faites pas attention sur ce que le sélecteur ne modifie pas, je voulais d'abord tester si ça marchait.

http://testforumtempo2.forumgratuit.org/

Comme vous pouvez le constater, la navigation et le sélecteur se chevauchent, ce qui a pour effet de décaler la barre de navigation qui était collé tout en haut auparavant.

[Dr. Sam]

Bonjour,

Tu peux le mettre sur ton vrai forum que je puisse voir mieux ce que cela va donner s'il te plait ?


Cordialement,

[Tempo]

Non, je ne peux pas désolé, il se trouve que ce n'est pas pour les design en cours, mais pour ceux que je vais créer plus tard. Il se trouve également que c'est une surprise et le vrai forum a exactement la même architecture que mon forum test.

[demeter1]

Bonjour Tempo,
Pas besoin d'avoir accès à votre forum pour vous indiquer la marche à suivre.

1. Modifier le code javascript.
Repérez:

Code:

$("body").prepend

Et remplacez-le par:

Code:

$("#selecteur").append

2. Ajouter le sélecteur dans le template overall_header.
Repérez ceci:

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>

Et ajoutez juste au dessus:

Code:

<table cellspacing="0" cellpadding="0" border="0" align="center">
              <tr> <td><div id="selecteur"></div></td></tr></table>

Enregistrez et publiez.

Le sélecteur se placera au dessus de la barre de navigation.

La div avec l'identifiant "selecteur" vous permet de placer le sélecteur où vous le voulez. Si vous n'êtes pas à l'aise avec la modification de templates, vous pouvez par exemple la placer dans la description du site.

Cordialement.

[Tempo]

Je viens d'essayer et ça marche parfaitement, merci beaucoup. J'édite en résolu.