| | [Question] Modifier l'affichage de la case "dernier message" | |
|
|
| Auteur | Message |
|---|
 | |
 | |
| | Bijou 

Voir le dossier scolaire Etudiante Nombre de messages: 15 Age: 25 $ops: 19 Points: 5 Date d'inscription: 23/09/2011
| | |
 | Sujet: Re: [Question] Modifier l'affichage de la case "dernier message" Sam 24 Sep - 15:11 | |
| ma question est ou poster car j'ai tellement modifier le tempale pour mettre des image en haut et bas des cathégorie, pour supprimé une des cathé ça fait que j'avoue je suis perdu est ce que je peux mettre mon tempale a la suite pour qu'on m'explique bien comment faire ! Hier soir j'ai cherche pendant des heures en essayant de le comprendre :s mais sans succes. Et aussi est ce que en image je peux en mettre 3 différente ? |
|
 | |
| | Lydie12 

Voir le dossier scolaire Intervenante Rang spécial: Spécialisée en codage Nombre de messages: 1428 Age: 25 Localisation: Aveyron $ops: 4042 Points: 20 Date d'inscription: 28/09/2010
| | |
 | |
 | |
| | Bijou 

Voir le dossier scolaire Etudiante Nombre de messages: 15 Age: 25 $ops: 19 Points: 5 Date d'inscription: 23/09/2011
| | |
 | Sujet: Re: [Question] Modifier l'affichage de la case "dernier message" Sam 24 Sep - 17:46 | |
| | Spoiler: | | | | 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} {CURRENT_TIME} </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> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div style="width: 836px; height: 75px; background-image: url('http://i56.tinypic.com/2qjdtte.png');" class="secondarytitle"><div style="padding-top: 45px; padding-left: 255px;">{catrow.tablehead.L_FORUM}</div></div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- END tablehead -->
<!-- BEGIN cathead --> <tr>
<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="cadre1 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 forumdesc">{catrow.forumrow.FORUM_DESC}</span> <span class="foruminfo">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span> <span class="forumforums">{catrow.forumrow.LINKS}</span> </td>
<td class="cadre2 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="http://i53.tinypic.com/6y0gzp.jpg" alt="" height="49" width="836" /><!-- END tablefoot --><!-- END catrow --> |
|
Alors voila mon tempale modifier voila ce que j’ai http://i55.tinypic.com/2ptqp2s.jpg et j’aime pas car déjà la dernière colonne est trop petite mais je n’arrive pas comprendre comment le modifier :s
|
|
 | |
| | Lydie12 

Voir le dossier scolaire Intervenante Rang spécial: Spécialisée en codage Nombre de messages: 1428 Age: 25 Localisation: Aveyron $ops: 4042 Points: 20 Date d'inscription: 28/09/2010
| | |
 | |
 | |
| | Bijou 

Voir le dossier scolaire Etudiante Nombre de messages: 15 Age: 25 $ops: 19 Points: 5 Date d'inscription: 23/09/2011
| | |
 | Sujet: Re: [Question] Modifier l'affichage de la case "dernier message" Sam 24 Sep - 17:59 | |
| Dans la capture donné de mon forum je n'ai pas pris le bon ex pour montré qu'elle était trop petite celle ci est peut etre mieux. En faite est ce que c'est le bon tuto pour mettre le "old" "new" dans cette colonne ou c'est juste mettre une image qui ne changera pas enfin ça ressemble pas au code que j'ai deja connu | Code: | <td class="cadre2 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="http://i53.tinypic.com/6y0gzp.jpg" alt="" height="49" width="836" /><!-- END tablefoot --><!-- END catrow --> |
|
|
 | |
| | Lydie12 

Voir le dossier scolaire Intervenante Rang spécial: Spécialisée en codage Nombre de messages: 1428 Age: 25 Localisation: Aveyron $ops: 4042 Points: 20 Date d'inscription: 28/09/2010
| | |
 | |
 | |
| | Bijou 

Voir le dossier scolaire Etudiante Nombre de messages: 15 Age: 25 $ops: 19 Points: 5 Date d'inscription: 23/09/2011
| | |
 | |
 | |
| | Lydie12 

Voir le dossier scolaire Intervenante Rang spécial: Spécialisée en codage Nombre de messages: 1428 Age: 25 Localisation: Aveyron $ops: 4042 Points: 20 Date d'inscription: 28/09/2010
| | |
 | |
 | |
| | Bijou 

Voir le dossier scolaire Etudiante Nombre de messages: 15 Age: 25 $ops: 19 Points: 5 Date d'inscription: 23/09/2011
| | |
 | |
 | |
| | Lydie12 

Voir le dossier scolaire Intervenante Rang spécial: Spécialisée en codage Nombre de messages: 1428 Age: 25 Localisation: Aveyron $ops: 4042 Points: 20 Date d'inscription: 28/09/2010
| | |
 | |
 | |
| | Shône 

Voir le dossier scolaire Etudiant Nombre de messages: 13 Age: 18 $ops: 15 Points: 5 Date d'inscription: 14/10/2011
| | |
 | Sujet: Re: [Question] Modifier l'affichage de la case "dernier message" Ven 14 Oct - 21:48 | |
