Fonds alternatifs adaptés aux sections du forum

Page 1 sur 2 1, 2  Suivant

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

Résolu Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Lun 3 Mar 2014 - 16:40

Salut à tous!

nous sommes toujours à essayer d'améliorer l'interface pour notre forum: http://www.otakujanaika.com/
et nous aurions voulu essayer d'obtenir un fond général qui varierait en fonction de la section du forum dans laquelle on se trouve!

Donc nous nous demandions si c'était possible (on en phpBB2) et si quelqu'un pouvait nous donner un coup de mains?

merci à vous!

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Lun 3 Mar 2014 - 17:27

Bonjour,

Vous pouvez essayer le code javascript suivant à placer sur toutes les pages:
Code:
$(document).ready(function(){
    if(document.location.pathname == "/f7-plamo-x-figurines-x-garage-kits-x-dolls"){
        $('body').css('background-image', 'url("http://placehold.it/1950x1080")');
    }else if(document.location.pathname == "/f23-jeux-videos"){
        $('body').css('background-image', 'url("http://placehold.it/1680x1050")');
    }
});

Le code se lit comme ça:
Code:
if(document.location.pathname == "/f7-plamo-x-figurines-x-garage-kits-x-dolls")
Si on est sur la page http://www.otakujanaika.com/f7-plamo-x-figurines-x-garage-kits-x-dolls

Code:
$('body').css('background-image', 'url("http://placehold.it/1950x1080")');
alors on change l'image de fond par l'image http://placehold.it/1950x1080 .

Code:
else if(document.location.pathname == "/f23-jeux-videos")
Sinon si on est sur la page http://www.otakujanaika.com/f23-jeux-videos

Code:
$('body').css('background-image', 'url("http://placehold.it/1680x1050")');
alors on change l'image de fond par l'image http://placehold.it/1680x1050 .

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Lun 3 Mar 2014 - 18:56

OMD!

j'essaie de me mettre au niveau!

