Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

2 participants

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

Résolu Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita Jeu 17 Juin 2010 - 14:01

Bonjour,
Je suis une experte bidouilleuse de code et je débute grandement dans javascript et CSS.
L'idée de départ était de charger un fond différent selon la section du forum où l'on se trouve.
Ce que j'ai réussi en placant ce code :
Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onLoad="var s=window.parent.location+'';if(s.search(/-f6/)!=-1) document.body.style.backgroundImage='url(http://www.weesk.com/wallpaper/art-digital/compositions-2d/femme-dans-la-lune/femme-dans-la-lune-720px.jpg)'; if (s.search(/-f2/)!=-1) document.body.style.backgroundImage='url(http://a31.idata.over-blog.com/600x450/2/94/46/01/fond-ecran-mer-et-espace.jpg)';"> 
dans overall_header_new
Mon premier petit soucis étant que je ne sais pas comment lui dire que le fond ne doit pas se répéter... En CSS je sais ! Mais là, aucune idée..
Sinon maintenant je deviens un peu plus ambitieuse et je voudrais pouvoir charger une autre feuille CSS complète en fonction de la catégorie où l'on se trouve...
J'ai ce bout de code
Code:
<script type="text/javascript">
if(s.search(/-f6/)!=-1)
{
  var ieCSS = document.createElement('link');
  ieCSS.rel='stylesheet';
  ieCSS.href='http://pmsc.free.fr/CSS03/10617130427.css';
  ieCSS.type='text/css';
  document.getElementsByTagName("head")[0].appendChild(ieCSS);
}</script>
mais l'ayant pris d'un autre sujet je ne sais pas où le mettre ni si il fonctionne...
J'ai testé en decription du forum f6 car j'ai vu qu'on pouvait mettre du javascript en description (ce qui je pense serait super ! => je laisse le overall_header_new tranquille et je charge la feuille CSS correspondante au forum en question où j'aurais mis le code javascript dans la description..), mais j'ai du mal m'y prendre... J'ai testé aussi dans overall_header_new mais sans résultat.
Cependant, au cours des tests j'ai pu constater que un simplet caractère est crutial alors comme je ne connais pas trop le javascript il est fort possible que la syntaxe ne soit pas tout à fait correcte.

Voilà, qui veut bien m'aider Very Happy
Dslée pour le paté mais je voulais être clair. Bonne journée !
Saita


Dernière édition par Saita le Jeu 8 Juil 2010 - 21:53, édité 2 fois
avatar

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita Ven 18 Juin 2010 - 18:38

Petit up Smile
avatar

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita Sam 19 Juin 2010 - 17:25

Encore un petit up
avatar

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita Mar 22 Juin 2010 - 13:52

un up de plus ! Smile
avatar

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par quierra Mer 23 Juin 2010 - 13:11

Coucou, alors après avoir testé, tu peux spécifier que l'image ne se répète pas et sa position, par contre ce sera pour tous les fonds, donc ce sera ou une texture pour tous qui va se répéter autant que nécessaire, ou tous les fonds avec la même position etc...

Exemple :
Code:

<body style="background-repeat: no-repeat; background-position: top center;" background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onLoad="var s=window.parent.location+'';if(s.search(/-f6/)!=-1) document.body.style.backgroundImage='url(http://www.weesk.com/wallpaper/art-digital/compositions-2d/femme-dans-la-lune/femme-dans-la-lune-720px.jpg)'; if (s.search(/-f2/)!=-1) document.body.style.backgroundImage='url(http://a31.idata.over-blog.com/600x450/2/94/46/01/fond-ecran-mer-et-espace.jpg)';">

Donc comme tu peux le voir, j'ai rajouté le style au début du body, et prend donc effet pour tous les fonds.

J'ai bien tenté l'attribution à un fond spécifique, mais celui n'est plus lu dès que l'on rajoute le moindre ptit mot.. ou je m'y prends mal !

Pour la 2, je ne saurai t'aider vue que je n'ai pas encore installé de sélecteur de thème et donc aucune idée de comment fonctionne tout ça.

Merci pour ta réponse (MP), je te réponds dans deux secondes Very Happy

Bonne journée.
quierra

quierra
****

Féminin
Messages : 278
Inscrit(e) le : 22/08/2007

http://themes-fa.com
quierra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita Ven 25 Juin 2010 - 14:53

Merci pour cette éclaircissement pour le style Smile J'attends donc un pro du sélecteur de thème pour me répondre.. Irina ? Very Happy
avatar

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita Lun 28 Juin 2010 - 15:37

personne ? Je ne désespère pas ! Twisted Evil
Je continuerai à vous embeter jusqu'à ce que j'ai une réponse study
en cours
avatar

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita Mar 29 Juin 2010 - 9:18

Bonjour,
J'avais oublié de vous signaler quelque chose : voici le code que j'ai testé il y a quelques jours
Code:
<script type="text/javascript">
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onLoad="var s=window.parent.location+'';
if(s.search(/-f6/)!=-1) {document.write('<link rel="stylesheet" type="text/css"http://pmsc.free.fr/CSS03/10617130537.css">');}
if (s.search(/-f2/)!=-1) {document.write('<link rel="stylesheet" type="text/css" href=" href="http://pmsc.free.fr/CSS03/10617130427.css">');}"> 
</script>
Mais je sais que la syntaxe n'est pas correct, néanmoins, je ne sais pas la corriger...
Quelqu'un pour m'aider ?
avatar

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita Ven 2 Juil 2010 - 9:12

up !
Je ne pense pas que personne ici ne s'y connaisse en javascript !
Ma demande est-elle mal formulée ?
avatar

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita Mar 6 Juil 2010 - 11:34

Je poste ici pour faire avancer la discussion. On m'a dit de séparer mon code et voici ce que j'ai répondu :
Spoiler:
Spoiler:
Spoiler:
Voilà Smile
avatar

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita Jeu 8 Juil 2010 - 21:52

Résolu...grace à jQuery et de l'aide ailleurs
Siffleur :clos:
avatar

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita 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