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 :
Fnac : 2 Funko Pop achetées : le 3ème offert (large sélection de ...
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."
    lilissa
    lilissa
    FémininAge : 30Messages : 31

    Mar 6 Mai 2014 - 0:50

    merci beaucoup ♥
    Apokalip'z
    Apokalip'z
    MasculinAge : 30Messages : 290

    Mer 14 Mai 2014 - 12:06

    merci miss ^^



    Images en haut et en bas des catégories / de la PA - Page 4 1424818313-sign-apoka
    Eden.
    Eden.
    FémininAge : 31Messages : 201

    Mer 14 Mai 2014 - 15:25

    Merci beaucoup !
    Alumine
    Alumine
    FémininAge : 26Messages : 487

    Jeu 15 Mai 2014 - 16:29

    Merci beaucoup, encore un super code!



    Alumine
    Belle Morte
    Belle Morte
    FémininAge : 27Messages : 42

    Ven 16 Mai 2014 - 16:56

    Merci!
    SamyChou
    SamyChou
    FémininAge : 26Messages : 31

    Jeu 29 Mai 2014 - 17:29

      Merci beaucoup pour le tuto !
    x_Titia
    x_Titia
    FémininAge : 33Messages : 92

    Mar 3 Juin 2014 - 9:46

    merci
    dangerous mind.
    dangerous mind.
    FémininAge : 29Messages : 16

    Dim 8 Juin 2014 - 20:28

    Merci !
    Kiowa
    Kiowa
    FémininAge : 35Messages : 220

    Ven 13 Juin 2014 - 17:26

    Merci c'est ce que je cherchais!
    Asha
    Asha
    FémininAge : 29Messages : 16

    Mar 17 Juin 2014 - 21:07

    Merci !
    Sam-sam
    Sam-sam
    MasculinAge : 31Messages : 40

    Dim 22 Juin 2014 - 17:23

    Merci!
    Neko Mimi
    Neko Mimi
    FémininAge : 33Messages : 165

    Mer 16 Juil 2014 - 13:39

    Merci ♥



    Images en haut et en bas des catégories / de la PA - Page 4 Tumblr_me5uxaCZuJ1qj73e2o1_500
    catkiller
    catkiller
    FémininAge : 29Messages : 70

    Jeu 31 Juil 2014 - 20:51

    Merci  :love: 
    Kahlan
    Kahlan
    FémininAge : 37Messages : 371

    Jeu 21 Aoû 2014 - 16:29

    Merci beaucoup =)
    kreou
    kreou
    FémininAge : 33Messages : 50

    Dim 24 Aoû 2014 - 17:30

    Merci du partage :)
    Yesterday
    Yesterday
    FémininAge : 28Messages : 57

    Lun 25 Aoû 2014 - 16:18

    Merci! :)
    PLOIM
    PLOIM
    FémininAge : 26Messages : 52

    Lun 25 Aoû 2014 - 16:53

    Merci o/!
    Lucasvlp
    Lucasvlp
    MasculinAge : 26Messages : 81

    Jeu 28 Aoû 2014 - 3:18

    Merci



    Tine
    Tine
    FémininAge : 25Messages : 37

    Jeu 28 Aoû 2014 - 20:39

    Merci ♥
    Faucon
    Faucon
    FémininAge : 24Messages : 64

    Sam 30 Aoû 2014 - 18:41

    Merci Very Happy
    Sorako
    Sorako
    FémininAge : 26Messages : 94

    Dim 5 Oct 2014 - 0:37

    Merci beaucoup ♥
    Nawak
    Nawak
    FémininAge : 26Messages : 112

    Mar 7 Oct 2014 - 3:45

    Merci beaucoup ! o/



    Images en haut et en bas des catégories / de la PA - Page 4 Umbrel10
    Storminder
    Storminder
    MasculinAge : 27Messages : 56

    Sam 11 Oct 2014 - 21:06

    Merci :)
    Boou
    Boou
    FémininAge : 31Messages : 50

    Sam 11 Oct 2014 - 23:26

    Merci bcp ! c:
    Yovoed
    Yovoed
    FémininAge : 24Messages : 62

    Sam 1 Nov 2014 - 19:54

    Merci ^^
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 13:36