Jump to content
Communauté

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

Firebird

Recommended Posts

Firebird Lieutenant de vaisseau

Firebird

Posted
Posted (edited)

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
Firebird Lieutenant de vaisseau

Firebird

Posted
  • Author
Posted (edited)

Hello,

Cet espacement additionnel des lignes s'applique partout, même sur les anciens messages. :c_sad:

Edited by Firebird
  • Firebird changed the title to Espacement des lignes et icône Activité dans le nouveau site
Firebird Lieutenant de vaisseau

Firebird

Posted
  • Author
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
Le Crabe Aspirant

Le Crabe

Posted
Posted

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:

Le Crabe Aspirant

Le Crabe

Posted
Posted

@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 :)

Toto61 Major

Toto61

Posted
Posted

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.

calisto06 Vice-amiral

calisto06

Posted
Posted (edited)

test des espaces lignes 

  • xxxx
  • vvvv
  • nnnn

Tout à fait idem ici : les intervalles sont beaucoup plus rapproché avec l'éditeur du site 

Edited by calisto06
Le Crabe Aspirant

Le Crabe

Posted
Posted

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 :)

Firebird Lieutenant de vaisseau

Firebird

Posted
  • Author
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
Le Crabe Aspirant

Le Crabe

Posted
Posted
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
Toto61 Major

Toto61

Posted
Posted
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
Firebird Lieutenant de vaisseau

Firebird

Posted
  • Author
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
Le Crabe Aspirant

Le Crabe

Posted
Posted

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

Firebird Lieutenant de vaisseau

Firebird

Posted
  • Author
Posted

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.

Le Crabe Aspirant

Le Crabe

Posted
Posted
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
Firebird Lieutenant de vaisseau

Firebird

Posted
  • Author
Posted (edited)

Hello,

En cliquant sur l'icône Source.
Tu me mets quelques tranches de jambon de côté avec une bonne bouteille ?:c_lol:

image.png

Edited by Firebird
Guest
This topic is now closed to further replies.
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...