| Bonjour, j'ai un petit problème avec le tuto x_x J'ai bien suivi toutes les étapes, mais ya deux trois choses qui clochent :0 Voici des Screen et tout http://i48.servimg.com/u/f48/15/68/87/80/a13.pngça, c'est l'image que je voudrais utiliser (celle du haut.) Et voici celle du bas : http://i48.servimg.com/u/f48/15/68/87/80/b14.pngEt voilà l'image du scandale problème : | Spoiler: | | |  |
Comme vous le voyez, les stats des messages (nombres de sujets, etc...) se situent en haut, et déjà ça ça m'embête... Après, l'image du aut est coupées et celle du bas est...invisible :0 Je vous passe aussi mon template index_Box et mon CSS si ça peut vous aider 
| Spoiler: | | | | Code: | (Partie "forumrow" uniquement ( template) ) <!-- 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 over" align="center" valign="middle" height="50"> <table class="case_stats" cellpadding="0" cellspacing="0"> <tr> <td class="dernier_msg"><p>{catrow.forumrow.LAST_POST}</p></td> </tr> <tr> <p>{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</p> </tr> </table> </td> </tr> <!-- END forumrow --> |
|
Et voilà mon CSS ( ou du moins une partie n_n)
| Spoiler: | | | | Code: | table.case_stats td.dernier_msg p{ color:#e26e25; width:140px; padding:0; margin:0; margin-left:10px; font-size:9px; text-align:center; } table.case_stats td.dernier_msg p a{ text-decoration:none; color:blue; } table.case_stats td.dernier_msg p a:hover{ border-bottom:green 1px dashed; color:purple; }
table.case_stats td.stats_forum{ background-image:url('http://i48.servimg.com/u/f48/15/68/87/80/b13.png'); background-position:center; background-repeat:no-repeat; padding-left:50px; padding-right:60px; padding-top:10px; height:75px; } table.case_stats td.dernier_msg{ background-image:url('http://i48.servimg.com/u/f48/15/68/87/80/a12.png'); background-position:center top; background-repeat:no-repeat; padding-left:50px; padding-right:60px; padding-top:10px; height:75px; }
_________________________
|
|
Voilà ... Je n'ai aucune idée d'où peut provenir le problème ( certes, je suis un noob en html, mais osef :hap: ) Merci beaucoup d'avance de votre (vos) réponse(s), j'ai vraiment besoin d'y réussir :O
|
|
 | |
| | Lydie12 

Voir le dossier scolaire Intervenante Rang spécial: Spécialisée en codage Nombre de messages: 1428 Age: 25 Localisation: Aveyron $ops: 4042 Points: 20 Date d'inscription: 28/09/2010
| | |
 | Sujet: Re: [Question] Modifier l'affichage de la case "dernier message" Sam 15 Oct - 7:58 | |
| Coucou, Je pense que ton petit problème vient de là | Code: | <tr> <p>{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</p> </tr> | il manque une ligne dans ton tableau.
En résumé ton code devrait être
| Code: | <tr> <td class="stats_forum"> <p>{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</p> </td> </tr> |
_________________  | Spoiler: | | |
 |
|
|
 | |
| | Shône 

Voir le dossier scolaire Etudiant Nombre de messages: 13 Age: 18 $ops: 15 Points: 5 Date d'inscription: 14/10/2011
| | |
 | |
 | |
| | Saia 

Voir le dossier scolaire Etudiante Nombre de messages: 4 Age: 17 $ops: 4 Points: 5 Date d'inscription: 23/02/2012
| | |
 | Sujet: Re: [Question] Modifier l'affichage de la case "dernier message" Jeu 23 Fév - 17:20 | |
| Bonjour j'ai essayer ton tuto il est super *_* mais malheureusement sa ne fonctionne pas *_* il n'y a rien qui s'affiche. Je pense que j'ai tellement bourré mon Index_box que je m'y retrouve plus =_= a moin que sa sois le CSS voila mes truc: CSS: | Code: | table.case_stats{ width:200px; /* largeur */ height:228px; /* La hauteur */ margin:auto; /* on centre */ } able.case_stats td.dernier_msg{ background-image:url('http://img11.hostingpics.net/pics/654240Sanstitre601.png'); background-position: center top; background-repeat:no-repeat; padding-left:50px; padding-right:60px; /* Je déclasse du bord droit de 60px à gauche de ma pate */ padding-top:10px; height:143px; /* mon image fait 85px de haut, mais comme j'ajoute 10px de remplissage, j'impose à ma case une hauteur = hauteur de mon image - padding top */ }
table.case_stats td.stats_forum{ background-image:url('http://img11.hostingpics.net/pics/277359Sanstitre602.png'); background-position: center bottom; background-repeat:no-repeat; padding-left:4px; padding-right:4px; }
table.case_stats td.dernier_msg p{ color:#e26e26; width:140px; /*la largeur de mon bloc moins la largeur de ma pate */ padding:0; margin:0; margin-left:10px; /* Je décalle un peu par rapport aux bords gauche pour éviter que mon texte ne soit en dehors de mon cadre */ font-size:12px; } table.case_stats td.dernier_msg p a{ text-decoration:none; color:blue; } table.case_stats td.dernier_msg p a:hover{ border-bottom:green 1px dashed; color:green; }
table.case_stats td.stats_forum p{ color:pink; width:160px; /*la largeur de mon bloc moins quelques px */ margin-left:50px; font-size:10px; font-weight:bold; text-align:center; padding:0; } |
Puis mon tremplate:
| 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 --> <div class="cathead"></div><div class="catbody"> <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="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 over" align="center" valign="middle" height="50"> <p>{catrow.forumrow.LAST_POST}</p> <p>{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</p> </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> </div><div class="catfoot"></div> <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> |
|
|
 | |
| | [Question] Modifier l'affichage de la case "dernier message" | |
|