Défiler texte dans zone précise sur image ? Résolu/Fermé

Question

Bonjour à tous =) 

Je suis débutant dans tout ce qui est code HTML ect  .. J'ai réussi à créer une image réactive grâce au Logiciel GIMP, cependant dans cette image (Lien ci-dessous) j'aimerais intégré un texte qui défile vers la gauche en continu sur une zone précise de l'image (le cadre noir a coté de "Shout") ainsi que plusieurs petites images (des icônes aux dimensions 100x80)sur une autre zone précise de l'image (le cadre blanc tout en bas de l'image). 

http://img585.imageshack.us/img585/4052/blackwhitelayout.png


Comment dois-je faire ? 
Je me tourne vers vous car je n'ai trouver nul part la solution à mon problème ça fait des semaines que je cherche sans résultat malheureusement.  
Merci d'avance pour votre aide

Pepito One · Answer

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

TommyHook · Answer

Merci Beaucoup je vais voir ça =)

TommyHook · Answer

Je ne trouve pas ce que je cherche Merci quand même =)

Pepito One · Answer

Tu as une solution assez simple sinon pour ça avec la balise . 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.

Ecrit ici ce que tu veux voir défiler

Pepito One · Answer

Une chose encore, le "padding-top:200px" te permet de placer ton texte à l'endroit souhaité, donc à ajuster.

TommyHook · Answer

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 ?

TommyHook · Answer

Up!

Pepito One · Answer

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).

TommyHook · Answer

ça y est pour faire défiler le texte j'ai trouver !

Welcome into my world ! Here you can see what I'm creating ---- 10/25/2011 NEW ! Thriller Halloween OutFit Available ! 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 =)

Pepito One · Answer

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.

TommyHook · Answer

C'est à dire ? mdrr désolé je comprends pas trop ça donnerait quelque chose comme ça ?

Pepito One · Answer

Non plutôt :

TommyHook · Answer

Merci Beaucoup pour ton aide ! =)

Pepito One · Answer

You're welcome !

Défiler texte dans zone précise sur image ?

14 réponses

Discussions similaires