C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Vos partenaires dans le footer
Sam 10 Nov 2018, 09:39 par FredR

» Mettre votre © Copyright dans le footer de votre forum
Sam 10 Nov 2018, 09:25 par FredR

» Effet pour vos sous-forums
Sam 10 Nov 2018, 06:13 par FredR

» Pour faire des beaux titres de sous-forums
Sam 10 Nov 2018, 05:55 par FredR

» Bouton ''Sélectionner le contenu'', pour les codes
Sam 10 Nov 2018, 05:41 par FredR

» Modifier l'apparence du titre des topics
Sam 10 Nov 2018, 05:28 par FredR

» Début d'un sujet/Fond pour sujet important
Sam 10 Nov 2018, 02:45 par FredR

» Previsualiser le premier message d'un sujet
Ven 09 Nov 2018, 12:49 par FredR


Partagez | 
 

Problème avec la liste des sujets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur http://yggdrasill-treet.forumgratuit.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 100



Bonsoir, bonsoir !

Ayant décidé de me confronter au topic_list_box afin de donner une nouvelle jeunesse à mes sujets, je me suis lancée dans l'application d'un tutoriel trouvé sur Never Utopia.
Seulement, comme toujours sinon ce n'est pas drôle, ça plante un peu de tous les côtés ou presque. ~

Voici donc les codes du tutoriel :

Spoiler:
 

Après avoir modifié le template et le CSS, ce que j'obtiens ressemble à ceci :

Spoiler:
 

Alors que je cherchais plutôt cela :

Spoiler:
 

En fait je cherche surtout à enlever l'effet tableau avec grosses séparations, à garder mon fond blanc et lisse, et à enlever la barre qui dépasse légèrement sur la gauche (si vous regardez bien, elle dépasse de deux ou trois pixels).

J'ai, donc, modifié les codes du CSS, et du template, qui ressemblent maintenant à ça :

Code:
/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
  width: 820px;
  padding: 0px;
}
.sujets
{
  padding: 3px;
}
.topictitle
{
  font-weight: light;
  text-decoration: none;
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  font-size: 10px;
}
.sujet_last
{
  display: block;
  width: 180px;
  height: 40px;
  padding-top: 3px;
  font-size: 11px;
}
.sujets_stats
{
  width: 820px;
  text-align: right;
  margin-bottom: 2px;
}
.sujets_stats_contenu
{
  font-size: 10px;
}

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="forumline">
     <!-- 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.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{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 />
           {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 -->par {topics_list_box.row.TOPIC_AUTHOR}</span>
     </td>
     
     <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="sujet_last">{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></table>
 <div class="sujets_stats"><span class="sujets_stats_contenu">Ce sujet a été vu {topics_list_box.row.VIEWS} fois et a reçu {topics_list_box.row.REPLIES} réponse(s).</span></div>
  <!-- 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>&nbsp;</span></div>
 
<!-- END bottom --><!-- BEGIN footer_table -->
</div><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Mais si ça vient du template, je n'arrive pas à voir d'où et votre aide serait la bienvenue pour rendre tout cela beaucoup plus transparent.

Merci d'avance pour tous vos bons conseils ! ♥
MessageSujet: Problème avec la liste des sujets   Lun 02 Juin 2014, 17:33
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Modérateur }
{ Modérateur }

Messages : 1216



Hello je post juste pour te dire que je suis un peu occupée ces temps ci, mais d'ici 1 ou 2 jours je prend en charge ta demande d'aide Very Happy

Hésite pas à rajouter un lien vers le forum concerné (avec le problème visible pour les invités) ^^


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Problème avec la liste des sujets   Mar 03 Juin 2014, 20:08
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://yggdrasill-treet.forumgratuit.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 100



Salut !

J'ai fini par réussir à faire ce que je voulais en modifiant simplement mon template de base et en ajoutant un peu de CSS, sans plus me casser la tête. :3

Tu peux donc continuer de vaquer à tes occupations ! o/
MessageSujet: Re: Problème avec la liste des sujets   Mer 04 Juin 2014, 15:58
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Modérateur }
{ Modérateur }

Messages : 1216



Ouki ouki Very Happy


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Problème avec la liste des sujets   Mer 04 Juin 2014, 16:48
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Problème avec la liste des sujets   
Revenir en haut Aller en bas
 

Problème avec la liste des sujets

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème avec ma liste à puce
» Problème pour faire un article avec une liste numérotée
» Problème avec le widget "Sujets Récents" (ou Derniers Messages)
» Problème de mise en formes de la liste des sujets
» Problème de positionnement des outils de modération (sur la liste des sujets)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit