kun
{ Membre }
Messages : 53
| Bonsoir , Comme me l'a suggéré Pamina, je poste ici pour obtenir un peu d'aide sur le tuto de sayuri (ici). Voila en gros ce que j'aimerai faire - Citation :
- Salut, merci pour le code, j'aimerai savoir si c'était possible d'obtenir un seul "bloc" par catégorie (Que les sous forums soient collés et séparés juste par le titre d'un sf). Et si le x messages dans x sujet pouvait être collé au dessus du dernier post Wink
En gros, j'ai ça : Et j'aimerai ça : Mon template : - 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}<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="noms-categories" style="margin-right:100px;">{catrow.tablehead.L_FORUM}</div> <br />
<div style="padding: 0px;" class="categories" nowrap="nowrap" style="padding:10px;"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <!-- 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></tr><tr> <!-- END inc --> <td class="row1 over" colspan="3" valign="middle" width="100%" height="10">
</td></tr> <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle" style="padding-left: 6px; padding-bottom: 3px;">
<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" height="50" style="padding-right: 3px; padding-left: 3px;">
<h{catrow.forumrow.LEVEL} class="hierarchy" style="margin-bottom: 0px;"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</div></a> </span> </h{catrow.forumrow.LEVEL}>
<div class="stats-nombre" style="margin-right:100px;">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets</div> <table class="forumlastpost" border="0" cellspacing="0" cellpadding="0" style="margin-right: 5px;" ><tr> <td>
<span class="genmed"><div class="descriptions-categories">{catrow.forumrow.FORUM_DESC}</div></span> <br /> <center> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links -->
<span class="gensmall"><span id="sublink" class="subforumlink"> {catrow.forumrow.LINKS}</span><script type="text/javascript">document.getElementById('sublink').innerHTML=document.getElementById('sublink').innerHTML.replace(/,/,"<br />"); </script> </center> </td> <td style="margin-top:4px; vertical-align:top center;margin-right:10px;"><div class="stats-forum"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></td></tr></table> <br />
</span> </span>
</td>
<!-- BEGIN forum_link_no -->
<!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Mon css - Spoiler:
.descriptions-categories { background-color:#ffffff; padding:5px; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomleft: 18px; -moz-border-radius-bottomright: 18px; border-radius: 18px; -webkit-border-radius: 18px; margin-left:20px; margin-right:2px; margin-bottom: 2px; font-family:Arial; width: 400px; font-size: 11px; line-height: normal; height:60px; overflow:auto; }
.forumlink { font-size:20px; margin-left:15px; font-weight:bolder; word-spacing:2px; text-align:center; display:block; font-family:Arial; text-shadow: 1px 1px 1px rgb(66, 66, 66); width:80%; }
.forumlastpost { width:95%; background-color:#d9d1c3; padding:5px; margin:5px; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomleft: 18px; -moz-border-radius-bottomright: 18px; border-radius: 18px; -webkit-border-radius: 18px; box-shadow: 0px 3px 3px #000000; -moz-box-shadow: 0px 2px 3px #888; -webkit-box-shadow: 0px 2px 3px #888; height:140px; }
.stats-nombre { font-weight: bold; font-family: arial,serif; padding:4px; margin-bottom:-5px; margin-top:8px; text-align:center; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; border-radius: 18px; -webkit-border-radius: 18px; float:right; background-color:#f5f3e5; border:3px solid #d5c9a0; border-bottom:none; height:14px; width:250px; font-size:12px; }
.stats-forum { font-size:11px; background-color:#f5f3e5; padding:5px; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomleft: 18px; -moz-border-radius-bottomright: 18px; border-radius: 18px; -webkit-border-radius: 18px; text-align:center; margin-right:30px; }
.categories { background-color:#ffffff; padding:20px; margin:10px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomleft: 30px; -moz-border-radius-bottomright: 30px; border-radius: 30px; -webkit-border-radius: 30px; border:3px solid #d5c9a0; }
.noms-categories { font-weight: bold; font-family: arial,serif; text-shadow: 1px 1px 1px rgb(66, 66, 66); padding:4px; margin-right:20px; margin-top:8px; text-align:center; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; border-radius: 18px; -webkit-border-radius: 18px; float:right; background-color:#f5f3e5; border:3px solid #d5c9a0; border-bottom:none; height:15px; width:250px; }
Merci d'avance pour ceux qui m'aideront, en me disant ce que je dois modifier pour pouvoir personnaliser mes catégories | | |
|
'Christa
Lostmindy
Messages : 2856
| Bonjour, De ce que je vois le code fourni par Sayuri (code à copier coller, et non tutoriel) ne correspond pas du tout à ce que tu souhaites obtenir, et de ce fait ça ne sert à rien de partir de son code. Du coup, c'est plutôt à toi de coder ta propre mise en page et de nous montrer ce à quoi tu arrives partant de là : on ne fera pas ce travail à ta place Je te suggère donc d'aller dans la section Pas à Pas » structures de forums de CSSActif et de bidouiller à partir de là. Bon courage ! | | |
|
kun
{ Membre }
Messages : 53
| Je vois Je pensais que c'était une variante ^^ Merci de ta réponse | | |
|
Psycho
Psychopathe
Messages : 3407
| Yop' Je considère que le sujet est résolu alors (: Si tu as un souci après avoir bidouillé seul n'hésite pas à revenir ici où les codeurs pourront sûrement t'aider Aller zou je déplace | | |
|