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
    avatar
    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
    avatar
    Hancok
    FémininAge : 32Messages : 940

    le Ven 17 Juin 2016 - 15:57

    hello, merci pour le partage.





    avatar
    Choucroute Mozzarella
    FémininAge : 20Messages : 33

    le Dim 10 Juil 2016 - 15:37

    Merci du partage ! ^^
    avatar
    C-sshi
    FémininAge : 28Messages : 9

    le Lun 18 Juil 2016 - 13:25

    Merci pour cette astuce =)



    No fear of pain, no fear of hurt. Only with you here will I be able to live. Without you I am just as if I have lost my life, unable to move forward, unable to move backward
    avatar
    dean winchester
    MasculinAge : 22Messages : 85

    le Mar 19 Juil 2016 - 13:46

    merci
    avatar
    Lilynufare
    FémininAge : 25Messages : 309

    le Mar 16 Aoû 2016 - 22:56

    merci
    avatar
    Samiki
    FémininAge : 18Messages : 84

    le Sam 27 Aoû 2016 - 2:01

    merciii




    Dakeris RPG ♦ Un monde nouveau régi par la peur
    Le forum ouvre ses portes, nous vous attendons nombreux !

    avatar
    Madame de Maintenon
    FémininAge : 26Messages : 20

    le Mer 31 Aoû 2016 - 12:49

    Merci beaucoup !
    avatar
    SweetDreams
    FémininAge : 19Messages : 27

    le Sam 22 Oct 2016 - 20:59

    Merci :3
    avatar
    Kawasaki
    MasculinAge : 27Messages : 5

    le Lun 6 Fév 2017 - 3:13

    Merci
    avatar
    sturdya
    FémininAge : 18Messages : 23

    le Lun 6 Fév 2017 - 14:27

    merci
    avatar
    Cornélius
    MasculinAge : 18Messages : 12

    le Ven 17 Mar 2017 - 9:03

    Thanks
    Contenu sponsorisé


      La date/heure actuelle est Ven 28 Avr 2017 - 16:11