Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje01-09-2011, 22:37 (UTC)    
Título del mensaje: Aporte | Caja de texto · Diseño 5º | N3sbt


Hola amigos! Hola amigos! Bueno, les traigo nuevamente otro aporte de distintos diseños de cajas de texto, esta si viene con scroll.
Si no lee atentamente cómo se deben introducir correctamente los códigos, no podrá agregar los diseños o cajas de textos dentro de su sitio!




URL | http://img.webme.com/pic/n/nesbet/boxseven1.png


URL | http://img.webme.com/pic/n/nesbet/boxseven2.png


URL | http://img.webme.com/pic/n/nesbet/boxseven3.png


URL | http://img.webme.com/pic/n/nesbet/boxseven4.png


URL | http://img.webme.com/pic/n/nesbet/boxseven5.png


URL | http://img.webme.com/pic/n/nesbet/boxseven6.png


¿Cómo agregar el diseño de la "caja de texto" y los códigos?

1º- Usted debe pegar el siguiente código css, entre las etiquetas <style> y </style>

Cita:
.caja
{
width:485px;
height:206px;
float:left;
background:url(URL DE LA IMAGEN);
margin:30px 0 0 20px;
}

.texto {
width:435px;
height:135px;
float:left;
margin:49px 0 0 25px;
color: #313131;
font-size: 13px;
font-family: Arial;
overflow:auto;
}

2º- En el código anterior, donde está indicando con color azul claro, usted deberá pegar la url del diseño que eligió entre las imágenes que anteriormente deje.

Una vez hecho el paso anterior pega donde usted quiere que aparezca el diseño de la "caja de texto". (Lo marcado con azul claro es lo que se edita.)

Cita:
<div class="caja">
<p class="texto">Texto</p>
</div>

Vista previa:

Link | http://design-adri.es.tl/prueba-8.htm


Eso fue todo, espero que les haya gustado este aporte.
Saludos amigos!
Mensaje01-09-2011, 22:55 (UTC)    
Título del mensaje:

Exelentes Adri
______________
Off
Mensaje01-09-2011, 23:04 (UTC)    
Título del mensaje:

fafo-ayuda escribió:
Exelentes Adri


Hola,
muchas gracias fafo jeje!
Mensaje02-09-2011, 14:15 (UTC)    
Título del mensaje:

Eres genial tus diseños son brillantes sigue así
______________

Mensaje02-09-2011, 15:10 (UTC)    
Título del mensaje:

Segui asi Nest , sos un buen diseñador :B , buen aporte suerte
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group