Image-logo: logo + texte

Plus d'informations
il y a 9 mois 2 semaines #1847 par micmor
Image-logo: logo + texte a été créé par micmor
Bonjour

Je ne parviens pas à combiner une image et un texte, déjà est-ce possible ?, avec l'action image-logo

Mon code
Code:
<p>{up image-logo=images/site/caravane-camping2023-2.5.png | width=250px | pos=centre,centre | style=margin:10px} {up image-random=images/site/image_accueil | class=bd-grisFonce ombreMax} {/up image-logo}</p>


Pour le moment, j'ai bien le logo au milieu de mon image, c'est tout bon. Toutefois, impossible de mettre un texte en dessous du logo

j'ai essayé cela:
Code:
<p>{up image-logo=images/site/caravane-camping2023-2.5.png | width=250px | pos=centre,centre | style=margin:10px} {up image-logo=caravane-camping.be | pos=centre,centre | width=100 | class=bg-30 bg-hover-vertFonce tc t-blanc} {/up image-logo} {up image-random=images/site/image_accueil | class=bd-grisFonce ombreMax} {/up image-logo}</p>

Mais le texte ne s'affiche pas.

Est-ce possible ?

Merci

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 9 mois 2 semaines #1848 par lomart
Réponse de lomart sur le sujet Image-logo: logo + texte
Bonjour,

Oui, c'est possible en définissant le bloc logo en html dans l'argument principal de l'action
Je viens d'ajouter l'exemple dans la démo : up.lomart.fr/demo/action-image-logo#du-texte-et-une-image

Je vais ajouter la prise en charge du bbcode dans la prochaine version
Les utilisateur(s) suivant ont remercié: micmor

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 9 mois 2 semaines - il y a 9 mois 2 semaines #1849 par micmor
Réponse de micmor sur le sujet Image-logo: logo + texte
Code modifié pour utiliser l'action image-random
Code:
<p>{up image-logo=</p> <div class="tc"><img src="images/site/caravane-camping2023-2.5.png" /> <div class="t-blanc"> <h1 class="textelogo">Caravane-Camping.be</h1> </div> </div> <p> </p> <p>| pos=center,center | width=250px | style=margin:10px}</p> <p>{up image-random=images/site/image_accueil | class=bd-grisFonce ombreMax}</p> <p>{/up image-logo}</p>

css pour la description
Code:
/* description sous le logo */ h1.textelogo { font-size:1.8rem; color:#ffffff; text-align:center; }

Inconvénient pour le moment, la taille de la police doit être ajustée (max 1.8rem;) pour que la description se mette sur une seule ligne sinon, la description est coupée en deux (si 2.0rem). La description reste dans les limites du logo.
Dernière édition: il y a 9 mois 2 semaines par micmor.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 9 mois 2 semaines #1853 par lomart
Réponse de lomart sur le sujet Image-logo: logo + texte
Bonsoir,

Je pense avoir compris votre souci. Le texte fait au maxima la largeur du logo
Il faut mettre un code HTML adapté.
Par exemple (non testé dans votre config) :
Code:
<p>{up image-logo=</p> <img src="images/site/caravane-camping2023-2.5.png" class="mcenter display-block"> <h1 class="t-blanc textelogo">Caravane-Camping.be</h1> <p>| pos=center,center}</p> <p><img src="/UP-DEV-310/images/photos/Perroquets-rouges-en-Equateur-mini.jpg" /></p> <p>{/up image-logo}</p>

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 9 mois 2 semaines #1854 par micmor
Réponse de micmor sur le sujet Image-logo: logo + texte
Merci pour l'idée. Je viens de tester, mais cela ne fonctionne pas

j'ai laissé sur le site, les deux versions

au-dessus, mon code
en-dessous, votre code modifié

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 9 mois 2 semaines #1857 par lomart
Réponse de lomart sur le sujet Image-logo: logo + texte
Il faut supprimer la largeur du bloc principal et la mettre à l'image
Code:
<p>{up image-logo=images/site/caravane-camping2023-2.5.png | pos=centre,centre | style=margin:10px} {up image-random=images/site/image_accueil | class=bd-grisFonce ombreMax | style=width:250px} {/up image-logo}</p>

Connexion ou Créer un compte pour participer à la conversation.

Propulsé par Kunena