Bonjour,

J'ai appliqué sur mon forum le tuto : Selecteur de thèmes hitskins , ça marche très bien, sauf au moment d'envoyer ou de pré visualiser un message, le thème de base réapparait.

Peut t'ont faire quelque chose ? J'ai vu un post traitant du même sujet en archives mais il n'y a pas eu de suite ...

Merci beaucoup de votre future aide.

Merci pour ta reponse rapide, je suis vraiment un bricoleur du dimanche dans le CSS, mais pourquoi pas ...

Hello Stephane,

ZC étant pour l'instant absent, mais connaissant bien le principe qu'il veut te proposer, je me dévoue histoire de te faire avancer et il reprendra à son retour, si c'est ok pour toi ?

1- Tout d'abord, voudrais-tu aussi la version allégée (ou une autre) pour chaque thème ?
2- As-tu un hébergeur comme Archives-Host ?

Salut Final-Blond,

Je n'est pas encore d'hébergeur, qu'entends tu par version allégée ?

Alors pour l'hébergeur, ce serait bien que tu t'inscrives sur un hébergeur gratuit comme celui dit plus haut.

Par version allégée j'entends comme ici, pour chaque thème il y a sa version sans coins arrondis, sans box- et text-shadow, etc... Sans CSS3 ce qui fait moins calculer le navigateur et donc est un peu plus rapide à charger.
Mais ça peut aussi être une autre alternative...

D'accord pour cette option Final-Blond

Ok, alors tout va se passer d'abord et surtout par un editeur comme Bloc-notes ou Notepad++ qui vont servir à éditer des feuilles de style CSS.

Avant tout, tu vas héberger ce script via ton éditeur que tu enregistreras ensuite avec l'extension :
script_thèmes.js :

Spoiler:

Une fois fait, tu héberge ce fichier chez ton hébergeur.

Dans le template overall_header_new on rappelle le script juste avant la fermeture de la balise "/head" de cette façon :

Code:

<script type="text/javascript" src="adresse_script_hébergeur/nom_script.js"></script>

1- Le thème que l'on appellera "Base" est celui définit par les paramètres couleurs, CSS et images dans le PA.
2- Dans l'éditeur on va définir d'autres paramètres comme en premier lieu, l'image de fond :

/*Titre du thème1-----------------------------*/
body {background-image: url('url_image_thème1');
}

On peut y apporter d'autres changements types comme les liens, les paramètres cadres du forum, etc...
3- Une fois ceci établi, on "enregistre sous" avec l'extension "Cascade Style Sheet", ce qui donnera :
titre_thème.css dans ton ordi.

4- Ainsi de suite pour chaque thème.

Ce sont ces fichiers que tu vas héberger chez ton hébergeur.

Voilà, vois déjà ça, et ensuite on passera à la version alternative de chaque thème...

J'ai à peu près tous compris mais j'ai un probleme, je suis sous invision et je n'est pas accès au template

Ah d'accord, mais pas grave, on va tout mettre dans le message d'accueil :
PA >> Affichage >> Génlralités >> Message d'accueil > HTML activé (en vert)

1- Le rappel du script :

Code:

<script type="text/javascript" src="adresse_script_hébergeur/nom_script.js"></script>

2- Le rappel de l'adresse de ta feuille de style CSS de l'hébergeur ainsi :

Code:

<link rel="alternate stylesheet" type="text/css" href="adresse_feuille_de_style_css/nom_theme.css" title="titre_du_theme" />

Pour le titre, choisi quelque chose de simple, pas d'accent ou de caractères spéciaux, ni de majuscule.
3- Ce titre (EXACTEMENT LE MÊME) sera repris dans le code HTML pour le lien :

Code:

<a href="#" onclick="setActiveStyleSheet('titre_du_theme'); return false;">Nom du Thème</a>

Pour le thème de base, voici le code:

Code:

<a href="#" onclick="setActiveStyleSheet('default'); return false;">Nom su Thème de Base</a>

Ainsi de suite.
Pour la version alternative (allégée ou autre), on procéde exactement de la même manière :
1- Tout d'abord passer par l'éditeur (Bloc-notes, Notepad++, ou autre) et éditer sa feuille de style, comme pour la version allégée du CSS de base :

/*base_light-------------------*/
div, table, td, span, tr, a { -moz-border-radius: 0px!important;
-webkit-border-radius:0px!important;
border-radius:0px!important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
-moz-transform: none!important;
-webkit-transform: none!important;
transform: none!important;
-moz-transition: none!important;
-webkit-transition: none!important;
transition: none!important;}

2- "Enregistrer sous" avec l'extension .css
3- Le rappel de l'adresse dans la balise de feuille de style alternative.
4- Le lien pour le sélecteur de thème.

