recherche module pour afficher article

[kinouplay]

Ah ok, je comprends mieux.

Mais du coup es-ce qu'il serait possible de positionner le texte sur l'image maintenant que ça fonctionne mieux ? Pourriez-vous me communiquer les codes ?

Comme sur cette copie écran :

[lomart]

template=[div class="abs-bloc display-inline-block"][a href='##link##']##image##[/a][div class="abs-bottom t-blanc w12 tc"]##title-link##[/div][/div]

Non testé, mais le principe est là !

Pour comprendre les classes utilisées, c'est ici : https://up.lomart.fr/liste-css et pour la demo des classes abs : https://up.lomart.fr/liste-css/css-position

[kinouplay]

Bonjour, merci pour le code, je l'ai mis, il se met bien sur la photo (j'ai rajouté (créé le ##date-crea## par ##author##), par contre pour mettre (créé le ##date-crea## par ##author##) en dessous de ##title-link##, on fait comment avec votre code ? j'aimerai aussi mettre le texte en gras, il ressortirait mieux sur la photo (quel est le code à insérer) ?

voici le code :

{up marquee=les derniers articles | model=info | lbl-class=ph2 tc | lbl-pos=right} {up jcontent_by_categories=12 | maxi=10 | sort-by=created | sort-order=asc | template=[div class="abs-bloc display-inline-block"][a href='##link##']##image##[/a][div class="abs-bottom t-blanc w12 tc"]##title-link##(créé le ##date-crea## par ##author##)[/div][/div] | item-style=display-inline-block; min-height:250px; border-right:1px solid #069;ph3 } {/up marquee}

[kinouplay]

Re : je viens de trouver pour mettre en gras, par contre j'ai pas trouvé par mettre (créé le ##date-crea## par ##author##) en dessous de ##title-link##, on fait comment avec votre code ?

<p>{up marquee=les derniers articles | model=info | lbl-class=ph2 tc | lbl-pos=right} {up jcontent_by_categories=12 | maxi=10 | sort-by=created | sort-order=asc | template=[div class="abs-bloc display-inline-block"][a href='##link##']##image##[/a][div class="abs-bottom t-blanc w12 tc"]<b style="font-size:140%">##title-link##(créé le ##date-crea## par ##author##)</b>[/div][/div] | item-style=display-inline-block; min-height:250px; border-right:1px solid #069;ph3 } {/up marquee}</p>

[abmag]

Eassaie de faire 2 paragraphes

<p></p>

[kinouplay]

J'ai fait ça (peut-être que j'ai pas mis les <p></p> aux bons endroits (ça ne met pas en dessous ?)

{up marquee=les derniers articles | model=info | lbl-class=ph2 tc | lbl-pos=right} {up jcontent_by_categories=12 | maxi=10 | sort-by=created | sort-order=asc | template=[div class="abs-bloc display-inline-block"][a href='##link##']##image##[/a] [div class="abs-bottom t-blanc w12 tc"]
<p><b style="font-size:140%">##title-link##</b></p>
<p><b style="font-size:140%">(créé le ##date-crea## par ##author##)</b></p>
[/div][/div] | item-style=display-inline-block; min-height:250px; border-right:1px solid #069;ph3 } {/up marquee}

[abmag]

as-tu essayé <br/>

[kinouplay]

oui mais ça ne marche pas, je l'ai mis juste en dessous du premier paragraphe

{up marquee=les derniers articles | model=info | lbl-class=ph2 tc | lbl-pos=right} {up jcontent_by_categories=12 | maxi=10 | sort-by=created | sort-order=asc | template=[div class="abs-bloc display-inline-block"][a href='##link##']##image##[/a] [div class="abs-bottom t-blanc w12 tc"]
<p><b style="font-size:140%">##title-link##</b></p>
<br />
<p><b style="font-size:140%">(créé le ##date-crea## par ##author##)</b></p>
[/div][/div] | item-style=display-inline-block; min-height:250px; border-right:1px solid #069;ph3 } {/up marquee}

[Helloo]

Aussi intéressant :

https://extensions.joomla.org/extension/ruxin-news/

[abmag]

Oui mais enlève le balise <p></p>

[kinouplay]

pas de mise à la ligne ?

{up marquee=les derniers articles | model=info | lbl-class=ph2 tc | lbl-pos=right} {up jcontent_by_categories=12 | maxi=10 | sort-by=created | sort-order=asc | template=[div class="abs-bloc display-inline-block"][a href='##link##']##image##[/a] [div class="abs-bottom t-blanc w12 tc"] <b style="font-size:140%">##title-link##</b><br /><b style="font-size:140%">(créé le ##date-crea## par ##author##)</b> [/div][/div] | item-style=display-inline-block; min-height:250px; border-right:1px solid #069;ph3 } {/up marquee}

[lomart]

Juste l'option template pour avoir le titre en gras et les infos en petit au dessous

template=[div class="abs-bloc display-inline-block"][a href='##link##']##image##[/a][div class="abs-bottom t-blanc w12 tc b fs150"] ##title-link##[br][small](créé le ##date-crea## par ##author##)[/small][/div][/div]

[abmag]

Bonjour Iomart, du coup j'ai testé le truc pour voir si cela pouvait être sympa sur mon site et je l'ai fait fonctionner comme ca (en module bas de page)

https://vagabondages.reseau-bretagne...ou-sommes-nous

Comme mon code est un peu différent je le met aussi cela pourra peut être donner des idées à kinouplay

{up marquee=les derniers articles | model=info | lbl-class=ph2 tc | lbl-pos=right} {up jcontent_by_categories=47 | maxi=2 | sort-by=created | sort-order=asc | template=[div class="abs-bloc display-inline-block"][a href='##link##']##image##[/a][div class="abs-bottom t-black w12 tc"]
<h6>##title-link##</h6>
<b style="font-size: 120%;">créé le ##date-crea##[br]par ##author##</b>
[/div][/div]
| item-style=display-inline-block; min-height:250px; border-right:1px solid #069;ph3 }
{/up marquee}

Je l'ai fait en éditeur non wysiwig car JCE avait tendance à me mettre des <p> partout

[lomart]

Bonsoir abmag,

Joli et efficace

Je l'ai fait en éditeur non wysiwig car JCE avait tendance à me mettre des <p> partout

Il faut éviter de mettre l'argument d'une option sur plusieurs lignes, cela ajoute obligatoirement des balises P ou BR

Même si UP s'en accommode, il est préférable de mettre [h6] plutôt que <h6>, soit :

template=[div class="abs-bloc display-inline-block"][a href='##link##']##image##[/a][div class="abs-bottom t-black w12 tc"] [h6]##title-link##[/h6][b class="fs120"]créé le ##date-crea##[br]par ##author##[/b][/div][/div]

Avec seulement 2 news qui ne remplissent pas le bandeau de marquee, peut-être qu'une action comme flexauto irait mieux
L'idéal étant d'augmenter le nombre de news pour remplir le bandeau et avoir un effet de bandeau ininterrompu comme "Un bandeau déroulant de logos" sur la demo https://up.lomart.fr/demo/action-marquee

[abmag]

Merci Iomart

il est préférable de mettre [h6] plutôt que <h6>,

Je devrais pourtant commencer à m'y habituer