Web Blog D_sign Tutoriales, Noticias y Tendencias Geeks

Boton con CSS

Creado en CSS, HTML el mar 25

En este post abarcaremos como realizar botones con css. Descgraciadamente algunos de los efectos que utilicemos para hacer botones en css no tendrán el mismo efecto en Internet Explorer, dado a el poco soporte de CSS3.

Primero necesitamos crear un simple vinculo en HTML con una clase para poder asignar mejores estilos en css. Utilizando la etiqueta < a > con la clase .boton .

Ahora necesitamos crear el primero de los estilos para cuando el boton se encuentre sin presionar.

Etiquedado: ,

Seguir leyendo

Freebie – One Page Portfolio HTML Theme

Creado en CSS, Diseño Web, Dreamweaver, freebies, HTML, themes el sep 20

Con un poco de tiempo libre quedo lista un nuevo HTML Theme , aprovechenlo y denle un buen uso :D

One Page Portfolio

Preview | Descargar

Aprovechenlo!

Etiquedado: , , , , , , , , ,

Seguir leyendo

Nueva Sección – Temas gratis!

Creado en freebies, HTML, News, themes el feb 04

El dia de hoy liberamos una nueva sección con el animo de apoyar y brindar algo a ustedes que nos siguen. En esta nueva sección de HTML Templates estaremos posteando de manera semanal uno o dos templates para ustedes. CSSEstos temas son libres, pero los hemos hecho con la intención de que los puedan descargar y ver las técnicas que hemos utilizado, de cualquier manera los pueden utilizar comercialmente únicamente respetando los créditos respectivos. Esperamos ser de gran ayuda y esperamos que nos comenten lo que vayan pensando por aqui o por el twitter @yadahcl.

Tambien pueden mandarnos su lista de deseos, esto quiere decir si tienen alguna sugerencia de template que realizar (negocio, despacho creativo, deportes, etc). Ustedes digan.

Seguiremos buscando la manera de liberar mas y mejores freebies para ustedes. Gracias!

Etiquedado:

Seguir leyendo

Menu Horizontal en HTML con listas y CSS

Creado en CSS, Dreamweaver, HTML el dic 28

Existen diferentes maneras de crear un menu en HTML con o sin ayuda de Hojas de estilo. En este caso abarcaremos como hacer un menu horizontal con listas.

lista

Utilizando estilos CSS podemos remover la imagen que indica la lista y podemos ubicar de manera horizontal cada elemento de la lista, para asi tener como resultado un menu. Los estilos que usaremos son:

  • float – permite sacar a un elemento del flujo del documento, y posicionarlo a la izquierda o derecha de otros elementos. En el caso de la lista ubicara cada inciso de la lista a la derecha del anterior.
  • padding - permite agregar un relleno a cada elemento de manera que no queden encimados los elementos.
  • list-style-type - esta propiedad nos permite cambiar la imagen de la lista o en este caso para el menu, removerla.

Etiquedado:

Seguir leyendo