Archivo de la etiqueta: css

A vueltas con el CSS

Llevo algún tiempo corrigiendo algunos fallos que aparecen en el diseño de mi weblog.
Uno de ellos es un bug de IE que provoca un desplazamiento progresivo del texto hacia la izquierda. Se produce al definir un estilo que utilize conjuntamente los atributos border-left y margin-bottom (cosa que yo hago en las etiquetas blockquotes). La solución a este fallo es el Holly Hack y lo encontré gracias a esta página donde se explica el problema.
Otro problema lo tenia al utilizar el atributo float en las imágenes de las entradas, ya que si el texto se quedaba corto, la imagen tapaba parte de la siguiente entrada. La solución la podéis ver en Minid.net.
Para terminar, vía html life encuentro 10 trucos CSS que tal vez no conozcáis [en inglés], y buscando en Google doy con CSS Bugs and Workarounds, una web que detalla muchos de los fallos de visualización que se producen en diferentes navegadores, así como sus posibles soluciones.

Anuncios

Wordpress “Notify Post Author” Hack

(English version)
This hack modifies the wp_notify_postauthor function (this function send an email to the post authors when a new comment/trackback/pingback is posted), transforming plain text emails into HTML emails. Is also provides a CSS file to change the layout and presentation of the email.

You can download the “functions.php” and “email.css” files from here. Extract the files from the zip and upload them to the “wp-includes” folder.

The “functions.php” modified file is from WordPress v1.2 Mingus. I haven’t tested it with other versions.

(Versión en castellano)
Este “hack” modifica la función wp_notify_postauthor (encargada de enviar un email a los autores de las entradas cuando se añade un nuevo comentario/trackback/pingback), transformando los emails planos en emails HTML. Se proporciona también un archivo CSS para cambiar la distribución y presentación del email.

Podéis descargar los archivos “functions.php” y “email.css” de aquí. Extraed los archivos del zip y subirlos a la carpeta “wp-includes”.

El archivo “functions.php” modificado es del WordPress v1.2 Mingus. No lo he probado con otras versiones.

Editor de texto para webs

Hace ya algún tiempo que encontré el muy útil Cross-Browser Rich Text Editor, un editor de texto para páginas web que añadía un montón de funcionalidades al pobre TextBox, como alineación del texto, enfatizados, etc.
Pues bien, ayer, echando un vistazo a los proyectos de SourceForge.net, encontré un editor de similares características pero con muchas más funciones de edición. Su nombre es FCKEditor. Sin duda, es algo que no puede faltar en la cartera de un programador web.

IoZBlog v5.0

Despues de un duro día de trabajo, he conseguido acabar el nuevo diseño de mi weblog.

Me ha costado algo más que los anteriores, sobre todo porque he conseguido que valide como XHTML 1.0 Strict. Y es que desde que vi que Nicolás Fantino lo había hecho en su weblog 100px, tenía ganas de hacer lo mismo.

Uno de los mayores problemas que he tenido para que valide en ese estandar ha sido el atributo target de los enlaces, el cual ya no se puede utilizar, por lo que he recurrido a un truquillo que he encontrado en esta página. Tampoco se puede usar el atributo align de las imágenes, habiendolo sustituido en este caso por posicionamiento a traves de la etiqueta div.

Todavía me quedan por pulir las entradas del 2003 para que se adapten al estandar, pero por lo demás, creo que el resto de la web si lo cumple a rajatabla.

Hay algunas cosas más que he añadido/modificado, y que iré comentando en posteriores entradas. Mientras tanto espero vuestros comentarios sobre que os ha parecido el nuevo diseño (podeis criticar todo lo que queraís, pero que sean crítricas constructivas, jeje).