Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

[ ↓ ]

Voir le sujet précédent Voir le sujet suivant Message [Page 1 sur 1]

fascicularia


Administrateur

fascicularia

Message posté: le Lun 1 Avr 2013 - 19:30
Bonjour à tous,
Après avoir eu le cas de deux membres qui confondaient la case description avec le corps du message, j'ai modifié mon template topic_list_box pour remédier à ce petit désagrément.
L'affichage de la description ne se fait que sur une ligne et l'affichage complet se fait sous forme d'une infobulle.

Attention , le nombre de caractères est limités à 255 (ce qui est déjà pas mal).

Une image pour expliquer plus simplement



On commence :
Dans le template topic_list_box Cherchez :

Code:
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}

et remplacer le par

Code:
<span class="topicdescription" title="{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</span>

rajouter ce css qui positionnera l'infobulle
Code:
.topicdescription {
          display: block;
          white-space: nowrap;
          overflow: hidden;
          width: 520px;
          margin-bottom: -12px;
        }







Administrateur des forums Milouze14
- Contact par MP -



Milouze14


Fondateur

Milouze14

Message posté: le Mar 2 Avr 2013 - 5:13
coucou Stéphane,

bonne astuce mais je voudrais apporter une petite touche sans passer via la css:

Recherchez ceci:
Code:

<!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
<!-- END switch_description -->

Supprimer simplement la variable


Code:
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}

Pour n'avoir que ceci:
Code:

<!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            
         </span>
<!-- END switch_description -->


Ensuite recherchez ceci:
Code:

<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>

et remplacer par ceci:

Code:

<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}"
title="{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>


impeccable








Fondateur des forums Milouze14

- Contact par MP -



Voir le sujet précédent Voir le sujet suivant Message [Page 1 sur 1]

[ ↑ ]

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

 
  • © PunBB | Signaler un abus