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
    ela__mars
    FémininAge : 33Messages : 10

    le Mer 29 Jan 2014 - 17:06

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

    le Dim 2 Fév 2014 - 22:59

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

    le Lun 10 Mar 2014 - 1:41

    merci :3
    avatar
    M.Smith
    MasculinAge : 23Messages : 783

    le Lun 17 Mar 2014 - 20:25

    Merci !




    Spoiler:

    Merci Papa Noëëëëëël ~~  :cowboy: 
    avatar
    tenderness
    FémininAge : 23Messages : 54

    le Ven 21 Mar 2014 - 16:07

    Merci ! ♥
    Nal Souclade
    MasculinAge : 18Messages : 163

    le Ven 28 Mar 2014 - 18:43

    Super idée ! Merci beaucoup !
    avatar
    Allison01
    FémininAge : 33Messages : 185

    le Mer 28 Mai 2014 - 21:07

    Merci ^^
    avatar
    narakye
    FémininAge : 23Messages : 446

    le Jeu 26 Juin 2014 - 12:00

    merci *-*
    avatar
    Noizy.
    MasculinAge : 19Messages : 43

    le Ven 27 Juin 2014 - 16:31

    merci
    avatar
    Invité

    le Sam 28 Juin 2014 - 10:58

    Merci !
    avatar
    Kathee
    FémininAge : 24Messages : 664

    le Mer 2 Juil 2014 - 4:48

    ça a l'air chouette ! Merci !





    Nous serions ravis de vous accueillir - Venez donc voir ce petit petit fofo
    avatar
    Boou
    FémininAge : 25Messages : 46

    le Ven 15 Aoû 2014 - 0:10

    merci !!
    avatar
    Percylove
    FémininAge : 22Messages : 254

    le Mar 19 Aoû 2014 - 3:24

    Mercii!



    avatar
    Frereplaton
    FémininAge : 27Messages : 25

    le Mer 27 Aoû 2014 - 0:37

    merci beaucoup!
    avatar
    Aile de l'Ange
    FémininAge : 19Messages : 105

    le Ven 26 Sep 2014 - 8:24

    petit poste pour voir un code intéressant.
    avatar
    defenrir
    MasculinAge : 31Messages : 57

    le Sam 27 Sep 2014 - 0:04

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

    le Sam 4 Oct 2014 - 18:36

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

    le Dim 23 Nov 2014 - 2:39

    Merci!



    « Une oeuvre d’art, c’est un monceau de cicatrices. »
    avatar
    Scandalucia
    FémininAge : 26Messages : 140

    le Sam 29 Nov 2014 - 13:40

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




    avatar
    âme
    FémininAge : 52Messages : 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.
    avatar
    patriciadpt30
    FémininAge : 54Messages : 240

    le Ven 9 Jan 2015 - 21:59

    merci :))



    Patricia :)
    avatar
    Nat
    FémininAge : 23Messages : 42

    le Jeu 12 Fév 2015 - 14:43

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

    le Sam 14 Fév 2015 - 17:02

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

    le Ven 27 Fév 2015 - 23:04

    merci Very Happy



    avatar
    Kitty Kat.
    FémininAge : 23Messages : 86

    le Sam 28 Fév 2015 - 15:44

    merci :)
    Contenu sponsorisé


      La date/heure actuelle est Jeu 23 Nov 2017 - 2:42