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
    summerby
    FémininAge : 23Messages : 34

    le Mar 3 Mar 2015 - 9:11

    merci du partage (a)
    avatar
    servity
    MasculinAge : 45Messages : 82

    le Jeu 16 Avr 2015 - 22:56

    Muchas Gracias



    avatar
    Kanra
    FémininAge : 17Messages : 113

    le Ven 17 Avr 2015 - 22:10

    Merci !
    avatar
    Mr-Tinkles
    FémininAge : 35Messages : 13

    le Mer 6 Mai 2015 - 21:56

    Merki <3
    avatar
    ryukato
    MasculinAge : 23Messages : 3

    le Dim 31 Mai 2015 - 4:24

    merci =)
    avatar
    WhiteRaaven
    FémininAge : 21Messages : 39

    le Dim 26 Juil 2015 - 14:59

    merci
    avatar
    NanoiHime
    FémininAge : 19Messages : 559

    le Dim 16 Aoû 2015 - 14:47

    merci !



    avatar
    Kelalin
    FémininAge : 25Messages : 1710

    le Dim 16 Aoû 2015 - 22:53

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

    le Jeu 27 Aoû 2015 - 20:06

    merciiiii
    avatar
    Allya33
    FémininAge : 17Messages : 41

    le Sam 29 Aoû 2015 - 15:02

    Merci
    avatar
    RainboWolf
    FémininAge : 20Messages : 86

    le Mer 7 Oct 2015 - 16:09

    A voir merci !
    avatar
    SvenO
    MasculinAge : 23Messages : 78

    le Dim 15 Nov 2015 - 12:50

    Merci Very Happy



    avatar
    Invité

    le Ven 20 Nov 2015 - 14:13

    curieuse de voir
    avatar
    sweetheart.
    FémininAge : 30Messages : 120

    le Ven 18 Déc 2015 - 15:48

    Merci



    Un bisou pour Invité


    Un bisou pour...
    Invité
    avatar
    Nishiki
    FémininAge : 19Messages : 322

    le Ven 8 Jan 2016 - 19:08

    Merci ce sera fort utile :)



    avatar
    Millaby
    FémininAge : 22Messages : 43

    le Mar 8 Mar 2016 - 13:38

    Un grand merci !
    avatar
    beza
    FémininAge : 21Messages : 45

    le Dim 13 Mar 2016 - 16:39

    Merci !
    avatar
    Raela
    FémininAge : 22Messages : 45

    le Dim 13 Mar 2016 - 18:29

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

    le Ven 1 Avr 2016 - 23:26

    merciii ♥




    avatar
    Nartiifiice
    FémininAge : 19Messages : 88

    le Mar 26 Avr 2016 - 14:42

    merci
    Irisia Anderson
    FémininAge : 22Messages : 28

    le Sam 30 Avr 2016 - 15:40

    Merci du partage !
    avatar
    rosebleudu10
    FémininAge : 27Messages : 188

    le Jeu 19 Mai 2016 - 15:28

    merci je chercher comment faire depuis un moment
    avatar
    Chocolakato
    FémininAge : 27Messages : 789

    le Sam 21 Mai 2016 - 10:04

    Ouiii, mercii !



    avatar
    Nely Suglisse
    FémininAge : 22Messages : 66

    le Dim 29 Mai 2016 - 9:24

    Merci !
    avatar
    Litonya
    FémininAge : 16Messages : 149

    le Lun 6 Juin 2016 - 20:22

    merci
    Contenu sponsorisé


      La date/heure actuelle est Ven 24 Nov 2017 - 4:48