Tag Archives: css

button-2

Crear botones CSS en el navegador

Mecus, Recursos, , , , ,

A veces nos encontramos con momentos en los que necesitamos modificar algún diseño, o crear algún elemento.

Cuando esto nos ocurre con botones, podemos utilizar CSS Button Generator.  Con dos pequeñas modificaciones, podemos utilizar su diseño base y modificarlo para que se adapte a lo que necesitemos en nuestra web o formulario.

Con unos cuantos pasos sencillos, y en menos de 5 minutos, podemos crear un botón sensible (que interactúe cuando pasas por encima además de cuando haces clic sobre él) que se ajuste a nuestra CSS, especificando incluso su clase. Al pulsar sobre el botón creado se nos generará la llamada al mismo, así como la CSS que debemos copiar en nuestra hoja de estilos.

Taller de LESS, este jueves

Mecus, Talleres, , , , ,

Continuando con nuestros seminarios abiertos, tenemos nuestro primer seminario trail (gratuito).

Este jueves día 14 13, a las 17.00, tendremos en Mecus a Pedro Carrillo, de Kitiplá, dándonos un taller de LESS.

Aquí, los datos.

Taller de LESS

Perfil del participante:

  • Conocimientos básicos de HTML y de CSS.
  • Experiencia básica en programación.

LESS es un framework para CSS que ahorra de manera considerable el trabajo de mantenimiento y diseño de las hojas de estilo. Con un lenguaje que hereda características de la Programación Orientada a Objetos representa la oportunidad de cambiar de forma radical la manera de gestionar el diseño web con CSS.

Contenido:

  1. Introducción
  2. Variables
  3. Mixins
  4. Clases anidadas
  5. Operaciones
  6. Sabores
  7. Instalación / configuración
  8. Ejercicios

Aclaración: no será un taller sobre CSS, sino sobre el framework para CSS.

Material: Imprescindible traer portátil para ir siguiendo el taller.

Referencias:

http://www.kitipla.com/blog/less-js-dejara-obsoleto-al-css/
http://lesscss.org/

Si os queréis apuntar, por favor id haciéndolo en los comentarios. Necesitamos saber cuántos seremos para la colocación de las mesas.

Ampliación:

1) El taller tendrá una duración aproximada de hora y media.

2) Estamos en Mecus. Google Maps te traerá ;)

3) Debido a las limitaciones de material con las que contamos, los 15 primeros registrados tendrán espacio en mesa. Del 16 al 30, hay espacio en sillas con el portátil en las piernas :)

Lista de asistentes:

  1. Máximo
  2. Francisco Javier
  3. RaveN
  4. Manuel Raigada
  5. Liviu
  6. Paco PF
  7. Antonio Rull
  8. Mpc
  9. Manuel
  10. Abel Sutilo
  11. Pablo Escribano
  12. Roberto González
  13. Daniel Sanz
  14. Jorge Ferrer

Prepara tu tema para las galerías de WP 2.6

Mecus, Modificación de código, WordPress, , , , , , , , , , , , , , , , ,

WordPress 2.6 viene con novedades bastante interesantes, como ya hemos comentado. Pero para poder aprovecharlas tenemos que tener nuestro tema adaptado a las nuevas especificaciones.

1. Preparar el tema para la alineación de imágenes.
WordPress ahora alinea las imágenes a un lado o a otro del texto, haciendo que maquetar sea mucho más sencillo.

Alinear en WordPress 2.6

Alinear en WordPress 2.6

Al alinear imágenes, aparecerán en ese lugar, y el texto se adaptará a su localización. Algo muy cómodo a la hora de trabajar, pero que necesita de un poco de código en nuestra hoja de estilos.

WordPress, para alinear, añadirá al código de las imágenes, dependiendo de la posición, las siguientes clases:

  • alignnone (sin alineación)
  • alignleft (alineado a la izquierda)
  • aligncenter (centrado)
  • alignright (alineado a la derecha)

Continue reading →

Cambiar la CSS dependiendo del navegador

Modificación de código, , , , ,

¿Necesitas escribir código para un determinado navegador? Algo que es también aplicable a hojas de estilo, que se ven de forma distinta en distintos navegadores. ¿Si?

Lo primero que vamos a hacer que el sistema nos cuente qué navegador estamos utilizando. Y también su versión, cosa que nos será útil con navegadores como Internet Explorer, que lee las CSS de distinta forma según la citada versión cambie.

Continue reading →