sélecteur de thème, souci d'affichage.

[wasted comets]

Bonjour!
Je suis en train d'installer un sélecteur de thèmes sur mon forum et il semble qu'il y ait un problème avec le script (j'ai dû faire une erreur quelque part, mais je n'arrive pas à voir où). Je pense avoir bien respecté chacune des étapes mais le sélecteur n'apparaît pas et je n'arrive pas à trouver mon erreur.

Voilà la page html :

Code:

//STAR Skin Selector by Bourne (montatuforo.net) and  3mOtrOnik (toxigeek.com)
document.write('<style>body {margin-top:50px !important;} select {color: #fff !important; background-color: #000 !important;}  option {font-family: verdana; font-size: 10px; color: white;} option.sl {color: #fff !important; background-color: #000;} SELECT{ font-family: verdana; font-size: 10px; color: white; </style>');
document.write('<div style="position: absolute; width: 150px; height: 38px; z-index: 1; left: 5px; top: 10px" id="skinselector"><form><select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();"><option class="sl"> Cambiar de Skin </option><option class="sl" value="version verte"> version verte </option><option class="sl" value="version bleue"> version bleue </option><option class="sl" value="version orange"> version orange </option></select></form></div>');
var scheme = getCookie('template1');
if (scheme == 'version verte') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.archive-host.com/files/1272094/6d3bb7078ac78210c255fb60f5f9b1a223fabde9/thubvert.css">');
} else if (scheme == 'version bleue') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.archive-host.com/files/1272004/6d3bb7078ac78210c255fb60f5f9b1a223fabde9/thubbleu.css">');
} else if (scheme == 'version orange') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.archive-host.com/files/1272118/6d3bb7078ac78210c255fb60f5f9b1a223fabde9/thuborange.css">');
}

function changeskin(change) {
var scheme = change;
var name = 'template1';
var pathname = location.pathname;
var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var ExpDate = new Date ();
ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
setCookie(name,scheme,ExpDate,myDomain);
}
function getCookie(name){
var cname = name + "=";
var dc = document·cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}

function setCookie(name, value, expires, path, domain, secure) {
document·cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
((secure == null) ? "" : "; secure");
}
//END Skin Selector by Bourne (montatuforo.net) and  3mOtrOnik (toxigeek.com)

Puis la partie à insérer dans la description du forum :

Code:

<span id=temsel></span><script type=text/javascript src=http://hideunderbeds.1fr1.net/h1-selecteurthub>

(en sachant qu'à chaque fois que je valide, les "" encadrant l'url disparaissent).

Merci beaucoup de votre aide,
cordialement.

[wasted comets]

Up Je suis censée rendre la version ce soir. Il y aura sans doute du retard!

Bon, j'ai continué de travailler dessus et suis arrivée à ces codes :

Page html :

Code:

var type=getCookie('template1');vartemsel=document.getElementById('temsel');temsel.innerHTML='<select="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option> adopte un style </option><option value="valeur1"> version verte </option><option value="valeur2"> version bleue </option><option value="valeur3"> version orange </option></select>';
 
 
 
 
        if (type == 'valeur1')
        {
            document.write('<link rel="stylesheet" type="text/css" href="http://www.archive-host.com/files/1272094/6d3bb7078ac78210c255fb60f5f9b1a223fabde9/thubvert.css">');
        }
        else if (type == 'valeur2')
        {
            document.write('<link rel="stylesheet" type="text/css" href="http://www.archive-host.com/files/1272004/6d3bb7078ac78210c255fb60f5f9b1a223fabde9/thubbleu.css">');
        }
        else if (type == 'valeur3')
        {
            document.write('<link rel="stylesheet" type="text/css" href="http://www.archive-host.com/files/1272118/6d3bb7078ac78210c255fb60f5f9b1a223fabde9/thuborange.css">');
        }
 
        function changeskin(change) {
            var scheme = change;
            var name = 'template1';
            var pathname = location.pathname;
            //var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
            var ExpDate = new Date ();
            ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
            setCookie(name,scheme,ExpDate,'/');
        }
        function getCookie(name){
            var cname = name + "=";
            var dc = document·cookie;
            if (dc.length > 0) {
                begin = dc.indexOf(cname);
                if (begin != -1) {
                    begin += cname.length;
                    end = dc.indexOf(";", begin);
                    if (end == -1) end = dc.length;
                    return unescape(dc.substring(begin, end));
                }
            }
            return null;
        }
        function setCookie(name, value, expires, path, domain, secure) {
            document·cookie = name + "=" + escape(value) +
            ((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
            ((path == null) ? "" : "; path=" + path) +
            ((domain == null) ? "" : "; domain=" + domain) +
            ((secure == null) ? "" : "; secure");
        }

& script que j'ai inséré dans le template overall_header à l'endroit indiqué dans le tuto proposé par fdf:

Code:

<span id="temsel"></span><script type="text/javascript" src="http://hideunderbeds.1fr1.net/h2-themethub"></script>

Et là encore, rien ne s'affiche.

[Threax]

Bonjour,

Je vous rappelle que les UP sont autorisés uniquement après 24h sans réponse. Je vous invite à relire les règles du forum.

Pour votre soucis, vous devriez déjà commencer par utiliser la gestion des javascript, ça serait un peu plus adéquat et pratique.

[wasted comets]

Oui, je suis désolée, je n'ai pas regardé à quelle heure exactement je l'avais posté hier, ce qui explique le fait que j'ai UP 22h après, et non 24h.

Le javascript ? Je n'en ai pas entendu parler dans le tuto et sans explications, je m'y connais relativement peu. Je suis à l'écoute pour faire des essais, etc, bien entendu. (:

[wasted comets]

Up!

[Invité]

Bonsoir,

Avez-vous essayé en suivant ce tutoriel?
> https://forum.forumactif.com/t308631-selecteur-de-style

Cordialement.

[wasted comets]

Bonsoir!

Je tiens tout d'abord à vous remercier, j'ai passé un temps fou à faire un par un chaque sujet d'aide sur le sélecteur de thème sans trouver de solutions. Et je viens d'essayer avec ce nouveau tutoriel... Et tout fonctionne, je suis impressionnée. Alors merci. J'aimerais simplement savoir, est-ce qu'il est possible de placer le sélecteur entre le header et la barre de navigation ou non ? Et si oui, comment ? J'ai un peu peur de toucher au hasard maintenant que cela fonctionne.

Cordialement.

[Invité]

Bonjour,

Oui c'est possible de déplacer le sélecteur, pour cela il faut effectuer 2 choses:
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.

La div avec l'identifiant "selecteur" vous permet de placer le selecteur où vous voulez. Si vous n'êtes pas à l'aise avec la modification de templates, vous pouvez par exemple placer <div id="selecteur"></div> dans PA > General > Configuration> description du site.

Cordialement.

[wasted comets]

J'ai suivi vos explications et tout est en ordre. Ainsi, je vous remercie beaucoup de votre aide.

Cordialement.