Non connecté. Connectez-vous ou devenez membre (gratuit).Recherche rapide :     

Codes HTML utiles et faciles (suite)

Vu que, apparemment, mes codes vous ont bien aidé, j'ai décidé de faire la suite... A vos claviers...


Voila donc la suite des codes HTML très utiles pour vos sites web...

1)Lien-bouton

C'est en fait un lien normal,mais sous la forme d'un bouton!!!Le modèle que je donne est personnalisable,et pratique!!!
Pour faire un lien-bouton,mettez ce code sur votre site:

<form method="link" action="ADRESSE DU LIEN"><input type="submit" value="TEXTE QUI EST MARQUE SUR LE BOUTON" rows=6 COLS=24 style="font-family:POLICE D'ECRITURE" style="border style:solid" style="background:transparent" style="color:#COULEUR DE L'ECRITURE"></form>

Changez ce qui est en majuscules par vos informations!!!

2)Lien "invisible"

C'est un lien ou,quand on passe la souris dessus,elle ne se transforme pas en main!!!c'est un lien très utile pour l'esthetique du site...Voici le code HTML a placer sur la page:

<a href="URL DU LIEN" style="cursor:default; text-decoration:none">TEXTE DU LIEN!!!</a>

3)Image grise qui se recolore

C'est tou simplement une image en noir et blanc qui retrouve sa couleur d'origine!!!Voila le code à placer sur vos pages:

<img src="URL DE TON IMAGE" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'">

4)Barre de défilement à gauche

C'est un code tout simple,mais qui donne une petite touche d'originalité à un site:la barre de défilement se trouve à gauche!!!
Voici le code à placer dans votre page:

<body style="direction: rtl;">
<div style="direction: ltr;">

5)Curseurs sur les liens

Vous voulez que votre curseur prenne une forme différente de la traditionnelle main sur vos liens??Voici comment vous devez présenter vos liens:

<a href="http://URL DE TON LIEN" style="cursor:NOM DU CURSEUR">TEXTE DU LIEN</a>

Les différents curseurs:
-fléche normale: default
-double flèche verticale: n-resize
-double-flèche en diagonale vers la gauche: se-resize
-double flèche en diagonale vers la droite: ne-resize
-flèche point d'interrogation: help
-sablier: wait
-croix: crosshair

6)Pas de pub!!!

Pour supprimer la pub de ton hebergeur, voici le code à inserer:

-Pour dromadaire et geocities:

<p align="center"><iframe src width="0" height="0"
marginwidth="0" marginheight="0" hspace="0" vspace="0"
frameborder="0" scrolling="no"></p>

-Pour Angel fire et aussi Dromadaire:

<!-- Start code //-->
<SCRIPT LANGUAGE="JavaScript">
<!--
function open () {return true;} // this will redefine the open function.//-->
</SCRIPT>

Ces codes sont à mettre a la fin de la page!!!!!!!

7)Texte surligné

Pour mettre du texte surligné (pour les choses importantes lol ;P)!!!Voici le code:

<font color="#ffffff" size="1" face="Verdana"><span style="background-color: #0099FF">TONTEXTEICI!</span></font>

Vous pouvez choisir la couleur du surlignage(#0099FF) ou encore la couleur du texte surligné (#ffffff)

8)Faire un fond fixe

Le texte défile,mais le fond reste immobile...mais si c'est possible!!!!Voici le code:

<body background="URL FOND"bgproperties="fixed">

9)Boite de texte

Une boite de texte,c'est très pratique pour mettre les codes HTML,si vous voulez mettre des tutoriaux pours vos visiteurs...voici le code:

<textarea>Vous écrivez ce que vous voulez</textarea>

Voila!!!Encore une fois,j'espère que mes codes vous seront utiles...si il y a une faute,une erreur dans les codes,ou si vous en voulez plus,n'hésitez pas à me mailer (theclaire007@voila.fr) ou envoyez moi un fj*message!!!!

Le serveur mySQL "master" est injoignable, aucune mise à jour, insertion ou suppression ne peut se faire.
. Voir tous les commentaires et/ou en poster un (9)
Re: Codes HTML utiles et faciles (suite)
Posté par quezako le 20/08/2004 07:52:03
désolé, j ne répond pas par email.
crée un compte free.fr !
tu n'es pas obligé d'utiliser la connexion free mais tu peux créer un compte web. c'est gratuit et sans pub ;)
Re: Codes HTML utiles et faciles (suite)
Posté par quezako le 20/08/2004 07:52:03
<style>
a {cursor:help}
</style>
<a href="#">lien</a>
Re: Codes HTML utiles et faciles (suite)
Posté par missorlando le 20/08/2004 07:52:03
ptetre...je connais kelkes trucs pratiques mais de la a etre une pro...^^;
Re: Codes HTML utiles et faciles (suite)
Posté par quezako le 20/08/2004 07:52:03
<input type="submit" value="TEXTE..." rows=6 COLS=24 ....>
les paramètres "rows=6 COLS=24" ne sont d'aucune utilité ici.

DXImageTransform.Microsoft.BasicImage n'est pas compatible avec certains navigateurs.
Re: Codes HTML utiles et faciles (suite)
Posté par missorlando le 20/08/2004 07:52:03
merci ^^
. Voir tous les commentaires et/ou en poster un (9)
Publié le 31 août 2003
Modifié le 31 août 2003
Lu 236 fois

. Cet article est un plagiat?
. Imprimable (pdf/html)
Recevoir la lettre d'information :
Connectés :
    0 membres et 56 visiteurs

Blog de France-jeunes, ...OlDesign    CNIL: 752143.     |]  ▲