Modifier l’apparence du forum à l'affichage d'un sujet choisis

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

Résolu Modifier l’apparence du forum à l'affichage d'un sujet choisis

Message par Guilde-Egregore le Sam 9 Juil 2016 - 12:15

Bonjour,

Code:
   .bg-nom {
   background-image:url('LIEN IMAGE');
   background-size:cover;
   }

Ce code je souhaite le placer dans la feuille de style CSS.

Et avec quelque chose du genre...

Code:
id="bg-nom"

...en html qui sera placé dans un message sur le forum. Que cela puisse changer le background du forum pour le sujet en question.

Ou alors avez-vous un autre moyen pour personnaliser l'affichage du forum pour un sujet en particulier ?

Merci.


Dernière édition par Guilde-Egregore le Sam 9 Juil 2016 - 15:05, édité 1 fois

Guilde-Egregore
***

Masculin
Messages : 171
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l’apparence du forum à l'affichage d'un sujet choisis

Message par Neptunia le Sam 9 Juil 2016 - 12:20

Bonjour ^^


Vous trouverez plusieurs solutions dans ce sujet :
résolu Personnaliser le curseur sur un ou plusieurs sujets

Neptunia
+ Hyperactif +

Féminin
Messages : 10989
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l’apparence du forum à l'affichage d'un sujet choisis

Message par Guilde-Egregore le Sam 9 Juil 2016 - 13:19

Merci pour votre réponse. Cependant, je n'ai pas les clés pour comprendre s'il y a une solution à mon problème, je viens de regarder. Après je ne sais pas si c'est adapté mais je ne souhaite pas modifier le curseur.

Juste pour un sujet en particulier modifier l'arrière plan. J'ai activé l'html sur les messages du forum cependant le CSS ne fonctionne pas dans les messages.

Après ce n'est peut être pas possible sans JS, mais pourtant j'avais fait quelque chose de similaire avec un code dans un widget du portail qui changeait le fond pour seulement les invités (car le widget apparaissait que pour les invités, très pratique.)j'ai perdu le code.

Code:
$(function (){
             
                $("body").addClass("fondpage");
});

Pour mon cas il n'y aura pas de problème par rapport aux pages.

Guilde-Egregore
***

Masculin
Messages : 171
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l’apparence du forum à l'affichage d'un sujet choisis

Message par Neptunia le Sam 9 Juil 2016 - 13:49

Et bien les codes proposés dans le sujet cité font exactement la même chose que lejavascript que vous mentionnez dans votre dernier message.

Ajouter une class au corps de la page.
Voici le code javascript actuellement en place sur les sujets de mon forum :
Code:
var url = (document.location.pathname);
                        $(function()  {
                        var b = url.match(/t([^-]+)/);
                        var c = (b[1]);
                        if (/p/i.test(b)){
                        var b = url.match(/t([^p]+)/);
                        var c = (b[1]);
                        }
                        $( "a" ).addClass( "a_t"+c );
                        $( "body" ).addClass( "body_t"+c );
                                });
Si je suis par exemple sur le sujet /t660- le script va rajouter au body de la page la class body_t660 et rajouter aux liens la class a_t660

Et mon CSS comporte entre autre (je viens de le commenter pour que ça soit plus lisible :
Code:
/* On rajoute une bpordure haute et basse sur les liens inclus dans les messages */
  div.entry-content a, div.content a {
    border-top: 1px dotted #BBB;
    border-bottom: 1px dotted #BBB;
}
/* Au survol les bordures sont plus epaisses et changent de couleur */
div.entry-content a:hover, div.content a:hover {
    border-top: 2px dotted #BF7360;
    border-bottom: 2px dotted #BF7360;
}
/* Change le curseur pointeur sur certains sujets */
.a_t660:hover, .a_t786:hover, .a_t789:hover, .a_t791:hover, .a_t793:hover, .a_t847:hover {
    cursor:url("http://www.patmax.eu/P132/Curseurs/DW660-Tournevis.cur"),pointer;
    }
/* Change le curseur par defaut sur certains sujets */
.body_t660, .body_t786, .body_t789, .body_t791, .body_t793, .body_t847 {
    cursor:url("http://www.patmax.eu/P132/Curseurs/DW660-Tardis.cur"),default;
    }
/* Aucune bordure sur les liens du listing et couleur bleue */
.body_t191 div.entry-content a, .body_t191 div.entry-content a:hover {
  border: none;
  font-weight: bold;
  color: #3366ff;
}
Dans votre cas il suffirait d'ajouter le code de votre fond d'écran sur la class body_txxx, là où moi j'ai modifié mon curseur par défaut.

Neptunia
+ Hyperactif +

Féminin
Messages : 10989
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia 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