cf.geocities.com/willfonkam   



 
 
Accueil || Plan du site || Cours >> HTML || CSS || Trucs et astuces || — Sites >> Willy F. || Liens utiles || — Divers >> Blagues || Autre site
 
cours html cours feuilles de style trucs et astuces divers: fun et blagues liens utiles quelques infos sur le webmaster plan du site

Créer une Image
Voici une méthode très simple pour créer les propres images de son site (pour ceux qui n'ont pas les logiciels sophistiqués de création d'images).


Le NÉCESSAIRE

Elle est très simple. Il vous suffit tout simplement d'avoir sur votre ordinateur les programmes Microsoft WORD, Microsoft Publisher ou Microsoft Power Point et Paint.

Ma MÉTHODE
Voici ma méthode, très simple:

Dans Microsoft WORD,créez une image, un logo, un texte décoré à votre goût
Copier le dessin et le coler dans Paint.
L'enrégistrer dans vos images et le tour est joué, vous avez votre logo, vos boutons ou vos titres personnalisés

L'inconvénient est qu'avec cette méthode, vos images, textes et logos sont STATIQUES
Avec les Tableaux

Il s'agit ici de tracer les barres verticales. On sait bien que les barres horizontales en HTML s'écrivent grâce à la balise <HR>, mais il n'existe pas de balise pour les barres verticales. Voici une astuce pour "tracer" les barres vericales:
<TABLE cellspacing=0 cellpadding=0>
  <TBODY>
   <TR>
    <TD width=1px bgcolor=black></TD>
    <TD>&nbsp;</TD>
    <TD>Voici un exemple de texte écrit entre deux barres verticales</TD>
    <TD>&nbsp;</TD>
    <TD width=1px bgcolor=black></TD>
   </TR>
  <TBODY>
</TABLE >
 
Voici un exemple de texte écrit entre deux barres verticales

 

Pour changer la couleur des barres verticales, on doit juste changer le couleur de background de la cellule qui forme le trait.


Écrire un texte sur image


Pour écrire un texte sur une image, on se sert des marqueurs <SPAN> et <DIV>. Ici, le seul travail consistera à déterminer les coordonnées du texte et à s'assurer qu'il reste bien tranquile sur l'image.
Le code sera alors:
<IMG src="images/w1.bmp">

<SPAN style="position:absolute; top:30px; left:20px;">
Voici un texte qui reste bien sagement posé sur une image</SPAN>

Voici un texte qui reste bien sagement posé sur une image
— C'est moi sur l'image) —


Feuilles de style <== Voir le chapître précédent Astuces en vrac


1
Hosted by www.Geocities.ws