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 de "LIST" dans les Templates | |
| Akya
{ Membre }
Messages : 207
| Bonsoir à tous, Je suis en train de trifouiller les templates de mon forum, et je dois avouer que je suis assez fière de moi, bien que cela peut paraître basique. Malgré tout, un soucis se pose. J'ai donc déplacé le pseudo du poster, mais je cherche à avoir le même rendu qu'avec la balise [ list]. Ca ne semble visiblement pas marcher. Quelqu'un peu m'aider? :/ Je m'excuse par avance si je ne poste pas au bon endroit, mais je n'ai pas trouvé de catégorie où poser des questions en rapport avec les templates. Merci d'avance. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bonsoir,
Qu'est-ce que tu veux dire par "même rendu qu'avec la balise list" ? Je vois bien une puce '_'
Qu'est-ce que tu as modifié ? Pourrais-tu nous donner les codes en rapport avec cette modification ? (CSS et HTML) | | |
| | | Akya
{ Membre }
Messages : 207
| Alors, la puce, c'est moi qui l'ai ajouté manuellement, pour le "fun". L'effet que je cherche est le suivant: - Code:
-
[list]texte[/list] Il s'agit de mon template modifié: - Spoiler:
- 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 -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th> <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th> <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th> <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th> <!-- BEGIN multi_selection --> <th 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" /></th> <!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr> <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row -->
<!-- BEGIN topic --> {topics_list_box.row.END_TABLE_STICKY} <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 class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><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}" /></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.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <h2 class="topic-title"> <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><br>● {topics_list_box.row.TOPIC_AUTHOR} </h2> </div> <!-- BEGIN switch_description --> <span class="genmed"> <br /> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </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> </td>
<td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td> <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td> <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {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> <!-- END topic --><!-- BEGIN no_topics --> <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> <!-- END no_topics --><!-- BEGIN bottom --> <tr> <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> <!-- END bottom --><!-- BEGIN footer_table --> </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
Merci. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bah t'as qu'à remplacer ça : - Code:
-
<br>● {topics_list_box.row.TOPIC_AUTHOR} par ça : - Code:
-
<div class="AuteurTopic"> {topics_list_box.row.TOPIC_AUTHOR}</div> Et rajouter ça dans ton CSS : - Code:
-
.AuteurTopic { margin-top: 10px; /*MARGE EN HAUT*/ margin-bottom:10px; /*MARGE EN BAS*/ margin-left:10px; /*MARGE A GAUCHE*/ margin-right:10px; /* MARGE A DROITE */ } Le tout peut s'écrire sous la forme margin:10px; ou margin:10px 10px 10px 10px (Haut droite bas gauche pour l'ordre des valeurs) mais j'me suis dit que c'était plus simple pour toi si on détaillait. | | |
| | | Akya
{ Membre }
Messages : 207
| Ah super merci bien. Y'aurait, sur CCSActif, une partie où on peut apprendre à réellement personnaliser nos templates ou pas? Je crois pas, mais là je trouve ma présentation encore un peu "simplette". Merci bien en tout cas. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Ben il y a plein de tutoriels pour ça, mais avant de songer à personnaliser les templates je te conseille plutôt d'apprendre les bases du HTML et du CSS, histoire qu'à l'avenir au lieu de "effet liste" tu parles plutôt de "marges" | | |
| | | Akya
{ Membre }
Messages : 207
| J'ai des bases correctes en html. Css c'est pas mon truc, donc je me pencherais plus dessus à l'avenir. Merci. | | |
| | | Psycho
Psychopathe
Messages : 3407
| Hello Akya ! Peut-on classer ton sujet ou tu as d'autres questions ? (: | | |
| | | Akya
{ Membre }
Messages : 207
| Vous pouvez classer. Merci. | | |
| | | Psycho
Psychopathe
Messages : 3407
| Oukay, merci de ta réponse (: Je classe =D | | |
| | | Contenu sponsorisé
| | | | | Problème de "LIST" dans les Templates | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|