Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje13-08-2011, 00:47 (UTC)    
Título del mensaje: Aporte | Caja de texto · Diseño 1º | N3sbt



Hola amigos! Miren esta vez, gracias a un post de @mundo-pgd, me dió una muy buena idea, diseñar estas cajas de textos. También pude hacer otro código CSS en base al del usuario que nombre, con varias modificaciones, incluyendo la posibilidad de mover el texto por la imagen.
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/box1.png


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


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


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


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


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


Colaboración de @design-pwg. Se agradece su gran ayuda.


URL | http://img.webme.com/pic/d/design-pwg/box1.png


URL | http://img.webme.com/pic/d/design-pwg/box2.png


URL | http://img.webme.com/pic/d/design-pwg/box3.png


URL | http://img.webme.com/pic/d/design-pwg/box4.png


http://img.webme.com/pic/d/design-pwg/box5.png


URL | http://img.webme.com/pic/d/design-pwg/box6.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:
.n3

{
width:525px;
height:228px;
float:left;
background:url(URL DE LA IMAGEN);
margin:30px 0 0 20px;
}

.txtn3
{
width:462px;
height:140px;
float:left;
margin:60px 0 0 35px;
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 6 imágenes (anteriormente dejé las url's.)

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="n3">
<p class="txtn3">Texto</p>
</div>

Vista previa:

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


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


Ultima edición por nesbet el Sab Ago 13, 2011 4:27 pm; editado 5 veces
Mensaje13-08-2011, 00:50 (UTC)    
Título del mensaje:

¡Hola!

Estan super buena, ¿Esa fue la idea que te dio el codigo que habia posteado? Porque fue una muy buena
______________
We miss you Cliff Burton :-(
Mensaje13-08-2011, 00:51 (UTC)    
Título del mensaje:

mundo-pgd escribió:
¡Hola!

Estan super buena, ¿Esa fue la idea que te dio el codigo que habia posteado? Porque fue una muy buena


Hola,
sí jaja, lo aclaré en el primer ítem:

Cita:
Hola amigos! Miren esta vez, gracias a un post de @mundo-pgd, me dió una muy buena idea, diseñar estas cajas de textos...


Muchas gracias amigo XD!!!!
Mensaje13-08-2011, 01:14 (UTC)    
Título del mensaje:

Tambien podrias hacer las cajas mucho mas Grande , cosa que el usuario pueda agrandarla o achicarla de manera Mas Facil.

Y en verdad este es el mejor aporte
Mensaje13-08-2011, 01:19 (UTC)    
Título del mensaje:

brianpwg escribió:
Tambien podrias hacer las cajas mucho mas Grande , cosa que el usuario pueda agrandarla o achicarla de manera Mas Facil.

Y en verdad este es el mejor aporte


Hola,
jeje, ¿mas grande? en sí, yo pensaba que ya lo era, es mas pensaba achicarlo, pero se ve que mi punto de vista es erróneo, si así es, entonces tomaré tu consejo para la próxima, gracias!!
Mensaje13-08-2011, 01:19 (UTC)    
Título del mensaje:

mundo-pgd escribió:
¡Hola!

Estan super buena, ¿Esa fue la idea que te dio el codigo que habia posteado? Porque fue una muy buena


Es verdad xD buen post!!! genial aporte
______________
Votame
Click aqui
Mensaje13-08-2011, 01:21 (UTC)    
Título del mensaje:

revolutionteam-css escribió:
mundo-pgd escribió:
¡Hola!

Estan super buena, ¿Esa fue la idea que te dio el codigo que habia posteado? Porque fue una muy buena


Es verdad xD buen post!!! genial aporte


Hola,
muchas gracias amigo!!

No sé ni como agradecerles por todo el apoyo, a todos los que comentaron en este aporte y a los que lo hicieron en los anteriores. Muchas gracias!
Mensaje13-08-2011, 03:10 (UTC)    
Título del mensaje:

nesbet escribió:
mundo-pgd escribió:
¡Hola!

Estan super buena, ¿Esa fue la idea que te dio el codigo que habia posteado? Porque fue una muy buena


Hola,
sí jaja, lo aclaré en el primer ítem:

Cita:
Hola amigos! Miren esta vez, gracias a un post de @mundo-pgd, me dió una muy buena idea, diseñar estas cajas de textos...


Muchas gracias amigo XD!!!!


jaja no es para tanto , y a lo del tamaño se me ocurrio ponerle un scroll en la parte donde va el contenido. http://solicitoamigas.wordpress.com/2007/01/11/barra-de-desplazamiento-scroller/ <
______________
We miss you Cliff Burton :-(
Mensaje13-08-2011, 07:23 (UTC)    
Título del mensaje:

Muy bonitas la cajas,sin duda lo usare en mi web muy pronto.

Saludos
______________

Noticias Relevantes
Diablo III llegara el 15 de mayo
Se desvela Angry Birds Space
Call of Duty: Black Ops 2 podria anunciarse el 28
La portatil Neo Geo es oficial
Hemos activado nuestro foro... ¡ Entrar al foro !
Mensaje13-08-2011, 13:03 (UTC)    
Título del mensaje:

mundo-pgd escribió:
nesbet escribió:
mundo-pgd escribió:
¡Hola!

Estan super buena, ¿Esa fue la idea que te dio el codigo que habia posteado? Porque fue una muy buena


Hola,
sí jaja, lo aclaré en el primer ítem:

Cita:
Hola amigos! Miren esta vez, gracias a un post de @mundo-pgd, me dió una muy buena idea, diseñar estas cajas de textos...


Muchas gracias amigo XD!!!!


jaja no es para tanto , y a lo del tamaño se me ocurrio ponerle un scroll en la parte donde va el contenido. http://solicitoamigas.wordpress.com/2007/01/11/barra-de-desplazamiento-scroller/ <


EXCELENTE IDEA!

Ya agregué un scroll al cuadro, y quedó muchísimo mejor, te agradezco, no se me había ocurrido, puede ver el resultado acá:
http://design-adri.es.tl/prueba.htm

@noti-gamer muchas gracias amigo, que bueno que te gustó!
Mensaje13-08-2011, 14:15 (UTC)    
Título del mensaje:

Buenisimo nesbet. Esta muy bueno aun así con la barra de scroll mucho mejor!

Saludos nesbet!
Design-PWG.
Mensaje13-08-2011, 14:29 (UTC)    
Título del mensaje:

design-pwg escribió:
Buenisimo nesbet. Esta muy bueno aun así con la barra de scroll mucho mejor!

Saludos nesbet!
Design-PWG.


Hola,
muchas gracias amigo, que bueno que te gusto!

Por cierto, me olvidé aclarar que el tema ya fue editado, y cualquier que quiera agregar esta "caja de texto", tendrá ya añadido el scroll.
Mensaje13-08-2011, 14:46 (UTC)    
Título del mensaje:

Son geniales eres un gran diseñador
______________
Mensaje13-08-2011, 15:31 (UTC)    
Título del mensaje:

inuyasha-y escribió:
Son geniales eres un gran diseñador


Hola,
muchas gracias amigo, ahora pronto haré muchas más cajas de texto!
Mensaje13-08-2011, 17:12 (UTC)    
Título del mensaje:

Estas si tienen scroll bro?
______________
Off
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group