Mettre une image en tête de catégorie

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mettre une image en tête de catégorie

Message par Eden. Sam 14 Jan 2012 - 13:09

Bonjour,

Je souhaiterais créer des images qui 's'enboitent' sur le corps du forum mais je ne sais pas comment faire pour trouver pile poil les bonnes dimensions pour que cela fonctionne,et ensuite comment faire ou les mettrent..., dans le CSS ? Dans les templates ?
Je crois que sa marche en 2 coups c'est à dire que l'on crée une image de fond et une autre pour le texte ?

Par exemple sur ce forum ou je suis admin : http://www.graphic-paradise.net/ on voit sur le dessus et le dessous de chaque catégorie que ce sont des images avec rubans rouge, houx...mais je sais que les titres genre bienvenue au paradis du graphisme on été mis sous forme de lien directement dans le titre des catégories.
j'aimerais avoir le meme rendu mais avec des images complètement différentes puisque c'est moi qui les créeraient pour mon forum, mais j'ai aucune idée de comment m'y prendre ? Savez vous comment faut-il faire, existe t'il des tutos ?


Dernière édition par Eden. le Lun 16 Jan 2012 - 17:44, édité 1 fois
Eden.

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par kheino Dim 15 Jan 2012 - 9:40

Bonjour,

Pour ce faire, c'est surtout au niveau du template index_box.

Mais une question me chiffonne :
Si tu es admin du forum que tu cites, pourquoi ne pas demander de l'aide à la personne qui a codé cela ?
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par Eden. Dim 15 Jan 2012 - 11:12

Elle ne vient plus du tout sur le forum...Le forum est à l'abandon enfaite x)
Eden.

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par kheino Dim 15 Jan 2012 - 11:26

Je vois que tu as coché non pour "êtes-vous le fondateur du forum"...
Si tu n'as pas les identifiants de fondateur, tu ne peux pas accéder aux templates, donc on ne pourra pas aller bien loin...

Si tu as les identifiants, peux-tu donner le contenu du template index_box entre les balises BBcode
Code:
[code]TEMPLATE[/code]
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par Eden. Dim 15 Jan 2012 - 13:33

Mais enfaite avec une amie on a créee un autre forum et on aimerait juste savoir comment faire pour mettre une image comme par exemple sur le fo que je vous ai montré, donc je vous passe le template du nouveau forum sur lequel on aimerait faire sa ?
Eden.

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par kheino Dim 15 Jan 2012 - 13:42

Nope pas besoin si le template est celui de base, seulement s'il est déjà modifié, personnalisé...
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par Eden. Dim 15 Jan 2012 - 20:45

Le voila ^^

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
     
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
 
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
     
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Eden.

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par kheino Lun 16 Jan 2012 - 13:30

Le lien de l'image serait pas mal non plus pour te préparer un tuto.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par Eden. Lun 16 Jan 2012 - 13:57

J'aimerais aussi mais je l'ai pas faite puisque je ne sais pas la taille qu'elle doit faire...Faut pas qu'elle déborde et tout.. ><
Eden.

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par kheino Lun 16 Jan 2012 - 14:23

Oui mais je ne peux pas créer une image pour toi.
Elle peut déborder, ou pas, c'est à toi de le définir.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par Eden. Lun 16 Jan 2012 - 14:25

Mais comment on sait la taille exacte de notre forum , j'ai qu'un pourcentage je vais pas aller loin avec sa, j'aimerais la créer l'image mais je n'ai aucune idée de la dimension je vais pas faire au pif jusqu'a ce que j'y arrive...non ?
Eden.

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par kheino Lun 16 Jan 2012 - 15:29

Ouh lala, on se calme.

Il me semble que quelques recherches ici dans le FDF au sujet d'un forum s'impose.
Tu y trouveras des tutos, et tout ce qu'il te faut pour t'expliquer le fonctionnement et la gestion d'un FA.

Je ne peux pas créer tes images, ni te fournir des codes tous faits.
Je ne peux que t'aider.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par Eden. Lun 16 Jan 2012 - 15:32

C'est pas ce que je souhaitais , je voulais juste savoir comment on savais la taille de notre corps de forum en px tant pis je me débrouillerai merci quand meme
Eden.

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par kheino Lun 16 Jan 2012 - 15:38

fais un clic droit quelque part sur le forum, ailleurs que sur une image, même sur une bordure, ensuite "inspecter l'élément" là en haut à droite tu y verras "body", "bodylinewidth" en cliquant dessus sur la gauche tu as tout les codes CSS et c'est là:
width: ???px;

Mais ton image d'entête des catégories va faire toute la largeur ?
C'est à toi d'avoir une idée d'image et de la créer (400-500px environ), du moins il me semble...
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image en tête de catégorie

Message par Eden. Lun 16 Jan 2012 - 15:46

A la base oui je voulais faire une image d'en tête qui englobe les catégories pour ne plus avoir un simple rectangle avec le titre...Je veux une image qui fasse tout le long du titre dur a expliquer ><
Sinon la taille y'a encore marqué 50% x) ça fait rien je vais abandonner ou je testerais peut etre,puis si je diminue en pourcentage sa s'adaptera a l'image que j'aurais créee peut etre...

Une fois que j'aurais créer mon image, il faudra toucher au Template pour que sa marche ?
Eden.

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum