Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje14-08-2011, 17:38 (UTC)    
Título del mensaje: Aporte | Caja de texto · Diseño 3º | N3sbt



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/anotaciones1.png


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


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


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


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


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


URL | http://img.webme.com/pic/n/nesbet/anotaciones7.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:
.n3noti
{
width:500px;
height:221px;
float:left;
background:url(URL DE LA IMAGEN);
margin:30px 0 0 20px;
}

.txtn3noti {
width:465px;
height:145px;
float:left;
margin:60px 0 0 20px;
color: #313131;
font-size: 13px;
font-family: Arial;
overflow:auto;
}

2º- En el código anterior, donde está indicando con color rojo, 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 rojo es lo que se edita.)

Cita:
<div class="n3noti">
<p class="txtn3noti">Texto</p>
</div>

Vista previa:

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


Eso fue todo, espero que les haya gustado este aporte.
Saludos amigos!


Ultima edición por nesbet el Dom Ago 14, 2011 1:59 pm; editado 2 veces
Mensaje14-08-2011, 18:03 (UTC)    
Título del mensaje:

Vaya están geniales
______________
Mensaje14-08-2011, 18:24 (UTC)    
Título del mensaje:

inuyasha-y escribió:
Vaya están geniales


Hola,
gracias inuyasha-y, que bueno que te gustaron, de verdad.

para los que no leen el tema, deje una vista previa al final de este: (¬¬)
http://design-adri.es.tl/prueba-3.htm
Mensaje14-08-2011, 18:52 (UTC)    
Título del mensaje:

Muy buenas Nesbet, no me gusto tanto la font, pero me gusto mucho la estructura
______________
Off
Mensaje14-08-2011, 18:55 (UTC)    
Título del mensaje:

fafo-ayuda escribió:
Muy buenas Nesbet, no me gusto tanto la font, pero me gusto mucho la estructura


Hola,
sinseramente a mí tampoco me atrajo mucho, pero no sabía que fuente usar jeje, desde ya, muchas gracias fafo!
Mensaje14-08-2011, 20:07 (UTC)    
Título del mensaje:

Muy bueno nesbet me encanta tus trabajos ^^
______________
http://img.webme.com/pic/a/ayuda031/firma012221.png imagen redimensionada por exceso de tamaño
Mensaje14-08-2011, 20:30 (UTC)    
Título del mensaje:

Mensaje14-08-2011, 20:58 (UTC)    
Título del mensaje:

Muchas gracias @design-pwg!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group