Changer la place du sélecteur de style

2 participants

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

Résolu Changer la place du sélecteur de style

Message par CapriceK Sam 13 Juin 2015, 11:35

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://arestomomentum.conceptbb.com

Description du problème

Bonjour!

J'ai installé le sélecteur de thème que l'on trouve ici sur mon forum. Tout fonctionne bien, mais pour les besoins du futur design, j'aimerai l'intégrer à la barre de navigation (ou du moins le place à l'intérieur du corps 'bodyline', puisqu'après je peux artificiellement le placer à côté de la barre de navigation).
Le problème, c'est qu'actuellement il est placé hors du corps, et donc sa position change selon la largeur de la page, ce qui est assez embêtant.

Quelqu'un saurait-il comment faire?

Merci d'avance Smile
CapriceK

CapriceK
*

Messages : 49
Inscrit(e) le : 25/08/2011

http://arestomomentum.conceptbb.com
CapriceK a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la place du sélecteur de style

Message par Ea Sam 13 Juin 2015, 12:04

Bonjour,


J'ai modifié un rien le script à l'adresse http://s301826463.onlinehome.fr/fdf/viewtopic.php?pid=38#p38 pour rendre la modification indiquée dans ce message plus facile.

La ligne qui met le sélecteur est celle-ci :

Code:
$("body").prepend('<select id="sstyle" onChange="changestyle(this.value);this.selectedIndex=0;"><option>Choisir un style</option></select>');

Il est donc ajouté au début à l'intérieur (prepend) de la balise <body> (la balise qui contient tout le forum).


A la place de "body" vous pouvez mettre n'importe quel sélecteur CSS (donc pour la classe bodyline : ".bodyline") et vous pouvez remplacer prepend par append (ajouter à la fin de l'intérieur de la balise), after (après la balise) et before (avant la balise).

Vous pouvez très bien changer cette ligne plus que ça, par exemple pour le mettre dans le profil en dessous de l'option des smileys sous phpbb2 :

Code:
$('#register input[name="allowsmilies"]').closest('tr').after('<tr><td class="row1"><span class="gen">Thème du Forum&nbsp;:</span></td><td class="row2"><span class="gensmall"><select id="sstyle" onChange="changestyle(this.value);this.selectedIndex=0;"><option>Choisir un style</option></select></span></td></tr>');

Vous pouvez même supprimer la ligne dans le javascript et l'ajouter dans une template (ça doit aussi fonctionner dans le message d'accueil et peut-être les widgets):

Code:
<select id="sstyle" onChange="changestyle(this.value);this.selectedIndex=0;"><option>Choisir un style</option></select>


Vous pourriez également même ne pas utiliser une liste déroulante, et permettre de changer le style d'une autre façon, par exemple :

Code:
cliquer sur le smiley pour le style smiley : <a href="javascript:void()" onclick="changestyle('http://www.monstyle/monstyle.css')"><img src="http://2img.net/i/fa/i/smiles/icon_biggrin.png" /></a>

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la place du sélecteur de style

Message par CapriceK Sam 13 Juin 2015, 15:02

Merci pour la solution, ça fonctionne à merveille! J'avais pensé à ça mais j'avais changé la mauvaise ligne... Merci encore Smile
CapriceK

CapriceK
*

Messages : 49
Inscrit(e) le : 25/08/2011

http://arestomomentum.conceptbb.com
CapriceK 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