Tout est ensuite dans la mise en forme de ce qui contiendra les thèmes, comme par exemple ici quand tu cliques sur le bouton "Colorer".
Donc tu peux mettre tous tes tèmes dans ce que tu veux .
Tableau, bouton, etc...

Je te remercie pour ton aide, je tache de m'y collé avant la fin de semaine (je vais essayer) et je te tiens au courant.

Pas de souci.

Bonjour,

10 jours plus tard...
Où en est le sujet ?

Edit : Je déplace aussi le dujet parce que ce n'est pas un tuto SF.

Bonjour ! je fait peut être un HS mais en suivant le même tuto je suis tombé sur le même problème que stephane.

Le CSS est un bon compromis pour mettre en place un multi-thème mais pour que le tuto que l'ont a utilisé fonctionne il suffirais de rajouter quelque chose qui ajoute en fin d'url le ?theme_id=numero_de_l'ID_du thème

Je m'explique :
Quand le forum est normal il n'y a que la barre d'adresse : http://nomduforumpourletuto.forumactif.com/
mais avec le multi-thème du tuto il y a :
http://nomduforumpourletuto.forumactif.com/?theme_id=numero_de_l'ID_du thème

Et c'est lors de la redirection de certains lien que l'url redevient normal. bref si l'ont pouvais intégrer au forum quelque chose qui rajoute le "?theme_id=numero_de_l'ID_du thème" choisis à la fin de l'URL du forum cela résoudrais le problème.

La question qui se pose maintenant est : est ce que ce que j'ai expliqué est possible ou pas?

Stephane où en est ton sujet ?

Phil, je n'ai vraiment pas compris, et le souci de Stephane était avec un autre sélecteur de thèmes.
As-tu suivi mon tuto ou bien celui du FDF ?

Peux-tu fournir un screen ou autre steuplé ?

Bonjour,
Je suis ici sur conseil ^^
Je veux réaliser qqch d'un peu particulier (cf ici[url][/url][url][/url] si vous êtes curieux ^^)
J'ai suivi le tuto de Final-Blond en mettant tout dans le message d'accueil..
Voici ce que j'ai mis :

Code:

<!--début modif-->
<script type="text/javascript" src="http://fillesdelalune.99k.org/javascript/script_thèmes.js"></script>
<link rel="alternate stylesheet" type="text/css" href="http://fillesdelalune.99k.org/Fichiers%20CSS/f2.css" title="forum2" />
<a href="#" onclick="setActiveStyleSheet('forum2'); return false;">Nom du Thème</a>
<!--fin modif -->

J'ai bien un lien Nom du thème sur ma page d'acceuil, mais quand je clique dessus rien ne se passe.
Mon forum est le suivant : http://fillesdelalune.forumperso.com/
Une idée ?

Hum Phile, je n'ai pas bien compris le problème, mais il est vrai que pour valider un thème, il faut d'abord charger une page et ensuite revenir à l'accueil.


Saita, quand je vais sur l'adresse de ton js, c'est une page d'erreur...
Si je mets celle de mon hébergeur, ton thème s'affiche bien sur mon FT avec le reste de tes codes.
Essaie de l'héberger encore (ou ailleurs).
Sinon voici le js que j'héberge :

Spoiler:

Dslée Final-Blond, comme je n'avais pas de réponse, j'ai demandé de l'aide dans d'autres forum et j'ai résolu mon problème mais je ne te l'ai pas dit :s
J'ai du supprimer le script entre temps !
Si tu veux regarder ce que j'ai fait va dans http://fillesdelalune.forumperso.com/tri-f6/ et sur la page d'acceuil
Tu verras que les fonds sont différents
Voilà,
Bonne journée !
Saita

Pour la première question du sujet, si j'ai bien compris ...

Dans le css du forum, il ne faut rien mettre en fait sinon ça démarre dessus.
Il faut que toutes les feuilles de style soient hébergées.

Oui je pense aussi...
D'ailleurs c'est pas terrible dans mon cas non plus : je charge un css en fonction de l'url (donc du sous-forum où je me trouve) mais ça veut dire qu'il charge d'abord le CSS de base et ensuite celui que je lui défini...
Il faudrait pouvoir lui dire un truc du genre : par défault, tu charge celui-ci mais sinon celui-là.
Faudrait que je vois si c'est possible..

Celui de base n'est pas gênant à mon avis (dans mon cas )

mouais ben chez moi ça fait un peu bizarre ^^ mais bon il y a un temps entre le chargement de la page et celui du CSS avec le code que j'ai alors je sais pas trop si il vaut mieux genre un fond blanc en attendant la charge du vrai fond ou le fond de base ?..

Bonjour à tous,

Je m'y perds un peu dans le sujet de base instigué par Stephane.

Je verrouille celui-ci (vu la date du dernier post) et suggère que d'autres topics soient ouverts s'il y a encore des questions.