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
» Effet pour vos catégories
Aujourd'hui à 20:09 par vaaléeriiee

» Qui Est En Ligne - Utopia
Ven 06 Juil 2018, 23:20 par Vincent

» [RPG] Fiche personnage avec bannière latérale
Ven 29 Juin 2018, 06:27 par Tink

» [phpBB2] Sauvegarde des posts en cours d'écriture
Mar 26 Juin 2018, 02:30 par Laluna

» Apparition progressive du corps du forum
Dim 24 Juin 2018, 10:05 par Jimmy

» Formulaire de connexion rapide amélioré
Dim 24 Juin 2018, 10:03 par Jimmy

» Previsualiser le premier message d'un sujet
Dim 24 Juin 2018, 09:57 par Jimmy

» Trois colonnes avec effet Zoom
Mer 20 Juin 2018, 06:58 par Backflip


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

-
» [/résolu] problème avec java à l'instalation :-/
» Problème avec Java
» [Résolu] problème avec avira
» Problème avec décodeur Tv
» problème avec Outlook

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