Donc je commence par déposer ce code dans /module/HTML&Javascript/ --> créer un nouveau script:
Code:
$(document).ready(function(){
    if(document.location.pathname == "/f7-plamo-x-figurines-x-garage-kits-x-dolls"){
        $('body').css('background-image', 'url("http://placehold.it/1950x1080")');
    }else if(document.location.pathname == "/f23-jeux-videos"){
        $('body').css('background-image', 'url("http://placehold.it/1680x1050")');
    }
});
en ajoutant autant de:
Code:
}else if(document.location.pathname == "/f23-jeux-videos"){
        $('body').css('background-image', 'url("http://placehold.it/1680x1050")');
que de page en changeant l'url à chaque ligne "else"
en y plaçant l'url de la nouvelle image de fond.

C'est bien ça?Merci beaucoup SeLfde4Th7!^^

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Lun 3 Mar 2014 - 20:13

Re,

Tout d'abord je m'excuse car je vous ai donné un code incomplet Neutral.
Comme ça ce sera mieux:

Code:
$(document).ready(function(){
    var topicLocation = $('.nav a:last').attr('href');
    if(document.location.pathname && topicLocation  == "/f7-plamo-x-figurines-x-garage-kits-x-dolls"){
       $('body').css('background-image', 'url("http://placehold.it/1950x1080")');
    }else if(document.location.pathname && topicLocation == "/f23-jeux-videos"){
       $('body').css('background-image', 'url("http://placehold.it/1680x1050")');
    }
});

Il n'y a pas de grands changements, ce qui nous importe c'est les liens commençant par /f qui sont donc les liens des différents forums de votre forum et ceux-ci url("http://placehold.it/1680x1050") qui sont les liens des images que vous désirez mettre suivant les forums dans lesquels vous naviguez Wink.

Et les else if doivent être placés pour chaque forums dont vous désirez changer le fond de page.


Dernière édition par SeLfde4Th7 le Lun 3 Mar 2014 - 20:35, édité 1 fois

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Lun 3 Mar 2014 - 20:27

Ok chef, j'me lance!

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Lun 3 Mar 2014 - 21:03

Désolé pour le double post.

Alors ça fonctionne super bien*-*, merci beaucoup pour votre aide!^-^
Comme la modif était dans un premier temps prévue pour une section inaccessible depuis l'extérieur, voilà une "F13" Razz 



Je voudrais vous demander encore une petite chose, je peux prendre la part du gâteau avec la cerise?
On peut aussi rendre le header (le gros logo chargé avec la dame en combi moto et Nausicaa!) alternatif?

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Lun 3 Mar 2014 - 21:43

Je me rends compte de comment fonctionne le code, et en fait il faut coder toute les pages (oui je sais vous l'aviez dit^^') mais n'est-il pas possible d'indiquer dans le code  qu'il faut appliquer les image à une racine précise pour toutes les pages affiliées qui subiront ainsi les même modifications?

edit:
Le code réagit bien mais quand je vais sur une page de topic à l’intérieur d'un forum, la page bien que référencer dans mon code java, n'affiche pas l’image de fond.
J'ai bien relu ma syntaxe du code, et je ne vois pas ce qui m'échappe... u_

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Lun 3 Mar 2014 - 22:15

Bonjour,

Pour le header ça doit être possible.
Pour le reste si l'on peut trouver une trace de la racine sur chaque pages de celle-ci on peut, dans le dernier code que je vous ai donné c'est le cas:

Code:
var topicLocation = $('.nav a:last').attr('href');
    if(document.location.pathname && topicLocation  == "/f7-plamo-x-figurines-x-garage-kits-x-dolls")
Ici on stock dans la variable topicLocation le dernier lien de la navigation (que l'on peut voir au dessus de topic).
Si la location ou ce lien sont égale à /f7-plamo-x-figurines-x-garage-kits-x-dolls alors on excécute le contenu entre les accolades.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Lun 3 Mar 2014 - 22:54

Merci^^

Ça  je crois que j'ai compris, mais par contre c'est assez étrange parce que le fond appiqué au sous forum ne s'affiche pas pour le le sujet bien qu'il soit inscrit dans le code. Et quand je veux éditer un nouveau message dans ce sujet,
et bien là dans la page d'édition, le fond s'affiche...

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Mar 4 Mar 2014 - 15:27

Bonjour,

D'après ce que je vois il n'y a pas de script actif sur les sujets ?
Pouvez vous temporairement adapter le script pour mettre une image de fond à un forum qu'il m'est possible de voir en tant qu'invité s'il vous plait Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Mar 4 Mar 2014 - 15:59

Ok, voilà: http://www.otakujanaika.com/f7-plamo-x-figurines-x-garage-kits-x-dolls

Code:
$(document).ready(function(){
            var topicLocation = $('.nav a:last').attr('href');
            if(document.location.pathname && topicLocation  == "/f17-undercover"){
               $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname && topicLocation == "/f25-projets"){
               $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname && topicLocation == "/t432-orca-cuirasse-stabat-mater-classe-demeter-1-100"){
               $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname && topicLocation == "/f7-plamo-x-figurines-x-garage-kits-x-dolls"){
               $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }
        });

Et la ligne qui pose problème:

Code:
}else if(document.location.pathname && topicLocation == "/t432-orca-cuirasse-stabat-mater-classe-demeter-1-100"){
               $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');


Merci beaucoup pour votre aide. : )

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Mar 4 Mar 2014 - 16:06

Re,

Esssayez plutôt comme cela:
Code:
$(document).ready(function(){
    var topicLocation = $('.nav a:last').attr('href');
    if(document.location.pathname || topicLocation  == "/f17-undercover"){
        $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
    }else if(document.location.pathname || topicLocation == "/f25-projets"){
        $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
    }else if(document.location.pathname || topicLocation == "/t432-orca-cuirasse-stabat-mater-classe-demeter-1-100"){
        $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
    }else if(document.location.pathname || topicLocation == "/f7-plamo-x-figurines-x-garage-kits-x-dolls"){
        $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
    }
});

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Mar 4 Mar 2014 - 16:10

Le fond alternatif s'applique sur le forum général maintenant!^^'

edit: je dois quitter mon post, je re dans une heure et demi! Merci!^^

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Mar 4 Mar 2014 - 16:15

Re,

En prenant l'ancien code changer la ligne qui pose problème:
Code:
}else if(document.location.pathname && topicLocation == "/t432-orca-cuirasse-stabat-mater-classe-demeter-1-100"){
    $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');

Par:
Code:
}else if(document.location.pathname == "/t432-orca-cuirasse-stabat-mater-classe-demeter-1-100"){
    $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Mar 4 Mar 2014 - 17:29

[de retour]
Donc voilà j'ai corrigé la ligne et ça fonctionne bien.
Par contre le fond alternatif est toujours affiché sur la page d’accueil à la place de l'image principale. : )

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Mar 4 Mar 2014 - 18:44

Re,

Essayez en ajoutant derrière l'acollade du dernier else if :
Code:
else{
   $('body').css('background-image', 'url("Adresse de l image de base")');
}

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Mar 4 Mar 2014 - 19:03

Pas d'évolution ^^":

Code:
$(document).ready(function(){
            var topicLocation = $('.nav a:last').attr('href');
            if(document.location.pathname || topicLocation  == "/f17-undercover"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname || topicLocation == "/f25-projets"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname == "/t432-orca-cuirasse-stabat-mater-classe-demeter-1-100"){
            $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname || topicLocation == "/f7-plamo-x-figurines-x-garage-kits-x-dolls"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else{
           $('body').css('background-image', 'url("Adresse de l image de base")');
            }
        });

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Mar 4 Mar 2014 - 19:19

Re,

Il faut remplacer Adresse de l image de base par l'adresse de l'image: http://www.asphyres.com/1114/wp-content/uploads/2014/02/OJKfond8.jpg
dans la dernière ligne que je vous ai dit d'ajouter.
J'ai oublié de le préciser dans mon précédent message, désoler Neutral .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Mar 4 Mar 2014 - 19:38

J'aurai dû comprendre, si je l'avais lu... meaculpa.
Malheureusement le problème persiste!

Code:
$(document).ready(function(){
            var topicLocation = $('.nav a:last').attr('href');
            if(document.location.pathname || topicLocation  == "/f17-undercover"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname || topicLocation == "/f25-projets"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname == "/t432-orca-cuirasse-stabat-mater-classe-demeter-1-100"){
            $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname || topicLocation == "/f7-plamo-x-figurines-x-garage-kits-x-dolls"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else{
           $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/02/OJKfond8.jpg")');
            }
        });

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Mar 4 Mar 2014 - 20:15

SeLfde4Th7 a écrit:Re,

En prenant l'ancien code changer la ligne qui pose problème:
Code:
}else if(document.location.pathname && topicLocation == "/t432-orca-cuirasse-stabat-mater-classe-demeter-1-100"){
    $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');

Par:
Code:
}else if(document.location.pathname == "/t432-orca-cuirasse-stabat-mater-classe-demeter-1-100"){
    $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');

Re,

Pardonnez moi, quand je parlais de l'ancien code dans le message cité au dessus c'était du code:
Code:
        $(document).ready(function(){
                    var topicLocation = $('.nav a:last').attr('href');
                    if(document.location.pathname && topicLocation  == "/f17-undercover"){
                      $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
                    }else if(document.location.pathname && topicLocation == "/f25-projets"){
                      $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
                    }else if(document.location.pathname && topicLocation == "/t432-orca-cuirasse-stabat-mater-classe-demeter-1-100"){
                      $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
                    }else if(document.location.pathname && topicLocation == "/f7-plamo-x-figurines-x-garage-kits-x-dolls"){
                      $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
                    }
                });

Ce qui devrait donner:
Code:
$(document).ready(function(){
    var topicLocation = $('.nav a:last').attr('href');
    if(document.location.pathname && topicLocation  == "/f17-undercover"){
        $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
    }else if(document.location.pathname && topicLocation == "/f25-projets"){
        $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
    }else if(document.location.pathname == "/t432-orca-cuirasse-stabat-mater-classe-demeter-1-100"){
        $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
    }else if(document.location.pathname && topicLocation == "/f7-plamo-x-figurines-x-garage-kits-x-dolls"){
        $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
    }
});
puisque nous n'avons donc normalement pas besoin du else.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Mar 4 Mar 2014 - 20:32

Donc la fonctionne super bien!^_^

SeLfde4Th7 a écrit:Bonjour,

Pour le reste si l'on peut trouver une trace de la racine sur chaque pages de celle-ci on peut, dans le dernier code que je vous ai donné c'est le cas:

Code:
var topicLocation = $('.nav a:last').attr('href');
    if(document.location.pathname && topicLocation  == "/f7-plamo-x-figurines-x-garage-kits-x-dolls")
Ici on stock dans la variable topicLocation le dernier lien de la navigation (que l'on peut voir au dessus de topic).
Si la location ou ce lien sont égale à /f7-plamo-x-figurines-x-garage-kits-x-dolls alors on excécute le contenu entre les accolades.

Par contre si j'ai bien compris grâce au "TopicLocation", je ne devrais pas à avoir à coder toutes les pages de chaque topic C'est bien ça?
(par ce que là je dois coder chaque page de topic). : )

Code:
$(document).ready(function(){
            var topicLocation = $('.nav a:last').attr('href');
            if(document.location.pathname && topicLocation  == "/f17-undercover"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname && topicLocation == "/f25-projets"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname == "/t432-orca-cuirasse-stabat-mater-classe-demeter-1-100"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname && topicLocation == "/f7-plamo-x-figurines-x-garage-kits-x-dolls"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }
        })

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Mar 4 Mar 2014 - 20:53

@L'autre a écrit:(par ce que là je dois coder chaque page de topic).

Re,

Vous parlez plutôt des sous forums, non ?
Parce que moi je voit très bien le fond sur les topics du forum /f7-plamo-x-figurines-x-garage-kits-x-dolls par contre si je vais dans le sous forum "Lien" ce n'est pas le cas parce que l'adresse de celui-ci est /f16-liens.

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Mar 4 Mar 2014 - 21:10

Alors je vous  ais fait une simulation pour que vous puissiez voir, on s'y perd dans tout ces forums de forums!^^'
Je me trompe certainement dans les termes, j'espère que vous allez réussir à me suivre:

le forum racine avec le fond alternatif: http://www.otakujanaika.com/f7-plamo-x-figurines-x-garage-kits-x-dolls
dans ce forum, un sujet (codé dans le script), le fond alternatif s'affiche: http://www.otakujanaika.com/t141-figures-previews
la page deux du sujet codé: http://www.otakujanaika.com/t141p15-figures-previews
et là le fond alternatif ne s'affiche.
n.b: j'ai coché l'option "toutes les pages"

Code:
$(document).ready(function(){
            var topicLocation = $('.nav a:last').attr('href');
            if(document.location.pathname && topicLocation  == "/f17-undercover"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname && topicLocation == "/f25-projets"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname == "/t432-orca-cuirasse-stabat-mater-classe-demeter-1-100"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname && topicLocation == "/f7-plamo-x-figurines-x-garage-kits-x-dolls"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }else if(document.location.pathname && topicLocation == "/t141-figures-previews"){
                $('body').css('background-image', 'url("http://www.asphyres.com/1114/wp-content/uploads/2014/03/Undercover0.jpg")');
            }
        });

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Mar 4 Mar 2014 - 21:18

Re,

Sur la deuxième, troisième, quatrième page, j'ai bien le bon fond de page, essayez de vider votre cache Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Mar 4 Mar 2014 - 21:37

Cache-cache? Ah oui exact!Vous êtes géniale, merci!!

Bon pour la suite on verra une autre fois, n'abusons pas des bonnes choses!

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Mar 4 Mar 2014 - 21:44

Quelle est la suite ? Autant le faire maintenant si j'en est les capacités Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Mar 4 Mar 2014 - 21:49

La suite c'était de rendre le logo alternatif lui aussi! : )

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Mar 4 Mar 2014 - 22:12

Re,

Il suffit normalement d'ajouter la ligne suivante (en sautant une ligne pour une meilleure lisibilité) au if et à chaque else if voulu:
Code:
$('#i_logo').attr('src', 'adresse de l image');

Cordialement Smile.


Dernière édition par SeLfde4Th7 le Mar 4 Mar 2014 - 22:57, édité 1 fois

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par L'autre le Mar 4 Mar 2014 - 22:54

Fonctionnel!



Merci SeLFde!^v^

L'autre
***

Messages : 179
Inscrit(e) le : 26/05/2010

http://www.otakujanaika.com/
L'autre a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Fonds alternatifs adaptés aux sections du forum

Message par Self le Mar 4 Mar 2014 - 22:56

Il n'y a pas de quoi !

Bonne soirée Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Page 1 sur 2 1, 2  Suivant

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