begin process at 2012 05 28 13:40:29
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > ECRIRE DU TEXTE SUR UNE IMAGE !

ECRIRE DU TEXTE SUR UNE IMAGE !


 Information sur la source

Note :
5,5 / 10 - par 2 personnes
5,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Débutant Date de création :10/04/2003 Date de mise à jour :10/04/2003 20:34:52 Vu / téléchargé :27 132 / 718

Auteur : virtuelkiller

Ecrire un message privé
Site perso
Commentaire sur cette source (4)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Il y a un zip dispo. avec un image (de Yoda->Star Wars) et un aperçu !

Copier/coller !
Pour modifier, c'est simple !
Pour le texte il est compris entre <FONT ...> et </FONT>
Ensuite il faut modifier la position du texte (ou de la <div>) grâce à TOP (position par rapport au haut de la page) et LEFT (position par rapport au bord gauche de la page!)
Vous pouvez aussi modifier la place de l'image pareillement au texte de la <DIV>
Voilà ! ;-)

Source

  • <HTML>
  • <IMG SRC="yoda.jpg" STYLE="position:absolute; top:50; left:50">
  • <DIV STYLE="position:absolute; top:250; left:50"><FONT COLOR="#ffffff">J'ai écrit sur une image (on applaudit bien fort !;-))Ci-dessus Maître yoda</FONT></DIV>
  • </HTML>
<HTML>


<IMG SRC="yoda.jpg" STYLE="position:absolute; top:50; left:50">
<DIV STYLE="position:absolute; top:250; left:50"><FONT COLOR="#ffffff">J'ai écrit sur une image (on applaudit bien fort !;-))Ci-dessus Maître yoda</FONT></DIV>



</HTML>

 Conclusion

Questions, commentaires.... Je me ferai une joie d'y répondre !;-)

V.K.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

AFFICHER UNE PAGE WEB EN PLEIN ÉCRAN D'UN CLIC !
DU TEXTE DÉFILE DANS LA BARRE D'ÉTAT EN CONTINU !
Source avec Zip UNE IMAGE QUI VOLE...
PHRASE ANIMÉE : LE TEXTE ONDULE !
Source avec Zip AFFICHE OU CACHE UNE IMAGE OU UN LIEN GRÂCE À UN BOUTON

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600

Commentaires et avis

Commentaire de alexdol le 28/08/2003 19:28:52

ok, c'est bien,
mais comment on fait quand on ne veut pas fixer l'emplacement de l'image, c'est à dire par exemple, que l'on veut qu'elle soit centrer par rapport à la fenetre (en plein écran ou non), et que l'on veut en revanche que le texte soit à un emplacement fixe sur l'image?

Commentaire de metalcat le 12/09/2005 13:18:49

C'est assez limité en ce sens que l'utilisation de position:absolute va fixer le texte sur l'écran alors que la photo va défiler vers le haut ou vers le bas à l'utilisation de la scroll bar.  

Commentaire de metalcat le 12/09/2005 13:30:49

correction, c'est l'ensemble (photo & texte) qui reste figé sur l'écran à l'utilisation de la scroll bar.

Commentaire de stfou le 26/05/2006 19:59:44

t'es pas obligé d'utiliser <div>, tu peux utiliser <a>

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,245 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales