Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

tenardier
***

Messages : 101
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.
avatar

Self
Membre actif

Masculin
Messages : 3717
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.
avatar

tenardier
***

Messages : 101
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