Blog d'aide de Blog4ever

Salut,

Voici un nouveau contenu dynamique pour égayer votre page d'accueil!

En mettant ce code sur votre page d'accueil :



Cela affichera les 5 derniers articles, avec si possible une image (extraite de l'article) et le début de l'article, avec un lien "Lire la suite".
Et bien sûr, cela se mettra à jour automatiquement dès que vous posterez un nouvel article.

Exemple de rendu :



Ce code est paramétrable, par exemple :

{articles mode="extrait" nb="10"} : pour afficher 10 articles au lieu de 5
{articles mode="extrait" nb="10" ordre="top"} : pour afficher les 10 articles les plus visités
{articles mode="extrait" nb="10" ordre="poids"} : pour afficher les 10 articles ayant le poids le plus élevé (pour régler le poids : Options avancées)

Bonjour KL ,

:b2:

Bonne journée.

Bien amicalement.

KL
C'est super :ct: mais par contre j'aurais une petite question. Comment cela s'affichera, si par exemple sur les 5 articles, il y en a 3 qui ont une photo et les 2 autres non ?
Bonne journée à toi et à toute l'équipe

KL

Merci pour cette nouveauté.
Je viens de l'essayer sur mon 2éme blog. Regarde [lien]
J'ai juste une petite question. Je trouve que les "vignettes photos" de l'article qui accompagnent le résumé sont à peu grosses. C'est possible de les mettre plus petites pour que cela soit plus joli? Comme ton exemple au dessus.


@RATOUNES@ regarde mon article que j'ai mis en lien dans le post au dessus, justement tous n'ont pas de photos. :pap:




Derni?re modification le 21-12-2012 ? 09:59:27

Fanette
Merci. Par contre, je suis du même avis que toi, je trouve que les "vignettes photos" sont un peu trop grosses.

Salut,

Quand il n'y a pas d'image, ça laisse un blanc.

Au passage je vous encourage à mettre au moins 1 image pour chaque article, c'est plus agréable pour la lecture.

Concernant la taille des vignettes, on limite leur largeur à 150px (et du coup la hauteur est proportionnelle).

Si tu veux modifier ça, c'est cette règle CSS (ici avec 100px) :

Coucou KL
c'est super mais regarde ma capture il y a un énorme vide entre le "Derniers articles" et les articles ???



Bon réveillon à toi et à tout le forum :col: :n7: :n8: :n9: :n10: :n11: :pn :ct:

Salut,

J'ai appliqué des correctifs pour les blogs en Diz Perso 1, ça ne devrait plus laisser de blanc.

hello
:b2: :b2: :b2: KL

:bd:
Le sujet est vieux mais est encore ouvert alors je pose ma question car je ne trouve pas de solution ...
J'ai voulu augmenter la taille des aperçus images des extraits d'articles, sauf que
1- Je ne l'ai pas trouver dans mon css de base et l'ai donc ajouté moi même. ce qui m'a bien augmenté la taille de mes photos.
2- Mon extrait d'article se retrouve collé à mon image.

Comment peut-on configurer le mode extrait pour que mon texte soit décalé de ma photo ? (je souhaite un espace entre mon extrait d'image et mon extrait d'article.)
De plus ( moi je suis exigeante lol) j'aimerais "justifier" mon texte d'extrait d'article.
Il me faudrait juste savoir où trouver le code css qui gère cette fonction.

Pour finir (car je suis vraiment très exigeante ) je souhaite sur ma page d'accueil 2 colonnes pour mettre mes extraits d'articles. Simon m'a dit que ce n'est pas possible mais j'ai trouvé un code css qui semblerait le faire, mais je ne suis pas pro alors je préfère avoir votre avis :
column-layout { display: table;
width: 100%;
border-collapse: separate;
}
.column-layout > div {
display: table-cell;
width: 33.3333%; /* 100%/3 = 3 colonnes */
padding: 20px;
border: 5px #F2F2F2 solid;
background: #FFF;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}
(l'exemple est pour 3 colonnes, moi je l'adapterai pour 2)

Qu'en pensez-vous ??

:b2:

Dernière modification le vendredi 13 Novembre 2015 à 15:16:24

Salut Caroline,

Voici le code pour créer un décalage à gauche du texte et le justifier :


Pour l'affichage sur 2 colonnes, c'est plus dur et je ne sais pas si c'est possible, il faudrait bricoler le CSS...

Tu peux essayer avec ce genre de code :


Mais j'ai testé rapidement et ça posait quelques problèmes.

:bd:
Super
merci beaucoup
je vais tester ;) et essayer de bidouiller  un peu
:b2:

Coucou,

J'ai réussi ! je ne sais pas comment, mais ça marche
je vous laisse le code que j'ai mis. Il y a encore quelques bidouillage à trouver, mais pour l'instant, j'ai ce que je voulais.

je vous mets mon code, si ça vous intéresse :

/*Extrait articles*/

.dynamicode_articles_extrait
{
display: table-cell;
padding: 20px;
border: 1px #F2F2F2 solid;
background: #FFF;
}

.dynamicode_articles_extrait img
{
max-width:150px;
  margin-top : 55px;
}
.dynamicode_articles_extrait .extrait {
text-align: justify;
}

Merci