Image dans sous forum

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

Résolu Image dans sous forum

Message par tenardier le Lun 7 Avr 2014 - 9:55

Bonjour à tous,

Est-il possible d’intégrer une image dans l'en-tête d'un sous-forum comme ceci ?



Si oui, comment ?

Cordialement


Dernière édition par tenardier le Mar 8 Avr 2014 - 9:12, édité 1 fois

tenardier
**

Messages : 78
Inscrit(e) le : 02/12/2011

http://addict-figurines.forumgratuit.org/
tenardier a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image dans sous forum

Message par Self le Lun 7 Avr 2014 - 16:43

Bonjour,

J'ai pris exemple avec votre forum "Maquettes" de la catégorie "EXPOSITION : VOS REALISATIONS, VOS CREATIONS", il vous faut donc ajouter le script suivant sur toutes les pages :
Code:
$(function(){
    if(location.pathname == '/f50-maquettes'){
        $('.page-title').before('<div class="reach-subject">Mon contenu</div>');
    }
});

Le script fonctionne de la façon suivante :

1)
Code:
if(location.pathname == '/f50-maquettes'){
Cette ligne se lit "Si on est sur la page dont le pathname est égale à /f50-maquettes alors..."
Vous pouvez trouver facilement le pathname dans votre barre d'adresse lorsque vous êtes sur la page de votre choix Wink.

2)
Code:
$('.page-title').before('<div class="reach-subject">Mon contenu</div>');

Et avec cette ligne on cherche l'élément qui a la class .page-title, puis on place avant celui-ci notre bloc :
Code:
<div class="reach-subject">Mon contenu</div>

3) Si vous désirez le faire également sur un autre forum, il faudra ajouter un else if (sinon si) de la façon suivante par exemple :
Code:
$(function(){
    if(location.pathname == '/f50-maquettes'){
        $('.page-title').before('<div class="reach-subject">Mon contenu</div>');
    }else if(location.pathname == '/f23-questions-diverses'){
        $('.page-title').before('<div class="reach-subject">Mon autre contenu</div>');
    }
});

La nous aurons le bloc avec le contenu "Mon contenu" au dessus de la liste des topics sur la page portant le pathname /f50-maquettes et le bloc avec le contenu "Mon autre contenu" au dessus de la liste des topics sur la page portant le pathname /f23-questions-diverses.

4) Il ne vous reste plus qu'a styliser un peut vos blocs grâce à la class que je leur est mis .reach-subject, je vous donne un exemple très simple :
Code:
.reach-subject{
    width:30%;
    margin:auto;
    padding:5px 0px;
    color:#000;
    background-color: #DE451A;
    border:1px solid #000;
    text-align:center;
    border-radius:6px;
}

Bonne journée 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: Image dans sous forum

Message par tenardier le Mar 8 Avr 2014 - 9:11

Merci infiniment.

tenardier
**

Messages : 78
Inscrit(e) le : 02/12/2011

http://addict-figurines.forumgratuit.org/
tenardier 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