Mise en page des articles

27 views
Skip to first unread message

Cyril

unread,
Jul 1, 2019, 6:06:47 AM7/1/19
to Forum Blogger Ambassade Francophone
Mon message


Bonjour,

J'espère que quelqu'un ici pourra m'aider..
Je cherche désespérément à pouvoir afficher 2 articles par rangée, avoir 2 colonnes d'articles automatiquement.

Si une personne à la solution ça serait génial.


URL de mon blog


https://www.bric-manga-brac.ch

Soraya Lambrechts [fr-BE]

unread,
Jul 1, 2019, 6:58:58 AM7/1/19
to Forum Blogger Ambassade Francophone
Bonjour Cyril,

Moi aussi j'espère que quelqu'un pourra t'aider. :D ;)

On peut essayer d'appliquer la méthode column : https://www.w3schools.com/css/css3_multiple_columns.asp


Dans l'éditeur XML :
► Tableau de bord ► Thème ► Modifier le code HTML :

Recherche cette balise :

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Juste après, tu ajoutes cette balise :

<b:class cond='data:view.isMultipleItems' name='feed-view'/>

Et tu enregistres.


Ensuite, tu te rends dans l'éditeur CSS :

► Tableau de bord ► Thème ► Personnaliser ► Avancé ► Ajouter fichier CSS

Tu ajoutes ces déclarations et tu enregistres :

.feed-view .blog-posts.hfeed {
  column-count: 2;
  column-gap: 60px;
}
.feed-view .post-outer {
  overflow: hidden;
}



Best :)

Cyril Berset

unread,
Jul 1, 2019, 7:03:10 AM7/1/19
to blogg...@googlegroups.com
Je te remercie beaucoup, je vais essayer ça ce soir, je n'ai qu'un smartphone sous la main actuellement, et je te tiens au courant.

Je ne connais pas la version et ne sais pas où la trouver, mais le thème utilisé est "picture Windows".

Cyril

--
La Communauté ne peut vivre qu'à travers ses membres ! C'est vous qui construisez cet espace à votre image. Comment faire ? :
 
• Poser des questions : votre question n'a pas encore été abordée ? Lancez un nouveau sujet dans le forum et attendez qu'un membre vienne vous aider.
• Aider les autres : un sujet n'a pas encore de réponse et vous avez la solution ? Proposez-la et peut-être qu'elle conviendra !
• Remercier : un membre donne la bonne réponse à votre question ? Remerciez-le et notez-la comme "meilleure réponse"
• Participer : une Communauté doit être vivante. N'hésitez pas à prendre part aux discussions en cours pour apporter un point de vue nouveau sur un sujet.
---
Vous recevez ce message, car vous êtes abonné au groupe Google Groupes "Forum Blogger Ambassade Francophone".
Pour vous désabonner de ce groupe et ne plus recevoir d'e-mails le concernant, envoyez un e-mail à l'adresse blogger-fr+...@googlegroups.com.
Cette discussion peut être lue sur le Web à l'adresse https://groups.google.com/d/msgid/blogger-fr/6d24e219-9491-4428-95e0-4b5a131a7716%40googlegroups.com.

Soraya Lambrechts [fr-BE]

unread,
Jul 1, 2019, 7:25:00 AM7/1/19
to Forum Blogger Ambassade Francophone
Pas de souci.;)

Les numéros de versions pour Picture Windows sont :
  • Layouts version : 2
  • Gadget version : 1


Cyril Berset

unread,
Jul 1, 2019, 3:04:45 PM7/1/19
to blogg...@googlegroups.com
Bonsoir,

Cela fonctionne merci ! 

Par contre je me retrouve avec des problème d'affichage, les articles sont couper en haut et en bas de pages..
Et le bloc liés aux recherches "triés par pertrinence" reste sur la collonne de gauche, hors j'aimerai qu'il reste sur toute la largeur des 3 colonnes..
merci d'avance pour votre aide.

voici un printscreen : 






--
La Communauté ne peut vivre qu'à travers ses membres ! C'est vous qui construisez cet espace à votre image. Comment faire ? :
 
• Poser des questions : votre question n'a pas encore été abordée ? Lancez un nouveau sujet dans le forum et attendez qu'un membre vienne vous aider.
• Aider les autres : un sujet n'a pas encore de réponse et vous avez la solution ? Proposez-la et peut-être qu'elle conviendra !
• Remercier : un membre donne la bonne réponse à votre question ? Remerciez-le et notez-la comme "meilleure réponse"
• Participer : une Communauté doit être vivante. N'hésitez pas à prendre part aux discussions en cours pour apporter un point de vue nouveau sur un sujet.
---
Vous recevez ce message, car vous êtes abonné au groupe Google Groupes "Forum Blogger Ambassade Francophone".
Pour vous désabonner de ce groupe et ne plus recevoir d'e-mails le concernant, envoyez un e-mail à l'adresse blogger-fr+...@googlegroups.com.
Screenshot 2019-07-01 at 20.57.09.png

Cyril Berset

unread,
Jul 1, 2019, 3:15:28 PM7/1/19
to blogg...@googlegroups.com

L'ideal, je pense, serait que chaque article soit "rogner" du bas afin que tous fasse la même taille, du coup ça rognerai uniquement sur la photo..


Soraya Lambrechts [fr-BE]

unread,
Jul 2, 2019, 11:03:04 AM7/2/19
to Forum Blogger Ambassade Francophone
Ça dépend du navigateur. Chacun interprète les colonnes de manière très différentes.

L'idéal est d'utiliser les boîtes flexibles. C'est ce que je voulais te proposer en premier lieu, mais la mise en œuvre sur ces thèmes n'est vraiment pas évidente.

Cyril

unread,
Jul 9, 2019, 2:56:15 PM7/9/19
to Forum Blogger Ambassade Francophone
Il n'y a pas un moyen de rajouter un peu de code dans le CSS pour simplement faire que tous les articles soient rognés afin qu'ils fassent tous la même taille ?

Merci d'avance..

Bryx

unread,
Jul 13, 2019, 7:59:05 AM7/13/19
to Forum Blogger Ambassade Francophone
Hello Cyril,

Je pense que Soraya est parti en bord de mer depuis 😂😂😂❤

Hum, tu veux rogné les images de tes articles, je confirme que cela me semble entièrement possible.
Reply all
Reply to author
Forward
0 new messages