Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Placement du sélecteur de style

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Placement du sélecteur de style

Message par Kam27 le Ven 10 Aoû 2018 - 15:22

Détails techniques


Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://tavernedanna.forumactif.org/

Description du problème

Bonjour,
Récemment j'ai voulu installé un sélecteur de thème car je voulais que mes membres puissent choisir la couleur du forum.
Malheureusement en installant le javascript, l'option sélecteur de thème n'est pas apparu sur mon forum, alors pour remédier à ce problème j'ai cherché sur ce forum où j'ai trouvé ce code :

Spoiler:
select#sstyle {
background-color: #;
position: absolute;
bottom: 0px;
z-index: 1;
left: 50%;
margin: auto auto;
}

Hélas comme vous pouvez le voir sur le screenshot, l'option s'incruste sur le message d'accueil et ça me convient pas... :/
Donc, pour remédier à ce problème, je voulais savoir s'il existe un autre code qui pourrait mettre le sélecteur de thème sur un widget (l'idéal) ou la barre de navigation ?
Bien évidemment je reste ouvert à d'autres idée de placement

Bonne journée. Smile
avatar

Kam27
Nouveau membre

Messages : 14
Inscrit(e) le : 19/12/2016

http://tavernedanna.forumactif.org/
Kam27 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placement du sélecteur de style

Message par MlleAlys le Ven 10 Aoû 2018 - 21:52

Bonjour,
Le code devait certainement être tout en haut mais caché par la barre de navigation.
Remplacez le code par celui-ci, et voyez si cela vous convient ainsi placé dans la barre de navigation en haut à droite :
Code:
#sstyle {
  position: fixed;
  z-index: 1001;
  top: 3px;
  right: 10px;
  border-bottom: 0;
  color: white;
}
Sinon, pour le placer dans un widget, je peux essayer de bidouiller à partir du code javascript que vous avez utilisé.
avatar

MlleAlys
Membre actif

Messages : 4709
Inscrit(e) le : 12/09/2012

http://mllealys2.forumactif.org/
MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placement du sélecteur de style

Message par Kam27 le Sam 11 Aoû 2018 - 1:02

avatar

Kam27
Nouveau membre

Messages : 14
Inscrit(e) le : 19/12/2016

http://tavernedanna.forumactif.org/
Kam27 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Placement du sélecteur de style

Message par MlleAlys le Sam 11 Aoû 2018 - 1:20

1 - Créez un widget personnel dans lequel vous ne mettrez comme contenu que la balise vide suivante :
Code:
<div id="sstylebox"></div>
Cette balise nous servira de repère pour y insérer le sélecteur.

Placez le widget à l'endroit voulu sur votre forum.

2. Dans le code javascript, repérez la ligne suivante (qui insère le sélecteur au début du corps de page) :
Code:
$("body").prepend('<select id="sstyle" onChange="changestyle(this.value);this.selectedIndex=0;"><option>Choisir un style</option></select>');
Au début de cette ligne, remplacez "body" par "#sstylebox" ce qui donne :
Code:
$("#sstylebox").prepend('<select id="sstyle" onChange="changestyle(this.value);this.selectedIndex=0;"><option>Choisir un style</option></select>');

Enregistrez, puis actualisez votre forum. Le sélecteur devrait alors être inséré dans le widget.
avatar

MlleAlys
Membre actif

Messages : 4709
Inscrit(e) le : 12/09/2012

http://mllealys2.forumactif.org/
MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placement du sélecteur de style

Message par Kam27 le Sam 11 Aoû 2018 - 1:33

Cela fonctionne !
Merci encore, c'est une trop bonne nouvelle pour mes membres. Very Happy
avatar

Kam27
Nouveau membre

Messages : 14
Inscrit(e) le : 19/12/2016

http://tavernedanna.forumactif.org/
Kam27 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum