CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Problème affichage forum. | |
| Cheps __
{ Membre }
Messages : 35
| Encore moi Alors avec la rentrée qui approche mes petits codeurs ne sont plus trop disponibles, du coup je règle les quelques problèmes restant mais sans grand succès donc je viens encore une fois vous demander de l'aide Euuuw s'il faut un quelconque css ou templates, si c'est possible de m'indiquer lequel (parce que moi je sais pas, ouais je crains grave pour le coup ) Donc voilà, alors j'ai ceci : https://2img.net/r/hpimg4/pics/857132Capture.jpg & ça https://2img.net/r/hpimg4/pics/371385Capture2.jpg et tout simplement j'aimerais passer à quelque chose comme ça : https://2img.net/r/hpimg4/pics/811531Capture.jpg & https://2img.net/r/hpimg4/pics/651728Capture2.jpg Sauf que je ne sais pas comment m'y prendre Merci d'avance pour votre précieuse aide | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Euh... Y a tellement de différences entre les screens que je ne sais pas ce que tu veux faire xD. | | |
| | | Cheps __
{ Membre }
Messages : 35
| J'aimerais qu'il n'y ai pas la partie beige sur l'interface accueil du forum, en gros il n'y aurait que les catégories oranges sur le fond jaune et lorsque l'on va dans un sous forum, les sujets resterait dans la partie beige et s'il y a une catégorie elle sera directement sur le fond jaune.. Je sais pas si c'est un peu plus clair au cas j'ai d'autres exemples si tu ne vois vraiment pas :/ | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Pour le beige, il me semble qu'il faut voir avec .bodyline dans le css (mettre background : transparent). Pour la liste des sujets --> il faut toucher un peu aux templates il me semble ^^. Peut tu me donner le lien du forum en question là où l'on voit un endroit où il y a fora en haut + liste des sujets ?
Comme je le dis souvent, il est souvent très utile d'utiliser Firebug ou un autre inspecteur d'élément pour trouver ce qu'il faut modifier dans le css ^^ | | |
| | | Cheps __
{ Membre }
Messages : 35
| Le bodyline, ne représente que le contour du forum :/ Sinon voici un lien avec sujet et une catégorie au dessus ▼ Sinon je ne connais pas firebug .. Je regarderais à quoi ça ressemble.. Mais en principe je m'occupe pas des codes, je fais juste les demandes pour la codeuse mais en ce moment elle est vraiment pas dispo donc je peux même pas être aiguillée sur le sujet et je galère grandement >< INDEXBOX - Code:
-
<div class="corectioncate"></div><div id="largeur_cate"><!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="hautcate">{catrow.tablehead.L_FORUM}</div> <div class="tour"><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" class="bordurecate"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%"></th> </tr> <!-- END tablehead --> <!-- 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"> <center><div class="imgcate"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div> </center></td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="150px" 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}> <!-- [ DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] --> <div class="forum-description"><div class="infocate"><span class="gensmall"><div class="fontfam2">{catrow.forumrow.LAST_POST}</div></span><div class="separatorinfocate"></div><span class="gensmall">{catrow.forumrow.TOPICS} sujets ▼ {catrow.forumrow.POSTS} messages</span></div><div class="descriptioncate"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div> <div class="clear"></div><div class="forum-sousforum"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript"> jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ▼ ')).removeAttr('id'); </script></div></div> <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> </td> <!-- BEGIN forum_link_no --> <!-- [ FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] --> <!-- 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><div class="bascate"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --></div> LIST BOX - Code:
-
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked; } } document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection -->
<div class="bloc_sujets"> <!-- BEGIN multi_selection --> <span align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></span> <!-- END multi_selection --> <!-- BEGIN pagination --> <span align="right"><span class="gensmall">{PAGINATION}</span></span> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <!-- END header_row --> <!-- BEGIN topic --> {topics_list_box.row.END_TABLE_STICKY} <table class="sujets"><tr> <!-- BEGIN single_selection --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td> <!-- END single_selection --> <td><span class="icones_sujets"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></span></td> <!-- BEGIN icon --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td> <!-- END icon --> <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%"> <div class="topictitle"> {topics_list_box.row.TOPIC_TYPE} <h2 class="topic-title"> <a class="topictitle2" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> </h2> </div> <!-- BEGIN switch_description --> <span class="genmed"> <br /> <div style="font-size: 13px;font-family:Dosis;letter-spacing:1px;text-transform:lowercase;margin-left:25px;">➜ {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div> </span> <!-- END switch_description --> <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
<span class="sujets_auteur"> ce topic a été ouvert par {topics_list_box.row.TOPIC_AUTHOR}{topics_list_box.row.PARTICIPATE_POST_IMG}</span> </td> <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><center><span class="sujet_last"><div class="sujets_stats"><span class="sujets_stats_contenu"><div class="sepa">vu {topics_list_box.row.VIEWS} fois ▼ {topics_list_box.row.REPLIES} réponses.</div></span></div>{topics_list_box.row.LAST_POST_TIME}<br /><div class="fontfam">{topics_list_box.row.LAST_POST_AUTHOR}</div> {topics_list_box.row.LAST_POST_IMG}</span></td> <!-- BEGIN multi_selection --> <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td> <!-- END multi_selection --> </tr></table>
<!-- END topic --><!-- BEGIN no_topics --> <table><tr> <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td> </tr></table> <!-- END no_topics --><!-- BEGIN bottom -->
<br /><br /> <div class="pages"><span class="gensmall">{PAGINATION}</span> <span><a href="#top">{L_BACK_TO_TOP}</a> </span></div> <!-- END bottom --><!-- BEGIN footer_table --> </div><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box --> | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Voici une screenshot, on peut voir grâce à Firebug que le fond de cette partie là se joue avec .bodyline (c'est le CSS par défaut de ForumActif, qui utilise les couleurs que tu as définie dans la panneau d'admin ^^) Pour la liste des sujets, il faut que tu trouves les parties où tu veux garder ce fond là. Ensuite, tu mets l'ensemble dans une div à laquelle tu ajoutes une class. Dans le css enfin, tu définis un fond pour cette div | | |
| | | Contenu sponsorisé
| | | | | Problème affichage forum. | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|