Hacker of the Web
Tus ideas en código!...y mas

Cajas de texto

Con un simple código, escribir, y entender, se pueden lograr cosas fantásticas, como la que les voy a presentar.

Es una caja de Texto, como ya las conocerán de diferentes partes, pues aqui les dejo
unas simples letras que hará volar la imaginación, y tambien puedes hacercon ellas lo que sea, como el formato, colores, las barras de desplazamiento aqui verán eso, el código es el siguiente:





img<div align="center"><div style="BORDER-RIGHT: border-style: ridge; border-color: red; BORDER-TOP: border-width: 4px; border-style: ridge; border-color: red; BORDER-LEFT: border-width: 4px; border-style: ridge; border-color: red; WIDTH: 100%;BORDER-BOTTOM: border-width: 4px; border-style: ridge; border-color: red; SCROLLBAR-FACE-COLOR: black; SCROLLBAR-HIGHLIGHT-COLOR: black; OVERFLOW: scroll;SCROLLBAR-SHADOW-COLOR: white; COLOR: #ff88e7; SCROLLBAR-3DLIGHT-COLOR: #ddaaff; SCROLLBAR-ARROW-COLOR: #99cc33; SCROLLBAR-DARKSHADOW-COLOR: white; HEIGHT: 130px; BACKGROUND-COLOR: white"> <span style="span-family:tahoma;span-size:85%;color:#99cc33;"> <strong> <p align="center"> </p> </strong> </span> </div></div>






[Modificaciones]

<div align="center">

Esta linea hará que el texto se centre.

Pueden colocarse tambien:
Left, Rigth.



BORDER-RIGHT: border-style: ridge; border-color: red;

Borde de la derecha.

Pueden colocarse tambien:
colores en ingles




BORDER-TOP: border-width: 4px; border-style: ridge; border-color: red;

Borde de arriva.

Pueden colocarse tambien:
colores en ingles y puede modificarse el grosor


BORDER-LEFT: border-width: 4px; border-style: ridge; border-color: red;

Borde de la izquierda.

Pueden colocarse tambien:
colores en ingles y puede modificarse el grosor



WIDTH: 85%;

Ancho de la caja

Pueden colocarse tambien:
pueden colocarse de 0 a 100% o de 0px hasta el grosor deseado



BORDER-BOTTOM: border-width: 4px; border-style: ridge; border-color: red;

Borde de abajo.

Pueden colocarse tambien:
colores en ingles y pueden colocarse el grosor



SCROLLBAR-FACE-COLOR: black;

color de barras de desplazamiento.

Pueden colocarse tambien:
colores en ingles



SCROLLBAR-HIGHLIGHT-COLOR: black;

color de barras de desplazamiento(haciento clic en ellas).

Pueden colocarse tambien:
colores en ingles



SCROLLBAR-SHADOW-COLOR: white;

color de brillo de barras de desplazamiento.

Pueden colocarse tambien:
colores en ingles



COLOR: #ff88e7;

color de texto.

Pueden colocarse tambien:
colores en ingles



SCROLLBAR-3DLIGHT-COLOR: #ddaaff;

color de fondo de barras de desplazamiento.

Pueden colocarse tambien:
colores en ingles




SCROLLBAR-ARROW-COLOR: #99cc33;
color de flecha de barras de desplazamiento.

Pueden colocarse tambien:
colores en ingles



SCROLLBAR-DARKSHADOW-COLOR: white;

color de sombra de barras de desplazamiento.

Pueden colocarse tambien:
colores en ingles



HEIGHT: 100px;


Largo de la caja
Pueden colocarse tambien:
pueden colocarse de 0 a 100% o de 0px hasta el largo deseado



BACKGROUND-COLOR: white

Color de fondo de caja

Pueden colocarse tambien:
colores en ingles



<span style="span-family:tahoma;span-size:85%;color:#99cc33;">

Tamaño de texto y color

Pueden colocarse tambien:
pueden colocarse de 0 a 100% o de 0px hasta el grosor deseado y colores en ingles



<strong>

hace que el texto este en negrita

en este no se puede hacer nada, si no mas que borralo si se desea.
#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

10 comentarios !

Anónimo dijo...

holaa
necesito poner una imagen en el cuadro de texto de jotelog y no puedo hacerlo x mas q lo intente muchas veces..

soy Luz :P

Unknown dijo...

Hola!!! Luz, estube checando lo de las imágenes y pasó que en el código me estaba equivocando pero ya lo resolví.

Mil disculpas por el código, pero ya esta correctamente, incluso incruste una imagen

Anónimo dijo...

Hola, muy buenas!!!
A mi me ha quedado una duda al leer ésta pequeña guía: Donde se introduce el texto que queremos que aparezca en el cuadro? como ves, no soy muy ducho en estos temas xD. Muchas gracias!!

Unknown dijo...

Chemófito el texto se coloca justo dentro de

<p align="center"> JUSTO AQUI </p>

Gracias por comentar!!!! :D

Anónimo dijo...

Muchísimas gracias Santy! Enhorabuena por el blog!

Unknown dijo...

Gracias
a
ti
que
por
comentar
Chemófito.

Anónimo dijo...

tyrtyrty

Anónimo dijo...

q onda oye y como le hago para que al pasar el raton sobre mi textarea cambie de color como los tuyos,donde pones los ejemplos.saludos

Unknown dijo...

Rulcaslez, Solo es cuestion de CSS, con la propiedad :hover se consigue el efecto!!. Ejemplo:

<style type='text/css'>
#txt {background:#cecece;}
#txt:hover {background:#FF00ce;}
</style>
<div id='txt'></div>

La propiedad :hover se activa al pasa el mouse por encima del objeto, permitiendo cambiar de fondo, tipo de letra, color de letra, etc.

Ojala te halla ayudado xD!!

Samantha dijo...
Este comentario ha sido eliminado por el autor.

Página Principal
Arriba