Jump to content
Forums

Espacement des lignes et icône Activité dans le nouveau site


Recommended Posts

Bonjour

Depuis la mise en place du nouveau site, les lignes de mes messages sont trop espacées à mon goût, en particulier dans les listes et je ne parviens pas à les réduire. => Exemple ici :
https://community.lecrabeinfo.net/forums/topic/13733-code-derreur-0x80070002/page/3/?tab=comments#comment-129299

Autre souci :  Je ne vois pas cette icône. :c_sad:

Citation

Nouvelle icône data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw== Activité : le panneau Activité est maintenant accessible depuis le header. Il vous suffit de passer le curseur de votre souris dessus pour afficher tout ce qu'il se passe sur Le Crabe Info.

Merci de votre aide.

Edited by Firebird
Link to post
  • Firebird changed the title to Espacement des lignes et icône Activité dans le nouveau site
Posted (edited)

Hello,

Je soliloque pour vous faire part de l'avancement de mes recherches.

  • Je n'ai pas trouvé de moyen simple pour réduire l'espacement des lignes dans les listes.
  • L'icône Activité est visible dans le Header de la zone Site, mais pas visible depuis les zones Communauté, Forums, Blogs, et Téléchargements.
Edited by Firebird
Link to post

Salut @Firebird,

Il y a 8 heures, Firebird a dit :

Je n'ai pas trouvé de moyen simple pour réduire l'espacement des lignes dans les listes.

Je n'arrive pas à voir où cela gène, est-ce que tu peux me faire une capture d'écran ?

Il y a 8 heures, Firebird a dit :

L'icône Activité est visible dans le Header de la zone Site, mais pas visible depuis les zones Communauté, Forums, Blogs, et Téléchargements.

Pour le moment l'icône Activité n'est pas disponible que sur la zone Site, ça demande du dev de le mettre sur les autres zones :c_wink:

Link to post

@Firebird

Je pense avoir saisi ton problème :

image.png

Si c'est ça, cela vient du fait que maintenant toutes les images se voient attribuer une marge en haut et en bas :

image.png

Le problème vient du fait que ta flèche est en fait une image qui est hébergée chez helper-formation.fr.

Ce qui fait que les marges s'appliquent aussi à ta flèche-image.

Je te conseille d'utiliser plutôt des émojis flèche comme ceux-là :

➡️

⬇️

⬆️

⬅️

C'est d'autant mieux que ça évite de faire des requêtes vers helper-formation.fr qui ralentissent le chargement de la page :)

Link to post

Salut @Le Crabe,

Je rejoins @Firebird car les images n'expliquent pas tout. Depuis le changement, je note la même chose dès lors que l'on utilise des listes comme ci dessous :

  • Ligne 1
  • Ligne 2
  • Ligne3

Lors de la rédaction, les listes sont "propres", les espaces ne sont pas visibles comme le montre cette capture d'écran.

image.thumb.png.75b87e09a3dc5fa77dfe2db3e7d26f88.png

Pourtant, après publication, les listes sont plus espacées.

Link to post
Posted (edited)
il y a 31 minutes, Le Crabe a dit :

Oui c'est voulu que ce soit plus espacé, après si vous me dites que vous préférez sans marge je peux créer une classe CSS qu'il suffira d'appliquer à une liste :)

Hello les amis,

L'augmentation des espaces dans les listes s'applique aussi en l'absence d'image.
Je trouve cela inesthétique, et j'aimerais une solution alternative.

L'ennui est que les billets des blogs sont modifiés, et je ne vais pas reprendre les miens un par un pour réduire les espaces.

Citation

Pourtant, après publication, les listes sont plus espacées.

Exactement !

Citation

Je te conseille d'utiliser plutôt des émojis flèche comme ceux-là :

➡️

C'est moins joli. Et cela ne remplace pas les emojis comme coucou.gif

D'ailleurs, après publication, ces emojis externes sont désormais entourées d'un carré inesthétique.

Où se trouvent ces émojis flèche ? ➡️

Edited by Firebird
Link to post
il y a 10 minutes, Firebird a dit :

D'ailleurs, après publication, ces emojis externes sont désormais entourées d'un carré inesthétique.

Oui car toutes les images sont désormais encadrées pour faciliter la lecture, surtout quand il y a des images sur fond blanc.

il y a 10 minutes, Firebird a dit :

Où se trouvent ces émojis flèche ? ➡️

Si tu es sur Windows 10, tu peux utiliser le clavier des émojis avec la combinaison de touches Windows + ;

image.png

  • J'aime 1
Link to post
Il y a 1 heure, Le Crabe a dit :

si vous me dites que vous préférez sans marge je peux créer une classe CSS qu'il suffira d'appliquer à une liste :)

Je préférerai en effet cette solution pour garder des listes "contenues" en taille, que je trouve plus lisible.

  • J'aime 1
Link to post
Posted (edited)

Hello

Il y a 5 heures, Toto61 a dit :

Je préférerai en effet cette solution pour garder des listes "contenues" en taille, que je trouve plus lisible.

Il y a 4 heures, calisto06 a dit :

Oui moi aussi ...sur les posts de nos helpers en sécurité la longueur va poser problème pour la lecture .

Idem pour moi, je préfère des messages plus denses, moins espacés.
Et je regrette vivement que les billets ses blogs soient ainsi impactés rétroactivement, je trouve ces changements inesthétiques.

Edited by Firebird
Link to post

Vous pouvez ajouter la classe ipsListBlock_noSpacing à une liste <ul> ou <ol> pour désactiver les marges entres les items.

Sans classe :

  • Item 1
  • Item 2
  • Item 3

Avec la classe ipsListBlock_noSpacing :

  • Item 1
  • Item 2
  • Item 3

Il faut cliquer sur le bouton Source pour accéder au code HTML :

image.png

Link to post

Bonjour @Le Crabe

Merci pour cette modification.
Ce n'est quand même pas très pratique, il faut aller modifier le code HTML manuellement.
Et cela ne s'applique pas aux billets de nos blogs déjà postés, dommage.

L'absence d'aperçu de message, que j'ai déjà mentionnée, est préjudiciable, notamment pour les liste, avec ces marges supplémentaires après publication.

Link to post
il y a 13 minutes, Firebird a dit :

Bonjour @Le Crabe

Merci pour cette modification.
Ce n'est quand même pas très pratique, il faut aller modifier le code HTML manuellement.
Et cela ne s'applique pas aux billets de nos blogs déjà postés, dommage.

L'absence d'aperçu de message, que j'ai déjà mentionnée, est préjudiciable, notamment pour les liste, avec ces marges supplémentaires après publication.

Hop :

image.png

:c_wink:

  • Plusser (+1) 1
Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...