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.


    [Template] Supprimer le fond et le cadre de la PA

    Partagez
    avatar
    Hiro'
    MasculinAge : 20Messages : 127

    le Dim 22 Sep 2013 - 16:55

    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


    Bonjour tout le monde !

    Aujourd'hui je vous apporte une astuce très simple. Elle vous servira a supprimer le cadre et le fond de votre page d'accueil. Pour que vous vous compreniez bien, je vous montre un exemple avec et un exemple sans. J'espère ne pas faire doublon, je n'ai pas vu de topic là-dessus dans cette section.



    C'est très simple. Vous allez devoir modifier votre template index_body.
    Non, non, ne fuyez pas, les templates sont nos amies!
    Et puis il n'y a pas grand chose à faire.

    Repérez cette partie :

    Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
       <!-- BEGIN message_admin_titre -->
       <tr>
          <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
       </tr>
       <!-- END message_admin_titre -->
       <!-- BEGIN message_admin_txt -->
       <tr>
          <td class="row1" rowspan="3" align="center" valign="middle">
          <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
          </td>
       </tr>
       <!-- END message_admin_txt -->
    </table>
    <!-- END message_admin_index -->

    Regardez à la 3e ligne où vous avez un tableau avec la class "forumline" :
    Code:
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

    Et vous enlevez la class, ce qui donne ceci :
    Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0">

    Oui, oui, c'est tout. Comment ça, je vous arnaque ?

    Bon code et n'oubliez pas un petit crédit à Never-Utopia Wink



    Pas souvent là, mais je vous aime quand même très fort ! Étudiant en prépa littéraire, quand j'en ai marre de pas comprendre ce que je lis, je code pour ne plus comprendre non plus ce que j'écris.
    avatar
    Blacklice
    FémininAge : 20Messages : 11

    le Mer 4 Nov 2015 - 21:31

    Ah ça, ça m'intéresse ! *-*
    avatar
    maxime123
    MasculinAge : 21Messages : 8

    le Dim 8 Nov 2015 - 16:01

    :O Merci, depuis le temps que je cherchais comment faire, je le trouve enfin grasse à toi! :friends:
    avatar
    ATHENA.
    FémininAge : 21Messages : 31

    le Lun 9 Nov 2015 - 17:31

    Merci !
    avatar
    zbou
    FémininAge : 23Messages : 83

    le Jeu 12 Nov 2015 - 10:47

    Merci :3
    avatar
    Elocha
    FémininAge : 67Messages : 255

    le Jeu 12 Nov 2015 - 11:30

    (je verrais ça chez moi) merci !



    eLoChA.
    avatar
    Sparryx
    MasculinAge : 15Messages : 71

    le Sam 14 Nov 2015 - 19:58

    Merci
    avatar
    Elocha
    FémininAge : 67Messages : 255

    le Sam 14 Nov 2015 - 23:21

    je n'avais pas le même body-truc que toi alors j'ai fouillé et moi j'ai juste modifier le CSS de base en ajoutant ça, et ça marche :

    Code:
    .introduction {
      background-color: transparent;
      border: 0px;
    }

    pour le coup de la couleur transparent, je suis sous Firefox... mais je ne sais pas si ça marche avec tout les navigateurs mais il suffit de mettre à la place

    Code:
    background-color: rgba(0, 0, 255, 0);

    (n'importe quelle couleur avec zero d'alpha ^^)

    et... voilà ?



    eLoChA.
    avatar
    Maag
    FémininAge : 18Messages : 30

    le Dim 15 Nov 2015 - 12:40

    merchii
    avatar
    Myrcella Heaven
    FémininAge : 21Messages : 53

    le Dim 29 Nov 2015 - 15:48

    Merci !
    avatar
    Nord
    MasculinAge : 17Messages : 168

    le Sam 12 Déc 2015 - 20:40

    Merci, c'est plus esthétique d'un coup x)
    ness.
    FémininAge : 22Messages : 43

    le Lun 14 Déc 2015 - 21:50

    thxxxxx
    avatar
    Pythia
    FémininAge : 29Messages : 165

    le Mar 15 Déc 2015 - 0:58

    Merci pour l'astuce ^^



    avatar
    Tria
    FémininAge : 20Messages : 125

    le Sam 19 Déc 2015 - 0:12

    Depuis le temps que je le cherche *^* Marchi !



    "Tomber est permis, se relever est ordonné."
    avatar
    Pastiche
    FémininAge : 23Messages : 78

    le Sam 19 Déc 2015 - 16:51

    Merci, je cherchais l'astuce justement !
    avatar
    Madness of Wonderland
    FémininAge : 17Messages : 59

    le Dim 20 Déc 2015 - 18:00

    merci
    avatar
    satine-chan
    FémininAge : 30Messages : 31

    le Lun 21 Déc 2015 - 14:35

    Ca fait un moment que je cherche comment faire. Merci en tout cas !^^
    avatar
    Yogi Nakagawa
    MasculinAge : 17Messages : 92

    le Jeu 24 Déc 2015 - 1:21

    Merci !
    avatar
    DeadlyRuby
    FémininAge : 18Messages : 40

    le Jeu 24 Déc 2015 - 13:38

    Merci. *-*

    C'est justement ce qu'il me fallait. Very Happy



    avatar
    Dorin
    FémininAge : 42Messages : 25

    le Sam 9 Jan 2016 - 6:12

    ça m'intéresse, merci!
    avatar
    Krager
    MasculinAge : 22Messages : 38

    le Sam 9 Jan 2016 - 15:42

    merci
    avatar
    Eil'liathan Tyan'Lirulin
    FémininAge : 26Messages : 315

    le Lun 11 Jan 2016 - 17:54

    Merci ^^
    avatar
    Sly King
    FémininAge : 21Messages : 75

    le Lun 11 Jan 2016 - 20:56

    Merci ♥
    avatar
    ~Nodoka~
    FémininAge : 20Messages : 182

    le Mar 12 Jan 2016 - 15:16

    merci ^^
    avatar
    Louchoute
    FémininAge : 26Messages : 22

    le Dim 17 Jan 2016 - 13:51

    Merci beaucoup pour l'astuce ! :)
    avatar
    Brookinette
    FémininAge : 25Messages : 46

    le Mer 27 Jan 2016 - 17:19

    Merci pour le code :)
    Contenu sponsorisé


      La date/heure actuelle est Mer 22 Nov 2017 - 19:10