Content submitted by John Zárate tagged with "css"

Unidades de medidas en CSS

Posted by John Zárate in Pixel Chile - Diseño y Curiosidades - En Bligoo on 24-06-2008 at 7:25

En CSSLab han publicado una lista de medidas en CSS que siempre un buen diseñador debe tener en cuenta, para los que no, ir con F5 como va quedando :).

Puntos Pixeles Em %
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px
(Read more)
Tags:

Destacando el Leer Más en Bligoo

Posted by John Zárate in Pixel Chile - Diseño y Curiosidades - En Bligoo on 12-06-2008 at 4:02

Hace tiempo que quise hacerlo, y nunca lo había hecho, para muchos les va a ser muy útil, ya que los templates que hay para Bligoo disponibles se confuden los links con los links de tags y links del Leer Más... bueno para que esto no ocurra y se vea algo similar a como lo tengo yo, lo que hice fue ver el código fuente del diseño de pixelchile.com y bueno el atributo del enlace class que tiene el link es read-more, ahora vamos al CSS y añadamos info con ese atributo, si quieres puedes añadir el mismo CSS que

(Read more)
Tags:

CSS 0.2 Theme Adelaida para Bligoo

Posted by John Zárate in Diseños Bligoo (Test) on 23/04/2008 at 06:19 PM

Lo único que queda por arreglar es con el blidget horizontal, dejeen el CSS un ejemplo de edicion por ID de ese blidget que había dejado, gracias a la ayuda de Mauricio Rivera. Pueden ver el CSS y reemplazar el actual que tienen usando. Algunas caracteristicas arregladas.

  • Cuadro de texto de los formularios corregidos.
  • Paginador, colores corregidos
  • Columna 5 dada a 728 de ancho
  • Un blidget de ejemplo de esa columna puesto en el CSS

 

DESCARGA CSS V.0.2

Tags:

Diseño bligoo "Adelaida" disponible

Posted by John Zárate in Diseños Bligoo (Test) on 20/04/2008 at 07:10 PM

Bajo una licencia Creative Commons que es No comercial, pero se permiten obras derivadas, libero un diseño que espero que lo usen mucho, eso si, pasen por este sitio por las actualizaiones, por algunos detalles que se me quedaron.

(Read more)
Tags:

Template Adelaida para bligoo, liberado a todo el mundo.

Posted by John Zárate in Pixel Chile - Diseño y Curiosidades - En Bligoo on 20-04-2008 at 18:16

Bajo una licencia Creative Commons que es No comercial, pero se permiten obras derivadas, libero un diseño que espero que lo usen mucho, eso si, pasen por este sitio por las actualizaiones, por algunos detalles que se me quedaron.

(Read more)
Tags:

CODE-SUCKS, diseñando en CSS

Posted by John Zárate in Pixel Chile - Diseño y Curiosidades - En Bligoo on 20-04-2008 at 17:16

Recursos CSS básicos para comenzar nuestros diseños, siempre los que sabemosas o menos de CSS, copiamos y modificamos, en esta página que me llamo la atención el nombre :) por eso la posteo aquí, puedes encontrar recursos CSS (layouts), entre algunas cosas que puedes encontrar:

Diseños de ancho fijo. 53 diseñospara descargar.

Diseños de columnas de ancho variable. 42 diseños disponibles.

 

link: code sucks
Tags:

Probar el diseño de tu web en distintos navegadores

Posted by John Zárate in Pixel Chile - Diseño y Curiosidades - En Bligoo on 18-04-2008 at 17:11

IE6 (Internet Explorer versión 6, y las otras 5.5, hacia abajo) que mucha gente usa por que no se actualizan al formatear sus equipos con Windows XP, es algo de un 25% al 35% mas o menos que usan a nivel mundial esas versiones de navegadores de IE, el que diseña algún sitio sabe que tiene que meter hacks CSS para que el sitio se vea bien en IE 6, PNG transparentes, etc. Una maldita pesadilla. El que diseña nunca ve su sitio como queda en distintos navegadores, siempre lo ve en Firefox e IE7 es lo más común

(Read more)
Tags:

Enchulando mi Blog Bligoo

Posted by John Zárate in Pixel Chile - Diseño y Curiosidades - En Bligoo on 17-04-2008 at 5:21

A falta de tiempo ya que tengo varios proyectos web que estoy realizando, mi Bligoo lo he estado enchulando a pinceladas, como lo han visto algunos lectores que me están siguiendo a diario, ojala les guste como esta quedando, eso si, derrepente me da la cosa y cambio radicalmente el diseño, en fin, este diseño lo llamara la versión 0.2 de PixelChile, el "Por aquí no va la cosa" es momentáneo y no pretende aludir ni ganar fama por esa frase este blog, solo es por ocio ya que no se me ocurrió otra frase :)...

Comenten que les parece

(Read more)
Tags:

29 estilos CSS para decorar tu Google Adsense

Posted by John Zárate in Pixel Chile - Diseño y Curiosidades - En Bligoo on 16-04-2008 at 2:36

En una web hace tiempo salio el artículo, hoy en día estan malos lso enlaces y muchos quieren los codigos, etc. Yo los recuperare de a poco o si puedo los colocare enseguida todos. Espero sus agradecimientos. Esta es una compilación de recursos para poder hacer más agradable y más adaptado a uestros anuncios el código de Adsense, por legalidad, tengo entendido que es legal hacerlo en CSS.

1- Rounded corners in blue

CSS Code

#ad_code { width:516px; text-align:center; background:#FFFFFF url(YOUR-FOLDER/2007/04/bluerounded.png) center center no-repeat; padding:35px 0; }

HTML Code

<div id=""ad_code">      <!-- REPLACE ONLY THIS LINE WITH YOUR AD CODE
(Read more)
Tags:

Personalizar listas con CSS

Posted by John Zárate in Pixel Chile - Diseño y Curiosidades - En Bligoo on 14-04-2008 at 2:59

Especial para personalizar las listas de nuestro Blogroll de Bligoo, con los enlaces de webs amigas, eso si te tomara unos minutos hacerlo para que quede un resultado como el que sale en la imagen de arriba. La forma en simple, les explicare para bligoo, para WordPress, Blogger, a forma es igual, para webs, ya sabrán los webmasters como hacerlo.

Primero los ejemplos y la descarga: Ver Demo - Descarga Ejemplo

Nuestro CSS:

  1. .mac {
  2. font-size: 11px;
  3. padding-left: 17px;
  4. margin-left: 2px;
  5. margin-bottom: 5px;
  6. background:url(images/macosx.gif) bottom left no-repeat;
  7. List-style:none;
(Read more)
Tags:

1 | 2 Next