Kaileen
{ Membre }
Messages : 103
| Bonjour ! J'ai de nouveau besoin de votre aide. J'essaye, sans succès, depuis plusieurs jours, à mettre en forme mes catégories. En plus, j'ai mon logiciel de graph' qui m'a lâcher, j'ai du faire un schéma à la main (= https://2img.net/r/hpimg15/pics/219594schema.png), j'espère qu'il sera compréhensible. Je vais tâché de vous expliquez au mieux ce que j'essaye de faire. J'ai modifier ma template index_box, pour que mes catégories aient un corps (fait au moment du design). Jusque là tout vas bien, j'ai même réussit à faire en sorte que les colonnes sujets et messages disparaissent. J'ai aussi réussit à déplacer le " X SUJETS ● X MESSAGES " sous le titre de mon forum (ex : La charte du bon membre.). Enfin, j'ai mis un CSS qui me plait, bon, les couleurs ne sont pas bonne pour le moment, mais c'est normal, j'attends mon design. Bref, jusqu'ici, pas de soucis, j'ai une partie de ce que je voulais. Là ou ça se corse, c'est que je voudrais personnalisé cela un peut plus (comme sur mon schémas), en gros que l'image qui indique si le forum est verrouiller (par exemple) se trouve juste au dessus/en dessous du lien du dernier sujet actualisé. Et que les sous parties, au lieu de se trouver en dessous de la description, soit déplacer sur la droite, soit avant le sujet actualisé et après la description. J'espère que je suis suffisamment claire parce que j'ai des doutes Merci d'avance à qui voudra bien me guider dans ma modification ! Mon template déjà modifié : - 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">{catrow.tablehead.L_FORUM}</div><div class="catbody"> <table class="forumline" width="100%" border="0" cellspacing="1" 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="80%"> <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="80%" 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="gensmall"><b>{catrow.forumrow.TOPICS}</b> SUJETS <b>●</b> <b>{catrow.forumrow.POSTS}</b> MESSAGES</span><br/><br/> <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" width="20%"> <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> </div><div class="catfoot"></div> <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> La CSS concerné : - Code:
-
/* TITRE DES FORUMS */
a.forumlink { font-style: bold; font-size: 30px; letter-spacing: 0px; text-transform: lowercase; letter-spacing: -2px; font-weight: bolder; font-family: times new roman; text-shadow: 0px 0px 1px #A61802; color: #2B2A01;}
a.forumlink:hover { font-style: italic; font-size: 30px; letter-spacing: 0px; text-transform: lowercase; letter-spacing: -2px; font-weight: bold; font-style: italic; font-family: times new roman; text-shadow: 0px 0px 1px #A61802; color: #A61802;}
/* PERSONNALISATION DES TITRES DES FORUMS */
a.forumlink:before { content:" → "; font-size:25px;}
a.forumlink:hover:before { content:" ← "; font-size:25px;}
/* CORPS DES CATEGORIES */
.cathead { width: 844px; height: 203px; margin: auto; /*Permet de centrer la partie du corps*/ background: url('http://img11.hostingpics.net/pics/444964iBxuZ0N8b2.png') top center no-repeat;}
.catbody { width: 841px; margin: auto; /*Permet de centrer la partie du corps*/ background: url('http://img15.hostingpics.net/pics/139675c895gqp54.png') center repeat-y;}
.catfoot { width: 843px; height: 184px; margin: auto; /*Permet de centrer la partie du corps*/ background: url('http://img11.hostingpics.net/pics/590247PpPuIz1wNz.png') bottom center no-repeat;} Le lien du forum : http://starttheparty.bbactif.com/ |
Dernière édition par Kaileen le Lun 14 Mai 2012, 05:48, édité 1 fois | |
|
# Eve
{ Membre }
Messages : 12
| Bonjour Kaileen, Juste pour te signaler que le lien vers ton schéma n'a pas l'air de fonctionner ( 404 - Not Found). Il est vrai que j'ai du mal à comprendre les modifications que tu souhaites effectuer sans le schéma pour me repérer. Je ne sais pas si je suis assez calée pour t'aider, mais peut-être que si tu repostes un lien vers ton schéma, ça facilitera la réflexion d'un codeur. Amicalement, Eve. | | |
|
pamina
{ Membre actif }
Messages : 1170
| Pour le lien de Kaileen, il suffit d'enlever la virgule et la parenthèse. | | |
|
Kaileen
{ Membre }
Messages : 103
| Je le remet, je savais pas qu'avec une parenthèse ça faisait bugger https://2img.net/r/hpimg15/pics/147711schema.png Sinon, merci de ta promotion ! | | |
|
Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Ce problème est-il toujours d 'actualité ? Pourrais-tu fournir si possible davantage d'explications afin d'aider nos codeurs à mieux cerner ta question ? Si ce sujet n'a toujours pas de reçu de réponse dans quatre jours, il sera archivé. Merci d'avance. | | |
|
Kaileen
{ Membre }
Messages : 103
| Problème toujours d'actualité.
EDIT : J'ai finalement trouver une alternative, en CSS. Demande annulée. Merci ! | | |
|
Psycho
Psychopathe
Messages : 3407
| Hello ! Je vois que le problème est résolu, par conséquent je classe ! Merci d'avoir prévenu | | |
|