Sujets similaires

Dernière édition par Imari le Lun 19 Oct 2009, 09:10, édité 1 fois

Bonjour ^^

Voilà, j'ai deux problèmes et dites moi si je dois les séparer ou pas. ^^

Le premier : J'ai posé un sélecteur de thèmes sur mon forum mais personne n'arrive à me dire pourquoi il ne marche pas... T_T

En fait, il est visible (aussi bien sous IE que sous FF pour la petite précision ^^) mais quand je sélectionne un thème, il ne change pas XP

J'ai mis le code directement dans le template overall_header_new pour que tout le forum en prenne compte (et en plus ça me laisse ma description du forum ^^)

Voici le code en question :

Spoiler:

Code:: <div style="text-align: center;"><font style="color: #000000;" size="1"># Choisissez votre Monde:</font></div><center>
<script type="text/javascript">
/* <![CDATA[ */
var scheme = getCookie('template1');
if (scheme == 'L'Entrée des Mondes')
{
document.write('<link rel="stylesheet" type="text/css" href="http://sd-1.archive-host.com/membres/up/143424180312627011/essai1.css">');
}
else if (scheme == 'Les Chroniques Oubliées')
{
document.write('<link rel="stylesheet" type="text/css" href="http://sd-1.archive-host.com/membres/up/143424180312627011/essai2.css">');
}
else if (scheme == 'Los Angeles : The Death Army')
{
document.write('<link rel="stylesheet" type="text/css" href="http://sd-1.archive-host.com/membres/up/143424180312627011/essai3.css">');
}
else if (scheme == 'La Légende de la Pomme d'Or')
{
document.write('<link rel="stylesheet" type="text/css" href="adresse de la feuille CSS 4">');
}

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");
}
/* ]]> */
</script>

<div id="skinselector">
<form>
<select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();">
<option> Mondes Disponibles </option>
<option value="nom du skin 1"> L'Entrée des Mondes</option>
<option value="nom du skin 2"> Les Chroniques Oubliées</option>
<option value="nom du skin 3"> Los Angeles : The Death Army</option>
<option value="nom du skin 4"> La Légende de la Pomme d'Or</option>
</select>
</form>
</div></center>

Je tiens juste à dire que ça fait 3 fois que je change d'hébergeur pour les fichiers CSS mais ça ne marche toujours pas. J'ai juste mis pour changer le fond du forum pour tester. Voici d'ailleurs le code css principal (dont je change l'adresse de l'image bien sûr pour chaque fichier) :

Code:: body
{
background-image: url('http://hitskin.com/themes/10/24/83/i_background.gif');
background-position: top center;
background-repeat: no-repeat;
}

Voici pour le premier, maintenant passons au deuxième :

J'ai fait une bannière spéciale mêlant HTML et CSS mais ça donne pas exactement ce que je voudrais XP

Voici un exemple que j'ai hébergé sur une page html :
http://entree-des-mondes.forumperso.com/Banniere-en-tete-h2.htm

Et voici les codes :

HTML :

Spoiler:

Et le CSS :

Code:: #header
{
float: left;
background-image: url(http://nsa09.casimages.com/img/2009/09/25/090925062904994422.png);
width: 600px;
height: 260px;
}

#mainmenu
{
float: right;
background-image: url(http://nsa09.casimages.com/img/2009/09/25/090925062936611005.png);
width: 200px;
height: 260px;
}

Et aussi, je cherche où il faut mettre le html parce que je fouille mais j'arrive pas à trouver dans les templates '__'

Merci d'avance à celui qui répondra Smile

Salut,

Pour le premier code ca risque pas de fonctionner.
Il te manque la partie javascript qui va permettre d'activer le choix.

ha ok, merci ^^

Et on fait comment pour la partie javascript ? Enfin, si c'est possible ^^"

Tu dois avoir une partie a mettre dans la description de ton forum ou le template overall_header_new.

Le code complet du sélecteur tu peux me le mettre ?
Je vais te faire la partie javascript et l'héberger.
Je t'expliquerais ensuite comment procéder.

Et bien j'ai mis le code complet dans le 1er topic, c'est le code qu'on m'a donné pour poser le sélecteur. Je le remet ici :

Code:: <div style="text-align: center;"><font style="color: #000000;" size="1"># Choisissez votre Monde:</font></div><center>
<script type="text/javascript">
/* <![CDATA[ */
var scheme = getCookie('template1');
if (scheme == 'L'Entrée des Mondes')
{
document.write('<link rel="stylesheet" type="text/css" href="http://sd-1.archive-host.com/membres/up/143424180312627011/essai1.css">');
}
else if (scheme == 'Les Chroniques Oubliées')
{
document.write('<link rel="stylesheet" type="text/css" href="http://sd-1.archive-host.com/membres/up/143424180312627011/essai2.css">');
}
else if (scheme == 'Los Angeles : The Death Army')
{
document.write('<link rel="stylesheet" type="text/css" href="http://sd-1.archive-host.com/membres/up/143424180312627011/essai3.css">');
}
else if (scheme == 'La Légende de la Pomme d'Or')
{
document.write('<link rel="stylesheet" type="text/css" href="adresse de la feuille CSS 4">');
}

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");
}
/* ]]> */
</script>

<div id="skinselector">
<form>
<select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();">
<option> Mondes Disponibles </option>
<option value="nom du skin 1"> L'Entrée des Mondes</option>
<option value="nom du skin 2"> Les Chroniques Oubliées</option>
<option value="nom du skin 3"> Los Angeles : The Death Army</option>
<option value="nom du skin 4"> La Légende de la Pomme d'Or</option>
</select>
</form>
</div></center>

Et ça, c'est le css de chaque thème (dont je change l'adresse de l'image pour chaque fichier hébergé) :

Code:: body
{
background-image: url('http://hitskin.com/themes/10/24/83/i_background.gif');
background-position: top center;
background-repeat: no-repeat;
}

En tout cas, merci de te pencher sur mon problème Smile

Ok alors le javascript si pas de soucis ca va très vite.
Je vais y regarder demain car là il est minuit 13 pour moi.

Oki, c'est la même heure pour moi donc on verra demain. ^^

Bonne nuit et encore merci I love you

Pour la bannière codée, c'est normal que je ne vois rien ?
Rien que du texte et lien.

Ha ? moi je vois les images...

Je fais un screen :

Spoiler:

Voilà ce que ça donne -__-

Ok et tu veux que les liens soit sur la bannière ?
A gauche ?
A droite ?
Au centre ?

Alors en fait, je vais te montrer le forum où j'ai vu le type de bannière que j'essaie de faire :

http://www.never-utopia.com/index.htm

C'est un peu dans le même style sauf qu'il n'y a que 4 liens dans le "main menu" sur mon image ^^

Ok donc les liens a droite de l'écran.
Je vois ce que tu veux.

Bon je te prépare ça.

Merci ^^

Le code de ta bannière est truffée d'erreur.
Je vais donc le refaire complètement.

Exemple d'erreur :

Code:: <a href="<a href="http://entree-des-mondes.forumperso.com/search.forum%22%3EPetite" class="postlink" target="_blank">http://entree-des-mondes.forumperso.com/search.forum">Petite</a> Recherche</a>

Imari,

Tu as deux partie avec des liens de navigation.
http://css-forum.forumotion.com/Imari-h8.htm

Comme tu vois cela décale tout.

Je dois garder lesquels ?

Evite aussi a l'avenir de mélanger bbcodes et html ca fait pas bon ménage lol.

Bref je nettoie ton code pour le moment.

Euh... Garde le main menu de droite alors (les 4 liens)

C'est pas possible de faire comme Never Utopia ? De diviser la liste des liens, une dans le menu et l'autre en dessous ?

Je vais faire comme le forum donné en exemple.

Par contre dans ton code je vois des id :
- Head
- Navig1
- Navig2

Mais je ne vois rien dans le code CSS que tu as donné.
Tu as oublier de les mettre ou je dois créer le codage ?

Ha bah mince Oo

Tu peux les créer s'il te plaît ? On m'a donné que la moitié et je sais pas faire le reste -___-

Je me suis douté.
Bon alors il faut que tu me dise ce que tu veux comme effet ?
Les mêmes que le forum en exemple never-utopia ?

Oui, s'il te plaît ^^

Tu veux les liens qui seront dedans ?

Les liens ?
Regarde si c'est les bons ?
http://css-forum.forumotion.com/Imari-h8.htm

Je suis en train de mettre tout en place donc ne regarde pas le décor mdr.

Euh... Je vois pas les liens x)

Et tu peux changer l'image de gauche en mettant celle-là, s'il te plaît ? ^^"

Code:: http://nsa09.casimages.com/img/2009/09/25/090925062904994422.png

En bas :
- Petite recherche
- Voir les joueur
- Voir les groupes
- S'inscrire

Ok je modifie l'image

En bas, c'est ceux là, oui ^^

Mais c'est normal que je vois pas les liens du tout sur le forum de test ? Oo

Spoiler:

Sélecteur de Thèmes et Bannière Codée [Terminé]

Sélecteur de Thèmes et Bannière Codée [Terminé]

Sujets similaires

Sujets similaires

Partenaires Or