AccueilRechercherS'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.

Le Deal du moment : -26%
Arbre à chat Joe – 40x40x114cm
Voir le deal
19.99 €

    Supprimer/personnaliser le cadre de vos annonces

    Anonymous
    Invité

    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
    summerby
    summerby
    FémininAge : 26Messages : 36

    Mar 3 Mar 2015 - 9:11

    merci du partage (a)
    servity
    servity
    MasculinAge : 49Messages : 82

    Jeu 16 Avr 2015 - 22:56

    Muchas Gracias



    Supprimer/personnaliser le cadre de vos annonces - Page 4 HadqjCkktw
    Kanra
    Kanra
    FémininAge : 20Messages : 113

    Ven 17 Avr 2015 - 22:10

    Merci !
    Mr-Tinkles
    Mr-Tinkles
    FémininAge : 39Messages : 13

    Mer 6 Mai 2015 - 21:56

    Merki <3
    ryukato
    ryukato
    MasculinAge : 26Messages : 3

    Dim 31 Mai 2015 - 4:24

    merci =)
    WhiteRaaven
    WhiteRaaven
    FémininAge : 24Messages : 39

    Dim 26 Juil 2015 - 14:59

    merci
    NanoiHime
    NanoiHime
    FémininAge : 22Messages : 566

    Dim 16 Aoû 2015 - 14:47

    merci !



    Kelalin
    Kelalin
    FémininAge : 28Messages : 2425

    Dim 16 Aoû 2015 - 22:53

    Merci beaucoup du partage ! (*^▽^*)
    Elwana
    Elwana
    FémininAge : 23Messages : 42

    Jeu 27 Aoû 2015 - 20:06

    merciiiii
    Allya33
    Allya33
    FémininAge : 20Messages : 41

    Sam 29 Aoû 2015 - 15:02

    Merci
    RainboWolf
    RainboWolf
    FémininAge : 24Messages : 102

    Mer 7 Oct 2015 - 16:09

    A voir merci !
    SvenO
    SvenO
    MasculinAge : 27Messages : 78

    Dim 15 Nov 2015 - 12:50

    Merci Very Happy



    Supprimer/personnaliser le cadre de vos annonces - Page 4 703037Bann
    Anonymous
    Invité

    Ven 20 Nov 2015 - 14:13

    curieuse de voir
    sweetheart.
    sweetheart.
    FémininAge : 33Messages : 120

    Ven 18 Déc 2015 - 15:48

    Merci



    Un bisou pour Invité


    Un bisou pour...
    Invité
    Nishiki
    Nishiki
    FémininAge : 23Messages : 325

    Ven 8 Jan 2016 - 19:08

    Merci ce sera fort utile :)



    Supprimer/personnaliser le cadre de vos annonces - Page 4 Head19
    Millaby
    Millaby
    FémininAge : 25Messages : 44

    Mar 8 Mar 2016 - 13:38

    Un grand merci !
    beza
    beza
    FémininAge : 25Messages : 47

    Dim 13 Mar 2016 - 16:39

    Merci !
    Raela
    Raela
    FémininAge : 25Messages : 45

    Dim 13 Mar 2016 - 18:29

    Merci beaucoup pour le partage ! :hug:
    Tyarra
    Tyarra
    FémininAge : 20Messages : 73

    Ven 1 Avr 2016 - 23:26

    merciii ♥



    Supprimer/personnaliser le cadre de vos annonces - Page 4 64385520JR
    Nartiifiice
    Nartiifiice
    FémininAge : 23Messages : 88

    Mar 26 Avr 2016 - 14:42

    merci
    avatar
    Irisia Anderson
    FémininAge : 26Messages : 28

    Sam 30 Avr 2016 - 15:40

    Merci du partage !
    rosebleudu10
    rosebleudu10
    FémininAge : 31Messages : 189

    Jeu 19 Mai 2016 - 15:28

    merci je chercher comment faire depuis un moment
    Chocolakato
    Chocolakato
    FémininAge : 30Messages : 818

    Sam 21 Mai 2016 - 10:04

    Ouiii, mercii !



    Anonymous
    Invité

    Dim 29 Mai 2016 - 9:24

    Merci !
    Litonya
    Litonya
    FémininAge : 19Messages : 149

    Lun 6 Juin 2016 - 20:22

    merci
    Contenu sponsorisé


      La date/heure actuelle est Lun 8 Mar 2021 - 11:19