9 arículos encontrados. Página 1 de 1

Campo de upload personalizado

Escrito por Programador ASP clásico en Hojas de estilo CSS

Crear un campo upload personalizado.Código CSS: <style type="text/css"> /*<![CDATA[*/ .clase_inputfile_js { background-color:#fff; width:30px; height:20px; position:relative; overflow:hidden; /*cursor:pointer;*/ background-image: url('clip20.jpg'); background-repeat: no-repeat; background-position: center center; float: left; margin: 0px 10px 0px 8px; outline: 0px; } .cambia_input_file_js{ font-size:10px; height:20px; position:absolute; top:0px; right:0px; z-index:2; border:0px; padding:0px; outline:...

Publicado el 11/09/2014 a las 14:09:58 hrs. | 752 visitas.


Menu horizontal css y html

Escrito por Programador ASP clásico en Hojas de estilo CSS

Este es un ejemplo de crear un menú horizontal usando solamente CSS nada de javascript ni jquery.Código html: <div class="menudes"> <a href="">Inicio</a> <a href="">Portfolio</a> <a href="">Acerca de</a> <a href="">Contacto</a> <div class="marca"></div> </div> El código CSS en 3 estilos diferentes:Estilo 1: .menudes { position: relative; ...

Publicado el 11/09/2014 a las 09:24:34 hrs. | 561 visitas.


Diseño adaptativo con css

Escrito por Programador ASP clásico en Hojas de estilo CSS

Diseño adaptativo o Responsive Web Design es la tendencia hoy en día. Para ayudarle a comenzar a trabajar rápidamente con el diseño adaptativo, he juntado un rápido tutorial. Usted puede aprender acerca de la lógica básica de las consultas que responden de diseño y medios de comunicación en 3 pasos (suponiendo que tiene los conocimientos básicos de CSS). Paso 1. Meta Tag La...

Publicado el 10/09/2014 a las 16:48:46 hrs. | 551 visitas.


Menu vertical y horizontal con CSS

Escrito por Programador ASP clásico en Hojas de estilo CSS

En estos ejemplos estoy usando listas desordenadas y CSS básico, para lograr el formato y los efectos al pasar el mouse sobre ellos. Los 2 menús tienen la misma estructura lo único que cambia es el código CSS y el identificador, veamos: Menu Vertical con listas y CSS El código HTML para el menú vertical es: <div id="menuv"> <ul> <li><a href="#menuv">Inicio</a></li> <li><a href="#menuv">Comentarios</a></li>...

Publicado el 10/09/2014 a las 14:14:54 hrs. | 543 visitas.


Hacer dos columnas con CSS

Escrito por Programador ASP clásico en Hojas de estilo CSS

Hacer 2 columnas con las etiquetas <table> de html es muy sencillo, pero cuando se quiere ir un paso adelante en la estructuración de una web, debemos recurrir a los hojas de estilo CSS. El código html es el siguiente: <div id="contenedor"> <div id="lateral"> <p>Aquí ira el contenido alineado a la izquierda</p>  </div> <div id="principal"> <p>Aquí ira el contenido principal...

Publicado el 10/09/2014 a las 14:03:30 hrs. | 605 visitas.


Imagen de fondo adaptable

Escrito por Programador ASP clásico en Hojas de estilo CSS

Este artículo explica como tener una imágen de fondo adaptable, es decir, desplazarse por una página mientras la imagen permanece estirado y fijado. Vamos a utilizar algunas líneas de CSS y dos etiquetas HTML. La imagen Sólo tiene que colocar su imagen justo antes de la etiqueta </ body>: <div align=”center” > <img src=”images/fondo.jpg” border=”0″ class=”bg” > </div> La imagen tiene un class = “bg”. Ahí...

Publicado el 10/09/2014 a las 13:50:22 hrs. | 488 visitas.


CSS image preload

Escrito por Programador ASP clásico en Hojas de estilo CSS

Hoy vamos a explorar otro CSS uso básico: preloaders imagen. Es una buena práctica de no utilizar imágenes grandes (en términos de peso) para los sitios web, sin embargo a veces es parte del juego. Basta pensar en el hecho de que un sitio web puede estar centrada en la fotografía y la alta resolución las imágenes pueden constituir su elemento más importante. En esos casos, las imágenes pueden tardar un poco en cargar y cajas vacías que aparecen...

Publicado el 10/09/2014 a las 13:47:20 hrs. | 566 visitas.


Imprimir solo un DIV. Dar formato para impresión

Escrito por Programador ASP clásico en Hojas de estilo CSS

Un sitio web puede ofrecer al usuario la posibilidad de imprimir sus contenidos mediante una versión específica para impresora. Estas versiones optimizadas para impresora eliminan los contenidos superfluos, modifican o eliminan las imágenes y colores de fondo y sobre todo, optimizan los contenidos de texto para facilitar su lectura. Las reglas CSS de la versión para imprimir se aplican solamente al medio print....

Publicado el 17/05/2013 a las 09:44:37 hrs. | 1559 visitas.


Menus Simples con CSS y listas

Escrito por Programador ASP clásico en Hojas de estilo CSS

En estos ejemplos estoy usando listas desordenadas y CSS básico, para lograr el formato y los efectos al pasar el mouse sobre ellos. Los 2 menús tienen la misma estructura lo único que cambia es el código CSS y el identificador, veamos: Menu Vertical HTML: <div id="menuv"> <ul> <li><a href="#menuv">Inicio</a></li> <li><a href="#menuv">Comentarios</a></li> <li><a...

Publicado el 02/01/2012 a las 13:03:49 hrs. | 1385 visitas.


Subir
Web hosting by Somee.com