Comment fait pour obtenir ça

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

Résolu Comment fait pour obtenir ça

Message par Missindo le Jeu 7 Juin 2012 - 15:26

Hello à vous, après avoir éplucher tout les messages du site de long en large et en travers et réussis à obtenir plus grosse migraine qu'autre chose parce que je m'en mêle complètement les codes en tout genres j'aimerais trouvé un résultat de ce genre là pour présenter mes catégories.



Dans le but de faire de mon nouveau forum ♥♥, quelque chose de présentable

L'image que j'aimerais mettre est quelques chose comme celle ci

Merci d'avance pour votre aide


Dernière édition par Missindo le Sam 9 Juin 2012 - 22:44, édité 1 fois

Missindo
****

Féminin
Messages : 396
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.org/
Missindo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fait pour obtenir ça

Message par Missindo le Ven 8 Juin 2012 - 15:18

up

Missindo
****

Féminin
Messages : 396
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.org/
Missindo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fait pour obtenir ça

Message par Izumi375 le Sam 9 Juin 2012 - 10:40

Coucou,

Déjà pour obtenir un truc comme votre exemple il faut passer par un logiciel de graph. Votre exemple a été passé en sépia et a été mis sous une certaine forme (ca ressemble à la partie supérieure d'un trèfle).

Parce qu'imaginez qu'on mette votre image comme telle en bloc au dessus de votre catégorie, ça va être super moche!
Donc voilà ca se passe très souvent comme ça: le grapheur imagine, sort une image et le codeur il met en place (et oui quelle tâche ingrate on se coltine!) Rolling Eyes

Donc voilà je veux bien vous aider à mettre cette image au dessus des catégories, mais ca ne ressemblera pas à votre exemple je vous préviens! Mr. Green

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fait pour obtenir ça

Message par Missindo le Sam 9 Juin 2012 - 10:46

oui je m'en doute bien, mais je n'arrive déjà pas à trouver le logiciel en question pour donner une forme comme je veux, j'ai bien photofiltre, mais je trouve rien qui me plait. Je m'enfiche de la forme, je te fais largement confiance et te joint même un schéma de ce que je souhaite, parce que 2 jours de recherches 160 pages d'archive que je me mélange tout sur tout



Missindo
****

Féminin
Messages : 396
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.org/
Missindo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fait pour obtenir ça

Message par Izumi375 le Sam 9 Juin 2012 - 21:11

Bon ok alors on y va!

Donc on va dans le template index_box:

On recherche

Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

et on insère après le code de notre image que je mets dans un tableau ce qui donne:

Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="headercategorie"><tr><td>{catrow.tablehead.L_FORUM}</td></tr></table>

On enregistre et on valide.

Après on va dans la feuille css

et on ajoute:

Code:
.headercategorie {
width: XXpx;
height: XXpx;
background-image: url('LIEN DE L IMAGE');
}

Remplace les "XX" par les dimensions de l'image et met le lien de l'image.

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fait pour obtenir ça

Message par Missindo le Sam 9 Juin 2012 - 21:32

Question pendant que j'y suis, je peux mettre une image peut importe le forme?

edit: je sais pas ce qui se passe, mais tout est décalé et ne ressemble à plus rien OO

double edit: voilà un scan pour expliquer
Le début est bien mais après ce le bazard complet


Missindo
****

Féminin
Messages : 396
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.org/
Missindo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fait pour obtenir ça

Message par Izumi375 le Sam 9 Juin 2012 - 22:22

Euh je viens de réessayer sur mon forum test ca passe niquel.

Votre template était il modifié avant?
Postez le template index_box ici que je vérifie.

Euh sinon oui ca marche quelque soit la forme

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fait pour obtenir ça

Message par Missindo le Sam 9 Juin 2012 - 22:29

oui changé et validé

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="1" cellpadding="0">
<table class="headercategorie"><tr><td>{catrow.tablehead.L_FORUM}</td></tr></table>
   <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 -->
   <!-- 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><br />
            </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" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</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 -->

et merci pour la réponse sur l'image, je vais en travailler une alors

Missindo
****

Féminin
Messages : 396
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.org/
Missindo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fait pour obtenir ça

Message par Izumi375 le Sam 9 Juin 2012 - 22:37

Bah... c'est pas bien! T'as pas suivi mes instructions; pas étonnant que ça plante!
Je déconne évidemment c'est pas grave. Mr. Green

le :

Code:
<table class="headercategorie"><tr><td>{catrow.tablehead.L_FORUM}</td></tr></table>

Dois être juste après le:

Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fait pour obtenir ça

Message par Missindo le Sam 9 Juin 2012 - 22:40

C'est pas ça, j'ai beau chercher, je ne le trouve pas tout seul

edit: C'est tout bon merci beaucoup ^^ me reste plus qu'a me faire une image et c'est une autre paire de manche

Missindo
****

Féminin
Messages : 396
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.org/
Missindo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fait pour obtenir ça

Message par Izumi375 le Sam 9 Juin 2012 - 22:45

Ok pas de panique je suis là dwarf

Alors regarde bien ce que t'as fait:

Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<table class="headercategorie"><tr><td>{catrow.tablehead.L_FORUM}</td></tr></table>

Au lieu de mettre
Code:
<table class="headercategorie"><tr><td>{catrow.tablehead.L_FORUM}</td></tr></table>

Après :
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

Tu l'as mis après:
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Tu vois?

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment fait pour obtenir ça

Message par Missindo le Sam 9 Juin 2012 - 22:47

oui j'ai vue et je me suis corrigé comme j'ai éditer dans le poste d'avant

Missindo
****

Féminin
Messages : 396
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.org/
Missindo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fait pour obtenir ça

Message par Izumi375 le Sam 9 Juin 2012 - 22:49

Oki bonne continuation alors Wink

N'hésite pas si tu as un autre problème.

Ps: merci pour le "merci"!
Tchüss!

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment fait pour obtenir ça

Message par Missindo le Sam 9 Juin 2012 - 22:50

c'est fait pour le merci ne t'en fait pas pour ça!! merci encore et bonne soirée à toi

Missindo
****

Féminin
Messages : 396
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.org/
Missindo a été remercié(e) par l'auteur de ce sujet.

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


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