AccueilDernières imagesRechercherS'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 à ne pas rater :
Disque dur SSD CRUCIAL P3 1 To (3D NAND NVMe PCIe M.2)
65.91 €
Voir le deal

    [Template & CSS] Modifier le cadre de la PA

    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Mar 7 Sep 2010 - 19:33

    Rappel du premier message :

    Buenos días/Buenas tardes!!

    [Off] Espagnol

    [On] Français

    Bonjour/Bonsoir!!

    Niveau: Très FacileAperçu: Une explication devrait suffire WinkTuto by Sui'

    |!| Droits du tutoriel réservés.


    Explication: Ce tutoriel vous permettra de modifier le cadre de votre page d'accueil sans pour autant toucher les catégorie. Pour ceux qui ont déjà modifier leur forum, vous avez surement remarquer quand on place le code css "forumline" que le cadre des catégorie ainsi que celui de la page d'accueil change. Et bien aujourd'hui vous pourrez modifier le style de votre page d'accueil autrement que vos catégorie Wink.



    Partie 1
    Template


    Bien commençons par accéder à notre template: Panneau d'administration -> Affichage -> Template: Général -> Ouvrez le template "Index_body"

    Au tout début du code vous avez cette ligne:


    Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
       <!-- BEGIN message_admin_titre -->

    Vous avez juste à remplacer le mot "forumline" par (par exemple) "pageaccueil" ce qui vous donne sa:

    Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="pageaccueil" width="100%" border="0" cellspacing="1" cellpadding="0">
       <!-- BEGIN message_admin_titre -->

    Validez votre template puis publiez le en cliquant sur la croix verte.




    Partie 2
    Le CSS


    Accedez à votre feuille de style CSS: Panneau d'administration -> Affichage -> Couleur -> Feuille de style CSS:

    Ajoutez maintenant ce code:

    Code:
    .pageaccueil {
      Vos propriété
    }

    À vous de mettre ce que vous désirez Wink.

    Validé votre CSS et c'est fini!


    En espérant que ce tutoriel vous conviendra.

    Sayonara!

    Vos commentaires et remerciements sont toujours bienvenus ^^
    Si vous avez des problèmes avec ce LS, venez poster ici.


    Dernière édition par Sui' le Mer 27 Oct 2010 - 11:19, édité 1 fois



    Merci beaucoup Woo pour ce kit *-*
    [Template & CSS] Modifier le cadre de la PA - Page 2 657955SignatureSuicopie
    Sui' Art's
    Amasis
    Amasis
    FémininAge : 51Messages : 307

    Ven 27 Juin 2014 - 22:33

    Je signe pour voir ^^
    Merci beaucoup!
    Filou
    Filou
    FémininAge : 32Messages : 162

    Sam 28 Juin 2014 - 15:01

    *jette un coup d'oeil par curiosité*
    Daisy Hardman
    Daisy Hardman
    FémininAge : 26Messages : 60

    Mar 8 Juil 2014 - 17:51

    merci
    HEAVEN.SPIRIT
    HEAVEN.SPIRIT
    MasculinAge : 29Messages : 37

    Mer 9 Juil 2014 - 19:20

    merci
    Immortaly
    Immortaly
    FémininAge : 23Messages : 10

    Mer 9 Juil 2014 - 23:01

    .
    hoterion
    hoterion
    FémininAge : 32Messages : 75

    Sam 12 Juil 2014 - 0:55

    merci du partage ^^



    [Template & CSS] Modifier le cadre de la PA - Page 2 Sing10
    Hippopotame
    Hippopotame
    FémininAge : 110Messages : 32

    Mer 23 Juil 2014 - 22:57

    Merci !
    Fayzl4D
    Fayzl4D
    MasculinAge : 27Messages : 84

    Jeu 24 Juil 2014 - 14:11

    merci
    avatar
    Ge.
    FémininAge : 33Messages : 21

    Jeu 24 Juil 2014 - 17:53

    Merci ça va être utile!
    Amera
    Amera
    FémininAge : 31Messages : 67

    Ven 25 Juil 2014 - 1:30

    Merci beaucoup !



    [Template & CSS] Modifier le cadre de la PA - Page 2 734690sign1
    Cassy N.
    Cassy N.
    FémininAge : 41Messages : 18

    Ven 25 Juil 2014 - 1:49

    Je suis curieuse. Et c'est une chose qui m'intéresse vraiment à voir pour la PA. ça pourrait mettre utile moi qui n'est pas envie que ma PA soit strictement comme mes cathé ^^
    Merci d'avance pour l'astuce.
    Anonymous
    Invité

    Sam 26 Juil 2014 - 11:51

    Je veux voir, merci :)
    Seikatsu Tengoku
    Seikatsu Tengoku
    MasculinAge : 28Messages : 11

    Mar 29 Juil 2014 - 6:49

    Super!
    Mushu
    Mushu
    FémininAge : 26Messages : 68

    Mer 13 Aoû 2014 - 17:53

    Merci !
    Insanities
    Insanities
    FémininAge : 28Messages : 40

    Jeu 11 Sep 2014 - 6:19

    Merci !



    [Template & CSS] Modifier le cadre de la PA - Page 2 Baby_b10
    Offrande
    Offrande
    FémininAge : 32Messages : 194

    Jeu 16 Oct 2014 - 22:58

    Merci beaucoup, j'ai hâte de voir ce travail ^^
    katia06
    katia06
    FémininAge : 54Messages : 203

    Ven 17 Oct 2014 - 10:23

    curieuse



    tutox
    tutox
    MasculinAge : 42Messages : 22

    Jeu 13 Nov 2014 - 8:10

    merci
    Natsu892
    Natsu892
    MasculinAge : 23Messages : 63

    Ven 21 Nov 2014 - 19:02

    thanks



    Miyoko
    Miyoko
    FémininAge : 31Messages : 213

    Jeu 4 Déc 2014 - 17:59

    mook



    [Template & CSS] Modifier le cadre de la PA - Page 2 641359838739
    kyoichii
    kyoichii
    MasculinAge : 29Messages : 32

    Sam 6 Déc 2014 - 4:15

    ooh :m
    layna
    layna
    FémininAge : 31Messages : 69

    Sam 14 Fév 2015 - 0:43

    curieuseeeeeeeeeeeeee
    Irissia87
    Irissia87
    FémininAge : 36Messages : 124

    Jeu 12 Mar 2015 - 21:58

    merci pour le code!
    ginl
    ginl
    FémininAge : 36Messages : 88

    Ven 13 Mar 2015 - 9:08

    *Curieuse*[ON]
    Merci :)



    [Template & CSS] Modifier le cadre de la PA - Page 2 Mjsear10
    [Template & CSS] Modifier le cadre de la PA - Page 2 Galeri10
    Sadja
    Sadja
    MasculinAge : 26Messages : 79

    Jeu 2 Juil 2015 - 12:41

    Je veux bien voir si ça m'est utile ou non ^^
    Contenu sponsorisé


      La date/heure actuelle est Ven 19 Avr 2024 - 10:45