AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Supprimer/personnaliser le cadre de vos annonces

    Partagez
    Invité

    le Sam 9 Fév 2013 - 18:16

    Rappel du premier message :

    Salut ! =)

    J'ai parcouru le forum et je n'ai pas trouvé cette astuce alors je viens vous la proposer au cas où cela intéresse quelqu'un. Wink C'est assez simple et cela concerne la personnalisation voire la suppression du cadre qui entoure vos annonces sous le header.

    Pour ceux qui ne sont pas encore trop familier avec les fonctionnalités de forumactif, cela se passe ici :

    Panneau d'administration > Général > Messages et Emails > Annonces

    Vous avez donc la possibilité de créer des annonces avec différentes options, comme un défilement, un affichage sur certains endroits de votre forum, etc. Bon c'est assez pratique pour mettre en avant une news ou d'autres petites choses mais personnellement, j'ai rencontré un petit problème esthétique avec cette fonctionnalité : le cadre tout moche qui reproduit celui des catégories et qui prend toute la largeur du forum même si l'annonce ne fait que 3 mots... Donc, j'ai cherché à supprimer ce cadre mais on peut aussi le personnaliser pour le rendre plus beau, tout dépend de vos goûts ! =)

    Je vais donc vous montrer comment supprimer le cadre et vous donnerez une piste pour au contraire le personnaliser selon vos convenances (Oui, juste une piste car je suis un peu feignant et n'ai pas encore testé une personnalisation mais cela ne doit pas être bien difficile à mettre en place avec un peu de CSS Wink ).

    (Plus d'exemple disponible pour le moment, je vous invite à tester le code pour voir l'effet sur vos forums, en attendant que je vous fasse un nouvel exemple !)


    Un p'tit merci pour voir la suite ? :innocent:



    Dernière édition par Myste Animus le Ven 17 Mai 2013 - 1:44, édité 2 fois
    Le père Noël.
    MasculinAge : 21Messages : 13

    le Dim 2 Juin 2013 - 22:10

    Merci.
    katia06
    FémininAge : 47Messages : 192

    le Lun 3 Juin 2013 - 9:08

    Myste Animus a écrit:Je peux t'aider à enlever le cadre qui se génère automatiquement autour de la page d'accueil, c'est exactement le même principe que pour les annonces sauf que cela se passe dans le template index_body, c'est tout en haut si tu n'as pas trop modifié le code (ça devrait être au niveau de la ligne 3) :

    Code:
    1  {JAVASCRIPT}
    2  <!-- BEGIN message_admin_index -->
    3  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

    C'est encore cette fameuse class forumline, donc soit tu la supprimes, ce qui donnera ceci :

    Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0">

    Soit tu changes la class par une autre que tu auras faite spécialement pour ta PA ou une autre class personnalisée que tu as déjà faite pour autre chose mais qui peut être aussi utilisée ici.

    Code:
    <table class="classperso_PA" width="100%" border="0" cellspacing="1"  cellpadding="0">

    Petite explication :

    Tous ces cadres pour la PA, les annonces, la barre de connexion, les catégories, etc, sont générés par la class par défaut forumline, si tu ne veux pas de ces cadres pour quelque élément que ce soit, il faut repérer où elle est utilisée pour l'élément à modifier et la supprimer ou bien la changer par une autre class dans le template concerné. Si tu ne veux plus du tout de cette class, tu peux la modifier via ta feuille de style CSS pour rendre tous ces cadres comme tu le veux ou pour la supprimer.

    Le problème avec cette méthode de suppression, c'est qu'il restera une petite bordure d'un pixel un peu partout où la class forumline est utilisée. Cette bordure peut venir du border, du cellspacing ou du cellpadding comme dans la ligne un peu plus haut :

    Code:
    <table class="classperso_PA" width="100%" border="0" cellspacing="1"  cellpadding="0">

    Si la class forumline est supprimée du code HTML, il n'y aura plus de bordures mais si cette dernière est modifiée via le CSS pour disparaître, la bordure de 1px la remplace, elle peut donc correspondre au border, au cellspacing ou au cellpadding. Pour la supprimer, il suffit de remplacer le numéro qui suit entre guillemets par le chiffre 0. Donc on en revient à ce que je disais : Chercher où le cadre indésirable est généré dans les templates pour le supprimer... Il y a peut-être une solution miracle par CSS mais je ne la connais pas. ^^'

    Mais si ça t'intéresse de supprimer la class forumline quand même, il suffit d'ajouter ces lignes dans ton CSS :

    Code:
    .forumline
    {
      border: none !important;
    }

    Voilà, j'espère que ça t'aidera ! =)

    Ca marche merci pour ton aide, bisous



    Invité

    le Lun 3 Juin 2013 - 12:27

    De rien ! (:
    Cerbère
    FémininAge : 27Messages : 13

    le Mar 4 Juin 2013 - 15:05

    Merci :)
    Kalhan
    FémininAge : 25Messages : 131

    le Sam 29 Juin 2013 - 1:17

    Merci !
    Grande
    FémininAge : 28Messages : 205

    le Sam 29 Juin 2013 - 6:23

    Merci



    SNMitsuki
    FémininAge : 19Messages : 63

    le Jeu 4 Juil 2013 - 16:41

    Merci o/



    Miyoshi
    FémininAge : 22Messages : 54

    le Jeu 4 Juil 2013 - 17:37

    Marci. °O°
    Stiou
    FémininAge : 22Messages : 42

    le Lun 22 Juil 2013 - 15:21

    Merci *-*



    Rosedesvents
    FémininAge : 30Messages : 89

    le Lun 29 Juil 2013 - 14:19

    Merci !
    o~°Passion HELL
    FémininAge : 28Messages : 179

    le Mer 31 Juil 2013 - 15:30

    Merci beaucoup :)



    ....
    Igorette.
    FémininAge : 20Messages : 41

    le Dim 4 Aoû 2013 - 3:38

    meric :)
    Aya-crochet
    FémininAge : 22Messages : 13

    le Jeu 8 Aoû 2013 - 13:24

    thanks :)
    Médea
    FémininAge : 22Messages : 43

    le Dim 18 Aoû 2013 - 2:32

    Merci :3
    Irisa
    FémininAge : 18Messages : 20

    le Mer 21 Aoû 2013 - 17:55

    Merci ! ♥
    GeoNimo
    FémininAge : 31Messages : 48

    le Sam 31 Aoû 2013 - 21:30

    merci
    Nawak
    FémininAge : 19Messages : 112

    le Dim 1 Sep 2013 - 2:05

    merci1



    tamanegeek
    MasculinAge : 17Messages : 167

    le Lun 2 Sep 2013 - 10:22

    Merci d'avance
    Kim Jae Yoon
    FémininAge : 26Messages : 126

    le Lun 30 Sep 2013 - 18:55

    Merci !
    Maiie
    FémininAge : 26Messages : 53

    le Mer 4 Déc 2013 - 6:18

    Merci Very Happy 
    Kiowa
    FémininAge : 27Messages : 210

    le Mer 1 Jan 2014 - 3:02

    Merci
    Naïshy
    FémininAge : 14Messages : 65

    le Mer 1 Jan 2014 - 11:09

    Merci !  :bisou: 
    Shany
    FémininAge : 32Messages : 58

    le Ven 3 Jan 2014 - 22:19

    merci
    Babiroussa
    MasculinAge : 26Messages : 33

    le Lun 13 Jan 2014 - 15:32

    Merci
    Féréole
    FémininAge : 29Messages : 55

    le Sam 18 Jan 2014 - 14:03

    merci!!
    Contenu sponsorisé

    Aujourd'hui à 1:16


      La date/heure actuelle est Dim 11 Déc 2016 - 1:16