Défiler texte dans zone précise sur image ?
Résolu
TommyHook
Messages postés
69
Date d'inscription
Statut
Membre
Dernière intervention
-
Pepito One Messages postés 222 Date d'inscription Statut Membre Dernière intervention - 25 oct. 2011 à 15:57
Pepito One Messages postés 222 Date d'inscription Statut Membre Dernière intervention - 25 oct. 2011 à 15:57
A voir également:
- Défiler texte dans zone précise sur image ?
- Alternative zone telechargement - Accueil - Outils
- Insérer une image dans word sans bouger le texte - Guide
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Image iso - Guide
14 réponses
Tu as à l'adresse suivante pas mal de solutions, également des générateurs de texte défilant :
http://www.editeurjavascript.com/scripts/search-asked_texte+defilant+.php
http://www.editeurjavascript.com/scripts/search-asked_texte+defilant+.php
Tu as une solution assez simple sinon pour ça avec la balise <marquee>.
Place le code suivant à l'endroit où tu veux ton image et ton texte défilant.
A toi de mettre les bonnes valeurs pour la largeur et la hauteur de ton image.
Renseigne le bon chemin vers ton image.
<div style="background-image:url(images/ton-image.jpg); background-position:center; background-repeat:no-repeat;width:600px; height:200px">
<MARQUEE style="padding-top:200px">Ecrit ici ce que tu veux voir défiler
</MARQUEE>
</div>
Place le code suivant à l'endroit où tu veux ton image et ton texte défilant.
A toi de mettre les bonnes valeurs pour la largeur et la hauteur de ton image.
Renseigne le bon chemin vers ton image.
<div style="background-image:url(images/ton-image.jpg); background-position:center; background-repeat:no-repeat;width:600px; height:200px">
<MARQUEE style="padding-top:200px">Ecrit ici ce que tu veux voir défiler
</MARQUEE>
</div>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Une chose encore, le "padding-top:200px" te permet de placer ton texte à l'endroit souhaité, donc à ajuster.
C'est à dire ? Parce que j'aimerais placer ce texte dans un cadre comme je l'ai expliqué plus haut sur mon image dans le cadre n oir où j'ai laisser un emplacement vide à coté de "Shout" 200px correspond a quoi exactement ? Les coordonnées de mon cadre ?
Et pour ajouter une couleur au texte ?
Et pour ajouter une couleur au texte ?
Je vois que tu ne connais pas du tout l' HTML et le CSS. On va essayer de se débrouiller quand même.
Le mieux serait que tu me fasses passer le code html de ta page, ça ira plus vite. Tu ouvres ta page dans le navigateur, tu cliques droit - code source de la page - tu cliques dans la page qui vient de s'ouvrir - ctrl A pour tout sélectionner - tu me l'envoies dans un message en faisant ctrl - V (pour coller).
Le mieux serait que tu me fasses passer le code html de ta page, ça ira plus vite. Tu ouvres ta page dans le navigateur, tu cliques droit - code source de la page - tu cliques dans la page qui vient de s'ouvrir - ctrl A pour tout sélectionner - tu me l'envoies dans un message en faisant ctrl - V (pour coller).
ça y est pour faire défiler le texte j'ai trouver !
<div id="Shoutout" style="width:750px; height:39px; position:absolute; left:219px; top:90px; z-index:1; overflow:auto;">
<font face="verdana" size="1" color="White"> <Marquee>Welcome into my world ! Here you can see what I'm creating ---- 10/25/2011 NEW ! Thriller Halloween OutFit Available !</Marquee></font>
Maintenant il me reste plus qu'a trouver comment faire pareil pour les icones.
Merci Beaucoup pour ton aide Pepito One J'apprécie réellement =)
<div id="Shoutout" style="width:750px; height:39px; position:absolute; left:219px; top:90px; z-index:1; overflow:auto;">
<font face="verdana" size="1" color="White"> <Marquee>Welcome into my world ! Here you can see what I'm creating ---- 10/25/2011 NEW ! Thriller Halloween OutFit Available !</Marquee></font>
Maintenant il me reste plus qu'a trouver comment faire pareil pour les icones.
Merci Beaucoup pour ton aide Pepito One J'apprécie réellement =)
Bon ben c'est bien tu avances, pour les icônes tu fais pareil en mettant leurs images entre les balises <marquee> avec un "top" plus conséquent, un "width" plus court, etc.
C'est à dire ? mdrr désolé je comprends pas trop
ça donnerait quelque chose comme ça ?
<div id="Shoutout" style="width:634px; height:106px; position:absolute; left:219px; top:90px; z-index:1; overflow:auto;">
<font face="verdana" size="1" color="White"> <Marquee>
<a href="https://www.imvu.com/shop/product.php?products_id=10917376" target="_blank" title=""></Marquee></font>
</div>
ça donnerait quelque chose comme ça ?
<div id="Shoutout" style="width:634px; height:106px; position:absolute; left:219px; top:90px; z-index:1; overflow:auto;">
<font face="verdana" size="1" color="White"> <Marquee>
<a href="https://www.imvu.com/shop/product.php?products_id=10917376" target="_blank" title=""></Marquee></font>
</div>
Non plutôt :
<div id="Shoutout" style="width:634px; height:106px; position:absolute; left:219px; top:90px; z-index:1; overflow:auto;">
<font face="verdana" size="1" color="White">
<Marquee>
<img src="images/icone1.jpg" width="100" height="80" alt="icone1" />
<img src="images/icone2.jpg" width="100" height="80" alt="icone2" /><img src="images/icone3.jpg" width="100" height="80" alt="icone3" />
</Marquee>
</font>
</div>
<div id="Shoutout" style="width:634px; height:106px; position:absolute; left:219px; top:90px; z-index:1; overflow:auto;">
<font face="verdana" size="1" color="White">
<Marquee>
<img src="images/icone1.jpg" width="100" height="80" alt="icone1" />
<img src="images/icone2.jpg" width="100" height="80" alt="icone2" /><img src="images/icone3.jpg" width="100" height="80" alt="icone3" />
</Marquee>
</font>
</div>