Tous les blogs
Top blogs Technologie & Science
Tous les blogs Technologie & Science
Editer l'article
Suivre ce blog
Administration
Connexion
+
Créer mon blog
MENU
Tous les blogs
Top blogs Technologie & Science
Tous les blogs Technologie & Science
Recherche
Rechercher
Connexion
+
Créer mon blog
Editer l'article
Suivre ce blog
Administration
Partager
Tutorial, CSS, HTML
Accueil
Catégories principales
Amados ángeles
Animales
Antivirus
Bienvenido
Bordes
Boton
Carnaval
Color RGB HEX...
Con fondo flash
Cuadros alimentos
Cuadros amor
Cuadros animales
Cuadros flores
Cuadros humor
Cuadros musica
Cuadros naturaleza
Cuadros navideños
Cuadros para fondos...
Cuadros Pascua
Cuadros personas
Archives
2017
Novembre (8)
Octobre (8)
Septembre (24)
Août (24)
Juillet (31)
Juin (60)
Mai (70)
Avril (265)
Mars (101)
Février (78)
Janvier (103)
2016
Décembre (199)
Novembre (371)
Octobre (303)
Septembre (329)
Août (148)
Juillet (96)
Juin (46)
Mai (33)
Avril (76)
Mars (127)
Février (36)
Janvier (3)
2015
Décembre (18)
Novembre (23)
Octobre (8)
Septembre (6)
Août (196)
Juillet (300)
Juin (16)
Mai (26)
Avril (33)
Mars (18)
Février (105)
Contact
>
Ventanas para texto, código, imagen
>
HTML Texto 0 / 540 0 / 540 CSS -
19.07.2015
…
Par GloriaV
HTML
<div class="wrapper"><textarea id="the-textarea" name="the-textarea">Texto </textarea><br /><div id="the-count"><span id="current">0</span> <span id="maximum">/ 540</span></div></div>
0
/ 540
CSS
<style type="text/css"><!@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,700,300italic); *, *:before, *:after { box-sizing: border-box; } html { font-size: 100%; } body { font-family: 'Open Sans', sans-serif; font-size: 16px; background: #fff; color: #666; } .wrapper { max-width: 75%; margin: auto; } h1 { color: #ff0000 ; margin: 3rem 0 1rem 0; padding: 0; font-size: 1.5rem; } textarea { width: 344px; min-height: 100px; resize: none; border-radius: 8px; border: 1px solid #ddd; padding: 0.5rem; color: #fff; box-shadow: inset 0 0 0.25rem #ddd; &:focus { outline: none; border: 1px solid darken(#ddd, 5%); box-shadow: inset 0 0 0.5rem darken(#ddd, 5%); } &[placeholder] { font-style: italic; font-size: 0.875rem; } } #the-count { float: right; padding: 0.1rem 0 0 0; font-size: 0.875rem; } --></style>
« Article précédent
Article suivant »
Retour à l'accueil
Partager cet article
Texto
0
/ 540
0 / 540 CSS
Commenter cet article
Ajouter un commentaire
Thème Magazine © - Hébergé par
Eklablog
