Búsqueda en el Foro:
Buscar


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



Hola amigos! Les traigo un nuevo aporte, en el cuál tendrán diseños para colocar pequeñas advertencias, y por cierto, no tiene scroll, ya que las imágenes no sirven para escribir textos extensos dentro de ellas, si no para colocar breves advertencias.
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/adver1.png


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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

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

}

.txtn3advert
{
width:580px;
height:80px;
float:left;
margin:50px 0 0 15px;
color: #313131;
font-size: 13px;
font-family: Arial;
}

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="n3advert">
<p class="txtn3advert">Texto</p>
</div>

Vista previa:

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


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


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

Son preciosos
______________
Mensaje13-08-2011, 15:52 (UTC)    
Título del mensaje:

inuyasha-y escribió:
Son preciosos


Hola,
muchas gracias!
Mensaje13-08-2011, 16:27 (UTC)    
Título del mensaje:

Felicitaciones nesbet eres un gran diseñador.
Te dejo aqui otros colores

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


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

Saludos!
Mensaje13-08-2011, 16:31 (UTC)    
Título del mensaje:

design-pwg escribió:
Felicitaciones nesbet eres un gran diseñador.
Te dejo aqui otros colores

Saludos!


Hola,
muchas gracias amigo, y por cierto quedaron bien los colores, los agregué al tema si es que no te molesta.
Mensaje13-08-2011, 16:32 (UTC)    
Título del mensaje:

nesbet escribió:
design-pwg escribió:
Felicitaciones nesbet eres un gran diseñador.
Te dejo aqui otros colores

Saludos!


Hola,
muchas gracias amigo, y por cierto quedaron bien los colores, los agregué al tema si es que no te molesta.


Claro que no Si quieres tu los haces y yo le modifico los colores

Saludos!
Design-PWG.
Mensaje13-08-2011, 16:57 (UTC)    
Título del mensaje:

Muy buenas Nesbet, estarian buenas si tuvieran scroll para poner códigos, aun asi perfectas
______________
Off
Mensaje13-08-2011, 16:59 (UTC)    
Título del mensaje:

fafo-ayuda escribió:
Muy buenas Nesbet, estarian buenas si tuvieran scroll para poner códigos, aun asi perfectas


Hola,
muchas gracias fafo!, no le puse scroll porque es para advertencias, pero mi anterior aporte acerca de la misma temática, si lo tienen. En fin, me gustó al idea de crear cajas para códigos, jaja! XD
Mensaje13-08-2011, 20:45 (UTC)    
Título del mensaje:

Mensaje13-08-2011, 20:46 (UTC)    
Título del mensaje:

O vaya que bonitos design-pwg me gusta mucho el verde fuerte y el lila
______________
Mensaje13-08-2011, 20:49 (UTC)    
Título del mensaje:

Hola,
@design-pwg Muy buenos, quedaron excelentes! Ya los edite el tema y los agregué, muchas gracias!


Ultima edición por nesbet el Sab Ago 13, 2011 4:49 pm; editado 1 vez
Mensaje13-08-2011, 20:49 (UTC)    
Título del mensaje:

inuyasha-y escribió:
O vaya que bonitos design-pwg me gusta mucho el verde fuerte y el lila


Muchas gracias Los cambio de color para que haya mas variedad.
Mensaje13-08-2011, 20:54 (UTC)    
Título del mensaje:

Hacéis un gran equipo deveriais hacer una pagina web conjunta donde poner este tipo de cosas ganarias muchas visitas
______________
Mensaje13-08-2011, 20:59 (UTC)    
Título del mensaje:

Mensaje13-08-2011, 21:01 (UTC)    
Título del mensaje:

@nesbet Muchas gracias nesbet es bueno ayudar y que haya gran variedad de colores.

@inuyasha-y No creo que sea posible. Dado que cada uno tiene su web y hacer una web de a 2 no es recomendable.

Saludos!
Design-PWG.
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group