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

    Anonymous
    Invité

    le Sam 9 Fév 2013 - 18:16

    Rappel du premier message :


    Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
    Lien pour comprendre pourquoi le contenu n'est pas sous hide


    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.





    Supprimer le cadre :

    Pour supprimer simplement le cadre, rendez-vous dans :
    Panneau d'administration > Affichage > Templates > Général > overall_header

    Si votre template n'a pas subit trop de modifications, la ligne qui nous intéresse doit se trouver vers la 290 ème.

    En tout cas pour vous repérer, cherchez cette partie :
    Code:
    <!-- END switch_ticker_new -->

                <!-- BEGIN switch_ticker -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                   <table width="100%" border="0" cellspacing="0" cellpadding="0"  class="forumline">
                      <tr>
                         <td {CLASS_TABLE_TYPE} align="left" class="row1">
                            <div id="fa_ticker_container">
                               <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                  <div class="fa_ticker_content">
                                     <!-- BEGIN ticker_row -->
                                     <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                     <!-- END ticker_row -->
                                  </div>
                               </div>
                            </div>
                         </td>
                      </tr>
                   </table>
                </div>
                <!-- END switch_ticker -->

    Dans ce code, c'est cette partie qu'on va cibler :
    Code:
    <table width="100%" border="0" cellspacing="0" cellpadding="0"  class="forumline">

    Et pour supprimer le cadre, il suffit de supprimer ceci :
    Code:
    class="forumline"

    Ce qui donnera :
    Code:
    <table width="100%" border="0" cellspacing="0" cellpadding="0">

    Enregistrez, puis validez votre template et plus de cadre ! =P




    Personnaliser le cadre :

    Il suffit de revenir sur l'astuce expliquée plus haut et au lieu de supprimer la partie :
    Code:
    class="forumline"

    Changez-la par une autre class, comme ceci par exemple :
    Code:
    class="cadre_annonce"

    Ce qui donnera :
    Code:
    <table width="100%" border="0" cellspacing="0" cellpadding="0"  class="cadre_annonce">


    Ensuite, allez dans votre feuille CSS et ajoutez la class que vous venez de créer :
    Code:
    .cadre_annonce
    {
    Vos codes
    }

    Et normalement vous pourrez appliquer une taille, des effets, un fond, des couleurs, enfin tout ce que vous voulez à vos annonces.


    Voilà, j'espère que cette astuce sera utile à d'autres que moi ! ^^


    Dernière édition par Myste Animus le Ven 17 Mai 2013 - 1:44, édité 2 fois
    ela__mars
    ela__mars
    FémininAge : 35Messages : 10

    le Mer 29 Jan 2014 - 17:06

    Voyons voir si c'est ce que je cherche merci à toi
    Azaral
    Azaral
    FémininAge : 22Messages : 69

    le Dim 2 Fév 2014 - 22:59

    je veux bien voir la suite *_* Ce cadre m'ennuie aussi XD
    C. Hook
    C. Hook
    FémininAge : 21Messages : 45

    le Lun 10 Mar 2014 - 1:41

    merci :3
    M.Smith
    M.Smith
    MasculinAge : 24Messages : 806

    le Lun 17 Mar 2014 - 20:25

    Merci !



    Supprimer/personnaliser le cadre de vos annonces - Page 3 Signms10
    Spoiler:
    Supprimer/personnaliser le cadre de vos annonces - Page 3 Wsahzx10
    Merci Papa Noëëëëëël ~~  :cowboy: 
    tenderness
    tenderness
    FémininAge : 25Messages : 54

    le Ven 21 Mar 2014 - 16:07

    Merci ! ♥
    avatar
    Nal Souclade
    MasculinAge : 20Messages : 163

    le Ven 28 Mar 2014 - 18:43

    Super idée ! Merci beaucoup !
    Allison01
    Allison01
    FémininAge : 34Messages : 204

    le Mer 28 Mai 2014 - 21:07

    Merci ^^
    narakye
    narakye
    FémininAge : 25Messages : 452

    le Jeu 26 Juin 2014 - 12:00

    merci *-*
    Noizy.
    Noizy.
    MasculinAge : 20Messages : 43

    le Ven 27 Juin 2014 - 16:31

    merci
    Anonymous
    Invité

    le Sam 28 Juin 2014 - 10:58

    Merci !
    Kathee
    Kathee
    FémininAge : 25Messages : 667

    le Mer 2 Juil 2014 - 4:48

    ça a l'air chouette ! Merci !



    • Nous serions ravis de vous accueillir •

    Supprimer/personnaliser le cadre de vos annonces - Page 3 Signae10
    • Venez donc voir ce petit petit fofo •
    Boou
    Boou
    FémininAge : 26Messages : 50

    le Ven 15 Aoû 2014 - 0:10

    merci !!
    Percylove
    Percylove
    FémininAge : 24Messages : 257

    le Mar 19 Aoû 2014 - 3:24

    Mercii!



    Supprimer/personnaliser le cadre de vos annonces - Page 3 562370bannire2
    Frereplaton
    Frereplaton
    FémininAge : 28Messages : 25

    le Mer 27 Aoû 2014 - 0:37

    merci beaucoup!
    Aile de l'Ange
    Aile de l'Ange
    FémininAge : 21Messages : 110

    le Ven 26 Sep 2014 - 8:24

    petit poste pour voir un code intéressant.
    defenrir
    defenrir
    MasculinAge : 36Messages : 76

    le Sam 27 Sep 2014 - 0:04

    merchii =)
    Mangédéfruiélégumeuh
    Mangédéfruiélégumeuh
    MasculinAge : 22Messages : 83

    le Sam 4 Oct 2014 - 18:36

    Merci :) !
    The One Pandemonium
    The One Pandemonium
    FémininAge : 26Messages : 97

    le Dim 23 Nov 2014 - 2:39

    Merci!



    « Une oeuvre d’art, c’est un monceau de cicatrices. »
    Supprimer/personnaliser le cadre de vos annonces - Page 3 1416253868-ladycrowcoupe
    Scandalucia
    Scandalucia
    FémininAge : 28Messages : 167

    le Sam 29 Nov 2014 - 13:40

    merci beaucoup *o* c'est ce qu'il me fallait !



    âme
    âme
    FémininAge : 53Messages : 154

    le Dim 30 Nov 2014 - 14:58

    Merci :)



    Sur Color'Avenue, L'urgent est déjà fait, l'impossible est en cours...pour les miracles, prévoir un délais.
    patriciadpt30
    patriciadpt30
    FémininAge : 56Messages : 240

    le Ven 9 Jan 2015 - 21:59

    merci :))



    Patricia :)
    Nat
    Nat
    FémininAge : 24Messages : 42

    le Jeu 12 Fév 2015 - 14:43

    Merci à toi, excellente idée !
    kreou
    kreou
    FémininAge : 28Messages : 50

    le Sam 14 Fév 2015 - 17:02

    Oh super sympa merci de l'astuce ! :)
    rhapsody_
    rhapsody_
    FémininAge : 36Messages : 21

    le Ven 27 Fév 2015 - 23:04

    merci Very Happy



    Supprimer/personnaliser le cadre de vos annonces - Page 3 Typo-ban-septembre-2cd0505
    Kitty Kat.
    Kitty Kat.
    FémininAge : 25Messages : 86

    le Sam 28 Fév 2015 - 15:44

    merci :)
    Contenu sponsorisé


      La date/heure actuelle est Dim 16 Juin 2019 - 8:30