Changer le background d'un sujet ?

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

Résolu Changer le background d'un sujet ?

Message par wims le Mer 15 Jan 2014 - 12:32

Bonjour à toutes et à tous,

Je suis l'heureux locataire d'un forum qui date de 2011, qui a bien avancé depuis ses débuts car faut dire que j'y comprenais rien à tout ça (un petit aperçu ici : http://www.lupsclub.com ). Jusqu'à présent j'ai pu me démerder avec les sujets existants, mais là je sèche. Voici donc ma toute première question (ok j'en ai un paquet d'autres mais je vais quand même pas vous abreuver d'un coup).

J'ai remarqué que les messages avaient leur propre identifiant (#p+numéro), mais je n'en ai pas vu pour les sujets en eux-mêmes, bien qu'ils aient aussi le leur, enfin pas vraiment, je parle du t+numéro dans la barre de navigation.

Mon but étant de personnaliser l'image de fond du forum selon le sujet, j'ai pu contourner le problème en insérant ce code html sur un message en première page du topic :

Code:
<style>body{background-image:url(URL DE MON IMAGE)}</style>

Mais donc, le problème persiste quand le sujet arrive en page suivante, ce qui fait qu'il faudrait à nouveau écrire le code sur toutes les pages.

Ma question : existe-t'il un moyen simple en CSS d'y remédier. Par exemple :

Code:
#t+numéro {
background-image:url();}

Merci d'avance !


Dernière édition par wims le Sam 18 Jan 2014 - 13:25, édité 1 fois

wims
*

Messages : 37
Inscrit(e) le : 08/01/2014

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

Résolu Re: Changer le background d'un sujet ?

Message par wims le Ven 17 Jan 2014 - 21:10

Un petit up !

wims
*

Messages : 37
Inscrit(e) le : 08/01/2014

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

Résolu Re: Changer le background d'un sujet ?

Message par [Nihil] le Ven 17 Jan 2014 - 21:39

Oui, c'est effectivement possible avec du Javascript !

Je t'invite à lire en entier ce sujet : http://forum.forumactif.com/t310825-executer-un-code-javascript-sous-certaines-conditions

Le principe :
Si je suis sur la page du sujet alors --> changer le background du body.
En jQuery pour changer le background, le code est celui ci :
Code:
$("body").css(( "background-image", "url("URL_DE_L'IMAGE")" );

Pour en savoir plus sur ce ".css" : http://api.jquery.com/css/#css2 (en anglais)

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer le background d'un sujet ?

Message par wims le Sam 18 Jan 2014 - 1:11

Merci beaucoup pour ta réponse !

Mais aïe, le java pour moi ça porte bien son nom : c'est effectivement du javanais ! Et la doc que tu m'as filée c'est du sur-javanais, plus je lis plus je m'embrouille. En même temps il est tard, je verrais ça à tête reposée et te tiendrais au courant après quelques tripatouilles.

Thanks !

wims
*

Messages : 37
Inscrit(e) le : 08/01/2014

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

Résolu Re: Changer le background d'un sujet ?

Message par medamine14 le Sam 18 Jan 2014 - 5:43

Bonjour,

Dans le lien donné par NIHIL ce qui nous interesse c'est ceci :

Code:
if(document.location.pathname=="/t40-")
{
$('body').css(( 'background-image', 'url("URL_DE_L.IMAGE")' );
}

il faut juste remplacer t40- par celle du sujet/forum que tu veux et l'url de l'image Wink 
n'oublie pas de garder le - après le chiffre Smile

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer le background d'un sujet ?

Message par wims le Sam 18 Jan 2014 - 13:24

Un grand MERCI à tous les deux !!

J'ai testé vos scripts mais ils ne fonctionnaient pas car trop de parenthèses :

@medamine14 a écrit:
Code:
$('body').css(( 'background-image', 'url("URL_DE_L.IMAGE")' );

► Code rectifié :
Code:
$('body').css( 'background-image', 'url("URL_DE_L.IMAGE")' );

Egalement une erreur de parenthèse dans le tuto de forumactif :
Code:
if(/^\/t40(p[1-9][0-9]*)?-/.test(document.location.pathname)

► Code rectifié :
Code:
if(/^\/t40(p[1-9][0-9]*)?-/.test(document.location.pathname))

Et medamine ton code ne fonctionne pas si le sujet fait plusieurs pages, c'est bien là le soucis.

Avec tout ça, vous m'avez quand même bien mis sur la voie... et j'y suis arrivé !

Voilà le code final, à insérer sur les sujets :
Code:
if(/^\/tNUMERO_DU_TOPIC(p[1-9][0-9]*)?-/.test(document.location.pathname))
{
 $(function(){
$('body').css( 'background-image', 'url("URL_DE_L'IMAGE")' );
  });
}

Pour un mec qui n'y comprend rien au java, je suis bien content de moi !

Merci encore !

wims
*

Messages : 37
Inscrit(e) le : 08/01/2014

http://www.lupsclub.com
wims 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