css

Rediseño Fabbianz.com

Posted by Fabbianz in Fabbianz on 13/04/2008 at 15:44

Hola amigos, por fin termine ~~"parcialmente" (no esta disponible aun para IE6 y Opera)~~ (Actualizado el javascript del iPhone, lo tome "prestado" de la pagina de Apple y lo adapte, y aplique los hacks para IE, modifique unos plugins y le agregue efectitos :D) el nuevo template de Fabbianz.com.

Y bueno si no les molesta, me gustaría pedirles sus opiniones y sugerencias...

Que les gusto, que no, que le cambiarían... etc.

Saludos y gracias ;)

Cortar palabras largas con CSS

Posted by Fabbianz in Fabbianz on 07/04/2008 at 15:21

En algunas ocasiones nuestros visitantes al hacer un comentario pueden escribir una palabra (raro, pero podría pasar, por ejemplo con código) o un enlace (que es mas común) del tipo http://fabbianz.com/blog.php?iralenlace.php/http:enlace.com/mi_enlace/aenlace_interminable_que_nos_lleva_a_una_pagina_cualquiera_de_muestra.html de manera que estropea nuestra plantilla.

Para que esto no suceda nos basta agregar a nuestra hoja de estilo

X {
overflow: hidden;
}

X {
overflow: auto;
}

*X es el sector al que necesitas agregarle la propiedad (p, div, #algo, .algo, etc...)

¿Por qué?

Porque la propiedad overflow sirve precisamente para eso; especificar al navegador como mostrar un texto que excede el espacio o tamaño de

(Read more)

Tags: css diseño overflow

Aumentar area clickeable del paginador

Posted by Fabbianz in Fabbianz on 07/04/2008 at 15:20

Para aumentar el área clickeable ( no sé si se escribe así) debemos agregar una simple linea en el CSS... pero que ganamos con esto?

Aumentar del mismo modo la accesibilidad de estos enlaces, agrandando su área "visible", en la gran mayoría de los casos que he visto en bligoo, el link está solamente en el numero, por lo cual si es un 1 por ejemplo, tendríamos que ser muy precisos, para apretar ese y no el 2.

Al menos la mayoría de los templates que he probado, tienen este "problema", así que los invito a probar...

#paginador

(Read more)

Tags: css enlaces padding paginador

Agregar icono a los enlaces con CSS

Posted by Fabbianz in Fabbianz on 07/04/2008 at 15:18

Parto diciendo para los amantes de las validaciones, que esto aunque parezca que no valida, si lo hace :D

Es una técnica muy usada y que tiene múltiples alternativas, pero que yo realmente solo uso para mostrar a los usuarios si el enlace se abre en la misma pestaña o ventana que estamos visitando, o no.

La forma de trabajarlo es la siguiente:

elemento[atributo=""(X)valor]"" { estilos; }

donde (X) puede tomar los valores de $ y ^ para señalar que el atributo debe terminar o empezar respectivamente por ese valor .

Entonces si aplicamos lo de arriba, para colocar un

(Read more)

Tags: class enlaces css iconos clases