Facebook Twitter Youtube Flicker Google + Pinterest Artedinamico
Inicio | Staff | Servicios | Publicidad | Cursos presenciales | Nos recomiendan | Registrese | Contáctenos |


 
 

Strict Standards: mktime(): You should be using the time() function instead in /home/portalad/public_html/portal/wlib/wsecurityimage.inc.php on line 10
Tip y trucos

CÓMO REALIZAR CUADROS CON LÍNEA Y TEXTO DENTRO CON

1. Crear un estilo CSS en la persiana CSS STYLE, en el cual en el número uno de la imagen de ejemplo, colocamos el nombre del estilo antecedido por un punto, en el número dos lo dejamos en el TYPE CLASS y por último en DEFINE IN lo dejaremos en THIS DOCUMENT ONLY, para este ejemplo.

 

 

 

 

 


2. Colocar las propiedades del texto

 

 

 

 

 

 

 

 

 

 

 

3. Colocar las propiedades del fondo

 

 

 

 

 

 

 

 

 

 


4. Colocar las propiedades de la alineación

 

 

 

 

 

 

 

 

 

 



5. Colocar las propiedades del tamaño del cuadro y las márgenes internas que tendrá

 

 

 

 

 

 

 

 

 

 



6. Colocar las propiedades de la línea

 

 

 

 

 

 

 

 

 

 


7. Seleccionar el texto que llevará el estilo y dar click derecho encima de él, ir a la opción CSS STYLES y click al estilo deseado, en este caso al que creamos con el nombre de CUADRO



 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

8. Éste sería el resultado final

Claudio Hernando Gallego Ruiz Director General Artedinámico claudio@artedinamico.com www.artedinamico.com Medellín ? Colombia - Suramérica
Fuente: http://www.artedinamico.com/
Regresar a Tips y trucos
Publicado en: 2005-09-08 / Categoría: css / Estadísticas: [ 3034 Lecturas ] / Total comentarios: 0
 
Comparte este tips / truco
Otros tips / trucos de: css
TOOLTIP AVANZADO CON CSS
GALERIA DE IMAGENES XHTML CSS
Diseño de Web Responsive
HTML5 y CSS3, Crear Animacion de Objetos
PSEUDOCLASES
 
cOMENTArios:

 

colabora y participa en nuestra comunidad

Si tienes un tips / truco que desea compartir y que crees que es de ayuda para nuestra comunidad por favor haz click en el botón y envíanos un correo con la información e imagenes para publicar.

 
 
AutenticaciÓN
Usuario: "E-mail"
Clave

Olvidó su clave?

Desea registrarse?
 
 
 
 
 
Inicio | Staff | Servicios | Publicidad | Cursos presenciales | Nos recomiendan | Registrese | Contáctenos |


© Copyright Artedinamico.com 2001 - 2013. Todos los Derechos Reservados
Teléfono: (57)+(4) + 444 1001  - Medellín - Colombia - Suramérica
Hosting, diseño y desarrollo de este portal: artedinamico.net
Para contratar los servicios de Artedinamico en: Diseño web, desarrollo web, tiendas virtuales, e-commerce,
posicionamiento web, animación y multimedia, gestores de contenidos, hosting y dominios, cms, diseño gráfico click aquí

Algunas de las imágenes utilizas en este portal son de shutterstock.com y siempre que se usan se reseña su autoría, por lo tanto se prohíbe la distribución y utilización.

Políticas de protección de datos personales | Aviso de privacidad