Texte sur image
Author: P. Al-Fred
Visited 1631,
Followers 1,
Shared 0
Bonjour,
je voudrai mettrre une image et dessus mettre un texte avec fond blanc et je bug je ne trouve pas !!!!
Avec le paralaxe, je n'arrive pas à avoir monimage en entier.
jipé, peux tu m'aider comme tu le fais depuis des années lol !!!
Je vous mets une image.
Merci à tous
Posted on the
(It > Fr) ... mettre une image comme arrière-plan de la cellule, et dans la cellule, placez un objet texte (ou un tableau) ...
... ou, au-dessus de l'objet image, avec le code EXTRA, vous pouvez insérer un DIV_CUSTOM avec le texte ...
... voir aussi sur la Marketplace, où plusieurs articles sont disponibles ...
(It) ... mettere un'immagine come sfondo della cella, e nella cella mettere un Oggetto Testo, (o Tabella)...
... oppure, sopra all'Oggetto Immagine, con codice EXTRA, si potrebbe inserire un DIV_CUSTOM con il testo...
... vedere anche nel Marketplace, dove ci sono diversi oggetti disponibili...
.
Author
Hello KolAsim,
Merci pour tes réponses mais je ne les comprends pas. Peux tu détailler un peu plus ?
Sur le market place, tu penses à quel objet ?
Merci
(it)
Ciao KolAsim,
Grazie per le sue risposte, ma non le capisco. Puoi elaborare un po' di più?
Sul mercato, a quale oggetto stai pensando?
Grazie
Hello,
A partir d'une cellule texte qui contient ton texte, tu mets en arrière plan de la cellule une image (style de la cellule). Test rapide :
Voir éventuellement du côté de l'objet "Content Slider" si cela peut t'aider à trouver une solution ? Il est dans les objets principaux page.
@+,
J.P.
>> Marchetplace >> https://market.websitex5.com/fr/objets/image
... la première méthode est simple;
... par exemple la ligne est composée de 4 cellules ...
... dans le style de l'arrière-plan de la ligne, mettez votre image comme arrière-plan de la ligne ...
... dans la première cellule à gauche, ou dans les deux premières cellules à gauche, placez un objet texte avec le texte que vous souhaitez ...
..................................
... EXTRA: ... si vous mettez le LIEN avec la page qui contient l'image, alors je peux vous offrir un exemple supplémentaire de DIV_CUSTOM ...
... dans ce cas, si vous êtes intéressé, vous pouvez mettre le texte dans une page cachée et sans appliquer le modèle, puis ce texte pourrait être affiché sur l'image avec DIV_CUSTOM + IFRAME
ciao
Author
@Salut Jipé
je l'avais fait ça mais je voudrais le texte sur fond blanc, comme l'image que j'ai envoyée !!!
Merci à toi
@KolAsim
j'avais deja essayé mais ça ne fonctionne pas, car il ne veut pas separer les objets que j'ai au dessus
Je vous mets le lien http://www.alfredperrin.com/Vero/
Merci
et dans l'objet texte
Enjoy
https://wsx5.afsoftware.fr
Salut à vous,
Axel, l'idée est bonne mais j'ai des doutes pour les images au format vertical... Tu as testé ce format pour voir ce que ça peut donner ?
@+,
J.P.
Heuuu...quelle image au format vertical ?
S'il s'agit de la galerie, ici : http://www.alfredperrin.com/Vero/ il y a des images verticales, mais s'il s'agit de l'image qu'il met dans son 1er message c'est OK... (format paysage).
A Alfred de nous éclairer... ... s'il s'agit d'une image unique en format paysage ça devrait aller avec tes explications.
@+,
J.P.
moi plus rien comprendre !
... désolé, mais je ne vois pas dans votre lien une image avec les caractéristiques de celle que vous avez jointe dans le premier message ...
ciao
.
Author
Axel,
merci pour ton tuto detaillé. J'avais essayé ça mais comme l'image est un peu au format carré, elle ne rentre pas bien. Je suis obligé dans mon texte de l'agrandir en mettant des espaces.
Edit : j'ai trouvé une solution. je rajoute 2 simple separator pour agrandir la surface de l'image derriere sans avoir à rajouter des blancs dans le texte !!!! Ce qui va me servir our d'autres sites !!! (ci-joint copie d'ecran)
voilà le résultat : http://www.alfredperrin.com/Vero/
Merci beaucoup Jipé et Axel
Kolasim
desolé !! j'ai mis l'image en bas apres une solution que j'ai trouvée, car je veux bien voir la tienne !!!
Merci
Author
Kolasim
j'ai mis unepage avec l'image
http://www.alfredperrin.com/Vero/kol
Merci
... vous faites ce test ...
... dans les propriétés de la page KOL, dans la section Expert | (3e) Avant de fermer la balise HEAD, collez ce code:
<style>
.K{position:absolute;width:30%;height:auto;z-index:10;top:0px;padding:20px;margin:50px;background-color:rgba(255, 255, 255, 0.8);}
.text1{font-size:3vw;color:red;}
.text2{font-size:2vw;color:green;}
@media (max-width: 1149px) {
.K{position:absolute;width:30%;height:auto;z-index:10;top:0px;padding:20px;margin:50px;background-color:rgba(255, 255, 255, 0.8);}
.text1{font-size:2vw;color:red;}
.text2{font-size:1.5vw;color:green;}}
@media (max-width: 719px){
.K{position:absolute;width:30%;height:auto;z-index:10;top:0px;padding:20px;margin:50px;background-color:rgba(255, 255, 255, 0.8);}
.text1{font-size:3vw;color:red;}
.text2{font-size:2vw;color:green;}}
</style>
<script> $( document ).ready(function() {
$("#imCell_1").append("<div class='K'> <p class='text1'> AAAA aaaaaaa </p> <p class='text2'> BBBB bbbbbb bbb bbbb bbbb bbbb bbbb </p></div>");
});
</script>
.
ciao
.
.
Author
KolAsim
Bravo !! C'est complexe pour moi, mais c'est exactement ça.
Je vais essayer les deux solutions.
Merci beaucoup pour votre travail !!!