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.

-23%
Le deal à ne pas rater :
EVGA SuperNOVA 650 G6 – Alimentation PC 100% modulaire 650W, 80+ ...
77.91 € 100.91 €
Voir le deal

    Images en haut et en bas des catégories / de la PA

    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Mer 6 Nov 2013 - 16:19

    Rappel du premier message :


    Difficulté: ●●○○○
    Templates: index_box | index_body
    Images en haut et en bas des catégories / de la PA
    Bonjour, voici donc un tuto qui va nous permettre d'ajouter des images aux en-têtes et aux pieds de catégories ainsi que de la page d'accueil (abrégée PA pour ce tuto)

       I/Des images pour les catégories

    Voici un schéma illustrant le rendu final de cette partie:
    Spoiler:

          A/L'en-tête des catégories

    Tout d'abord, il nous faudra aller dans Templates > index_box et trouver ceci:
    Code:
    <!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
     <tr>
     <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
     <th nowrap="nowrap" width="50">{L_TOPICS}</th>
     <th nowrap="nowrap" width="50">{L_POSTS}</th>
     <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
     </tr>
     <!-- END tablehead -->
    Maintenant, deux chois s'offrent à nous :
    1. soit nous remplaçons l'intégralité du code ci-dessus par celui-là:
    Code:
    <!-- BEGIN tablehead -->
    <div style="text-align:center; background-position:bottom center; background-image:url('URL DE L'IMAGE');height: Xpx; width:Xpx"><span class="secondarytitle">{catrow.tablehead.L_FORUM}</span></div>
    <table class="forumline" width="Xpx" border="0" cellspacing="1" cellpadding="0">
     <!-- END tablehead -->
    Le height: Xpx indique la hauteur que ferra votre image ; le width:Xpx est la taille des catégories de votre forum (on le retrouve d'ailleurs un peu plus bas dans le code)

    2. soit nous remplaçons le premier code par celui-ci:
    Code:
    <!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
     <tr>
    <td><div class="secondarytitle" style="background-image:url('URL DE L'IMAGE'); background-position:center center">{catrow.tablehead.L_FORUM}</div>
     </tr>
     <!-- END tablehead -->
    Concernant cette deuxième solution, je ne l'ai pas testée.

          B/Le pied des catégories

    Maintenant, cherchons cela:
    Code:
    <!-- BEGIN tablefoot -->
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
    Et ajoutons y ce morceau de code avant img src :
    Code:
    <img src="URL DE L'IMAGE"/>
     &nbsp; II/Des images pour la page d'accueil

    Le rendu de cette partie est le même que pour les catégories sauf qu'il s'applique à la PA.

    D'abord, allons dans Templates > index_body et cherchons le morceau de code suivant:
    Code:
    <!-- 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 -->
    Après le " BEGIN message_admin_index " , placez une balise d'image:
    Code:
    <img src="URL DE L'IMAGE"></img>
    Et faites de même avant le " END message_admin_index "


    Voilà ^^


    PS : les titres de catégorie risquerons de ne pas être bien placer au milieu de l'image de background, je ne sais pas comment les replacer...
    PS2 : Si en plus des images de background de vos catégories vous voulez mettre des images en guise de titre de catégorie, je vous conseil de lire ce tuto rédigé par notre bon vieux capitaine =)


    Il faut parfois beaucoup de temps pour écrire un tuto mais dire merci ne prend que 2 secondes :3


    Si vous avez des problèmes avec ce LS, venez poster ici.



    "Espérer l'inespérable c'est croire en l'impossible."
    Ichibari
    Ichibari
    FémininAge : 38Messages : 90

    Sam 5 Mar 2016 - 17:18

    Merci beaucoup pour le tuto



    Images en haut et en bas des catégories / de la PA - Page 8 378622ginsignature
    Daph
    Daph
    FémininAge : 30Messages : 67

    Dim 6 Mar 2016 - 4:51

    Merci du partage :)



    Kimberlay *
    Kimberlay *
    FémininAge : 33Messages : 161

    Lun 7 Mar 2016 - 11:28

    Merci
    blomkvist
    blomkvist
    FémininAge : 33Messages : 44

    Dim 13 Mar 2016 - 22:11

    je ne sais pas si c'est cela que je recherche mais merci beaucoup :joie: :joie:



    ☆ once upon a dream ☆
    I know you, I walked with you once upon a dream. I know you, that look in your eyes is so familiar a gleam. And I know it's true that visions are seldom all they seem. But if I know you, I know what you'll do. You'll love me at once, the way you did once upon a dream. ~ byendlesslove.
    ENDLESS-DREAM
    ENDLESS-DREAM
    FémininAge : 32Messages : 31

    Lun 14 Mar 2016 - 18:45

    merci
    Castielle
    Castielle
    FémininAge : 28Messages : 33

    Lun 14 Mar 2016 - 23:44

    Merci!
    Amecia
    Amecia
    FémininAge : 27Messages : 107

    Ven 25 Mar 2016 - 16:25

    Merci :)
    Kabrina Lestrange
    Kabrina Lestrange
    FémininAge : 35Messages : 71

    Sam 26 Mar 2016 - 22:41

    Merci!
    Ciàran
    Ciàran
    FémininAge : 33Messages : 187

    Sam 2 Avr 2016 - 17:42

    merci :)
    Ronron
    Ronron
    FémininAge : 23Messages : 70

    Dim 10 Avr 2016 - 20:54

    Merci
    Sheewps
    Sheewps
    MasculinAge : 23Messages : 23

    Dim 1 Mai 2016 - 14:28

    merci ! Very Happy
    Zuiichi
    Zuiichi
    MasculinAge : 30Messages : 122

    Mer 11 Mai 2016 - 11:10

    Merci !



    Images en haut et en bas des catégories / de la PA - Page 8 Zuii
    Sighild
    Sighild
    FémininAge : 37Messages : 225

    Ven 3 Juin 2016 - 18:51

    Merci!
    L0ok
    L0ok
    FémininAge : 27Messages : 31

    Mar 7 Juin 2016 - 17:13

    Merci pour ce tuto :)



    Images en haut et en bas des catégories / de la PA - Page 8 040037444bb7c3380566d
    avatar
    Sanaa
    FémininAge : 30Messages : 157

    Sam 11 Juin 2016 - 19:28

    Merci !
    Mako
    Mako
    FémininMessages : 34

    Dim 12 Juin 2016 - 18:36

    merci :)
    Précyounette
    Précyounette
    FémininAge : 25Messages : 39

    Dim 19 Juin 2016 - 22:19

    merciii =3
    tunisiano111
    tunisiano111
    MasculinAge : 27Messages : 57

    Mar 21 Juin 2016 - 13:54

    Merci
    castles
    castles
    MasculinAge : 24Messages : 6

    Lun 27 Juin 2016 - 13:52

    Mercii :)
    EAVENN
    EAVENN
    FémininAge : 27Messages : 162

    Mar 26 Juil 2016 - 13:42

    merci
    Psychotic Bitch
    Psychotic Bitch
    FémininAge : 37Messages : 41

    Dim 11 Sep 2016 - 21:30

    Merci beaucoup
    FROSTendoloris
    FROSTendoloris
    FémininAge : 30Messages : 206

    Ven 28 Oct 2016 - 18:07

    parfait ça ! merci ♥



    Images en haut et en bas des catégories / de la PA - Page 8 3oov
    rosebleudu10
    rosebleudu10
    FémininAge : 34Messages : 189

    Mar 1 Nov 2016 - 13:46

    merci pour ce tuto
    RPG Maker
    RPG Maker
    FémininAge : 29Messages : 53

    Lun 21 Nov 2016 - 18:03

    Merci pour le tuto. ^^
    fucking face.
    fucking face.
    FémininAge : 25Messages : 6

    Ven 30 Déc 2016 - 3:07

    merci :heart:
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 23:41