Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje01-09-2011, 23:00 (UTC)    
Título del mensaje: Aporte | Caja de texto · Diseño 6º | 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/boxsimple1.png


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


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


URL | http://img.webme.com/pic/n/nesbet/boxsimple4.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:
.imagencaja
{
width:436px;
height:220px;
float:left;
background:urll(URL DE LA IMAGEN);
margin:30px 0 0 20px;
}

.textocaja
{
width:402px;
height:149px;
float:left;
margin:49px 0 0 18px;
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="imagencaja">
<p class="textocaja">Texto</p>
</div>

Vista previa:

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


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

O-o es precioso eres muy bueno diseñando gracias por compartirlo
______________
Mensaje02-09-2011, 14:41 (UTC)    
Título del mensaje:

inuyasha-y escribió:
O-o es precioso eres muy bueno diseñando gracias por compartirlo


Mensaje03-09-2011, 01:24 (UTC)    
Título del mensaje:

Hola,
jaja muchas a gracias a ambos!
Mensaje03-09-2011, 01:59 (UTC)    
Título del mensaje:

Woow como siempre muy buenas Adri
______________
Off
Mensaje03-09-2011, 16:10 (UTC)    
Título del mensaje:

fafo-ayuda escribió:
Woow como siempre muy buenas Adri


Hola,
muchas gracias fafo!
Mensaje03-09-2011, 16:44 (UTC)    
Título del mensaje:

Mensaje03-09-2011, 19:27 (UTC)    
Título del mensaje:

Me llevo la azul!! jejeje. Muy interesante los diseñoz y quedo super genial con la combinación del código de pgd!!!

Saludoz!!!
______________

http://radiovijaer.es.tl/
Mensaje03-09-2011, 19:34 (UTC)    
Título del mensaje:

muy buenas cajas buen aporte


______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje03-09-2011, 19:36 (UTC)    
Título del mensaje: Re: Aporte | Caja de texto · Diseño 6º | N3sbt

Esta buenisimo men me gustaron mucho saludos!
______________
Visitar sitio web


Mensaje03-09-2011, 19:39 (UTC)    
Título del mensaje:

Mensaje03-09-2011, 21:52 (UTC)    
Título del mensaje:

Hola,
muchísimas gracias a todos y a design-pwg por su colaboracion!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group