Blog and Web

  • Inicio
  • Foro para Blogger
  • Nosotros
  • Publicidad
  • Plantillas Blogger
  • Categorias
    • Adsense
    • Blogandweb
    • Blogger
    • Blogs
    • CSS
    • Diseño
      • Fuentes
      • Iconos
      • Logos
    • Dominios
    • Geek
    • HTML
    • Javascript
    • México
    • Notas rápidas
    • Photoshop
      • Brushes
    • PHP
    • Plantillas Blogger
    • Productos Google
      • Firefox
    • Recursos en linea
    • Red
    • SEO
    • Software
    • Tutoriales
    • Uncategorized
    • Web 2.0
    • Widgets para Blogger
    • Wordpress
      • Plugins
      • Themes
  • Suscríbete vía RSS
« VectorMagic, vectorizar imágenes en linea
5 Elegantes iconos para tu feed »

CSS Builder, Generador de atributos CSS

Octubre 29th, 2007  |  Publicado por Francisco en CSS, Recursos en linea  |  2 Comentarios

Cuando se inicia con css es muy difícil tener en la cabeza la gran cantidad de atributos que se usan para dar estilo a una web o blog y muchas veces lo que necesitamos no amerita abrir un programa de creación web como dreanweaver, para esos casos una sencilla aplicación web como CSS Builder puede ser conveniente.

CSS Builder es un generador de atributos css para dar estilo y forma a, particularmente, 5 elementos web:

  • Textos. Atributos como color, tamaño y tipo de fuente, entre otros.
  • Cajas o contenedores. Margenes, dimensiones, bordes y colores de contenedores o cajas.
  • Fondos. Definición completa de fondos, color o imagen.
  • Posicionamiento. Atributos de posicionamiento, absoluto y relativo.
  • Listas. Viñetas y posición del texto en las listas.

Su funcionamiento es simple: definir una clase o selector (.clase-nombre, #selector-nombre) , ir seleccionando y completando los atributos según lo que busquemos, dar clic en “built it” y copiar/pegar el código generado.

cssbuilder-interface.png

Puede ser útil para aquellos que inician en css o que quieren modificar los estilos de una plantilla, aunque la recomendación es aprenderse al menos los atributos más usuales en diseño y no depender mucho de herramientas externas.

Sitio: metatitan.com

Artículos relacionados

  • Maqueta tus diseños en linea
  • La maquetación es la estructuración de los elementos de un sitio, es...

  • Maqueta tu sitio web en linea
  • El proceso de maquetación de un sitio web es de los que...

  • Generador de plantillas css
  • Las plantillas siempre pueden ser un buen punto de partida para un...

Respuestas

Feed | Dirección de Trackback
  1. ElPablo:

    Noviembre 8th, 2007 a las 12:30 pm (#)

    Jaja disculpa capo… recien veo tu comentario en mi “blog”.
    No es que estaba copiando para tener visitas ni nada… Es que estoy terminando de arreglar mi blog y tenia que meterle post “limpios”. Fijate que de los ultimos ninguno esta armado por mi.
    Pero la verdad es que no se como llegaste a mi blog, porque todavia no lo puse al público, sino fijate en la direccion mia, qe todavia el sitio está en construccion.
    Saludos
    Pablo

  2. Francisco:

    Noviembre 12th, 2007 a las 10:20 pm (#)

    Pablo, están bien no hay problema, llegue por Technorati, igual no esta por demás el consejo de citar las fuentes, un saludo!

Deja tu comentario

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios no estén fuera tema, no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán eliminados. Recuerda que puedes usar nuestro foro para otros temas y preguntas.

Blogger templates, layouts, themes, plantillas Ser Turista Foros del Blog Web a 2.0

Categorías

  • Adsense
  • Blogandweb
  • Blogger
  • Blogs
  • Brushes
  • CSS
  • Diseño
  • Dominios
  • Firefox
  • Fuentes
  • Geek
  • HTML
  • Iconos
  • Javascript
  • Logos
  • México
  • Notas rápidas
  • Photoshop
  • PHP
  • Plantillas Blogger
  • Plugins
  • Productos Google
  • Recursos en linea
  • Red
  • SEO
  • Software
  • Themes
  • Tutoriales
  • Uncategorized
  • Web 2.0
  • Widgets para Blogger
  • Wordpress

Patrocinadores

  • Anúnciate aquí
  • Foros del Blog
  • Web a 2.0
  • BTemplates
  • Zona Chrome
  • Ser Turista
  • Blog ingeniería

Blogroll

  • Infected-FX
  • Blogmundi
  • Adseok
  • Zona Cerebral
  • Sigt
  • Loogic
  • Blog en serio
  • Isopixel
  • Vecindad Gráfica

Entradas Recientes

  • 5 aplicaciones 5
  • Crisis económica y blogs
  • Videos del Google Search Masters 2008 en México
  • 72 Iconos pixel
  • Amamos Blogger

Comentarios Recientes

  • Wakkos en 5 aplicaciones 5
  • Francisco en Crisis económica y blogs
  • RAUL E. GUZMAN SALADEN en Pintando con Bob Ross en Photoshop
  • 72 íconos pixelados | keeGeek en 72 Iconos pixel
  • Francisco en 72 Iconos pixel

Archivos

  • Octubre 2008
  • Septiembre 2008
  • Agosto 2008
  • Julio 2008
  • Junio 2008
  • Mayo 2008
  • Abril 2008
  • Marzo 2008
  • Febrero 2008
  • Enero 2008
  • Diciembre 2007
  • Noviembre 2007
  • Octubre 2007
  • Septiembre 2007
  • Agosto 2007
  • Julio 2007
  • Junio 2007
  • Mayo 2007
  • Abril 2007
  • Marzo 2007
  • Febrero 2007

©2008 Blog and Web - Bajo WordPress. Diseño basado en grindlite.
Condiciones de uso | Política de privacidad