 |
|
 |
 |
 |
|
 |
 |
 |
  Home Page Tous les scripts Proposer un script Recherche de script AJAX Cours de JavaScript Liste de discussion Forums CountUs myCircle ClickInText XooIt HTML / CSS PHP / MySQL Réferencement Graph / Présentation Toutes les astuces Ajouter un article
 
Hebergement web Referencement Sites webmasters XHTML - CSS2 PHP Affiliation - Pub FAI Annuaire webmaster Kit graphique Foire aux questions Les membres Devenir annonceur Faire un lien Contact Compteur live Créer un forum Le PHP facile Comscripts Liens sponsorisés Page Rank Gifs animés, f... Le village de ... Easy-script.com Poésie et cita... Les kits graph... La cuisine de ... Azote.org - no... Web creation ... Créer son site... Electroniq... Les autres Votre site ici
? |
Article posté par : deoxys Date de mise en ligne : 15-03-2006 Niveau : Assez facile >> Ajouter un article  Tansformer un champ de texte en un texte
De quoi ?
Beaucoup de personnes utilisent des input type text/textarea pour utiliser des scripts javascripts, y mettre des textes défilants, y mettre l'heure... Cependant parfois on voudrait supprimer ce cadre type formulaire sans devoir refaire le script. C'est extrêmement simple en utilisant CSS ! Exemple
Nous prenons une page à laquelle nous mettons une couleur de fond spécifique. Nous y mettons un input simple. Voici le résultat obtenu. Code :
<input type="text" size="20" value="Sans style">
A l'affichage, on obtient un banal champ de texte au fond blanc et avec une bordure spéciale. Exemple : Maintenant, on utilise deux coups de CSS. Code :
<input type="text" size="80" value="Avec style" style="border-width : 0px; background-color: transparent;">
On a mis la largeur de la bordure à zéro, on a mis transparent en couleur de fond. Le résultat est un texte normal. Résultat : Remarque 1 : Cela s'applique aussi aux textarea !
Remarque 2 : Il s'agit toujours d'un champ de formulaire, cependant il n'y a plus que le texte. Le visiteur peut toujours séléctionner ce texte et le supprimer. Annotations des visiteurs :
>> Poster une annotation sur cette astuce
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
De 
 |
 |
 |
La mini-astuce "Graphisme / Présentation" du jour par caaptusss N'hésitez pas à utiliser les figures de styles (CSS) sur votre site web ! Elles vous permettent de modifier la police et les tableaux de votre page en un coup de souris ! En effet, toutes les règles d'affichages sont réunnient dans un seul fichier ! Le rêve non ? Proposer votre mini-astuce | Archives des mini-astuces |
 |
 |
 |
 |
© 1999-2010 EJS - Tous droits réservés | CNIL N° 844440 | 14/03/2010 19:49:28 | Design by | Gen. en 0.332 sec.
|
 |