Problème avec la liste des sujets Bouton_activeProblème avec la liste des sujets Bouton_hoverProblème avec la liste des sujets Fb-hoverProblème avec la liste des sujets Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Problème avec la liste des sujets EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème avec la liste des sujets EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème avec la liste des sujets EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème avec la liste des sujets EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème avec la liste des sujets EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème avec la liste des sujets EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème avec la liste des sujets EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème avec la liste des sujets EmptySam 11 Fév 2023, 06:04 par Krager

-38%
Le deal à ne pas rater :
Ecran PC gaming 23,8″ – ACER KG241Y P3bip à 99,99€
99.99 € 159.99 €
Voir le deal

Partagez
 

Problème avec la liste des sujets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



Problème avec la liste des sujets Empty
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   Problème avec la liste des sujets EmptyLun 02 Juin 2014, 17:33
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème avec la liste des sujets Empty
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) ^^
MessageSujet: Re: Problème avec la liste des sujets   Problème avec la liste des sujets EmptyMar 03 Juin 2014, 20:08
Revenir en haut Aller en bas
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



Problème avec la liste des sujets Empty
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   Problème avec la liste des sujets EmptyMer 04 Juin 2014, 15:58
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème avec la liste des sujets Empty
Ouki ouki Very Happy
MessageSujet: Re: Problème avec la liste des sujets   Problème avec la liste des sujets EmptyMer 04 Juin 2014, 16:48
Revenir en haut Aller en bas
Contenu sponsorisé




Problème avec la liste des sujets Empty
MessageSujet: Re: Problème avec la liste des sujets   Problème avec la liste des sujets Empty
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 affichage liste des sujets [resolu]
» Un problème avec l'affichage de sujets
» Problème avec les "descriptions" des sujets\messages.
» [Résolu] Problème avec la personnalisation des sujets
» Problème de décalage de barres avec la suppression de Messages/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 | Signaler un abus | Cookies | Forum gratuit