Para que un logo sea bueno, hay que darle muchas vueltas y verlo desde distintos puntos de vista para que sea único. En este al parecer los creadores no le dieron ni una vuelta .

Algún día tendré que pintar mi portátil con algún diseño de estos.

El archivo favicon.ico es el típico icono que veis en el navegador cuando visitáis una página web. Por ejemplo en este blog es una H azul.

Bueno, no siempre se ve este icono y depende del navegador que se utilice el que se vea o no.

Pero del lado del diseño de la página web, podemos asegurar totalmente que este icono se vea bien en los navegadores.

Para ello, editamos nuestra página web, y en la etiqueta head añadimos esto:

<link type=”image/x-icon” href=”http://dominio.com/favicon.ico” rel=”icon” />
<link type=”image/x-icon” href=”http://dominio.com/favicon.ico” rel=”shortcut icon” />

Donde aparece: http://dominio.com/favicon.ico debería ser la ruta completa de vuestro favicon.ico.

Bueno, acabo de actualizar el diseño del blog y de paso he quitado un poco de publicidad Creo que ahora carga más rápido.

Si tenéis detectáis algún problema o sugerencia, adelante.

Bueno ya tocaba un buen lavado de cara. Además forzado un poco por ciertos problemas de consumo de CPU en el servidor, achacado a que casi todo el trabajo de generación de páginas lo hacia mi index.php y por supuesto al incremento de las visitas últimamente.

Espero que os guste el nuevo diseño y si teneis alguna sugerencia comentarmela e intentaré mejorarlo a vuestro gusto.

De paso os recuerdo que sigue estando abierta la encuesta y os animo a dejar vuestra opinión:

{democracy}

En Wpdesigner.com podrás encontrar un buen puñado de temas para tu blog en Wordpress.
Lo uno a los temas de wordpress.net y al listado de temas más llamativos de la red.

Borja me preguntaba por la forma de crear las citas donde aparece el texto que queramos dentro de una caja.

Para que nos entendamos el resultado sería este:

El resultado es este.

Para conseguirlo, simplemente tenemos que crear en nuestro CSS un elemento con los siguientes valores:

blockquote {border-left: 5px solid #555;padding: 0.7em 1em 0.7em 1em;
background: #eee url(http://helektron.com/img/bloque.gif) no-repeat
bottom right;margin-left: 2em;}

Y en el código basta con meter dentro de las etiquetas blockquote y /blockquote (con <> respectivamente) el texto en cuestión.

Lógicamente tendreis que cambiar la ruta de vuestra imagen (yo he empleado en el ejemplo: http://helektron.com/img/bloque.gif) y cambiarla como querais.

Además de poderle cambiar el nombre a blockquote por el que necesiteis.

Agarrate fuerte a la silla antes de ver la siguiente página web. Es considerada como la peor página web diseñada. ¿Estas preparad@? Pincha aqui para verla.

Css Vista nos permite ver los cambios de nuestro CSS en Internet Explorer y Firefox simultáneamente, de esta manera facilitarnos el trabajo de ver como queda nuestro diseño en ambos navegadores.

Podeis ver una demostración en este enlace y lo podeis descargar pinchando aqui.

Vía | Supay.es

The-RockeR me preguntaba lo siguiente: ¿Podrías decirme cómo se hace para poner un enlace en la imagen flotante de abajo a la derecha?

Bueno pues aprovecho y creo un post explicándolo paso por paso, para que pueda servir a todos los que lo quieran saber.

Antes de nada, lógicamente tendremos que crear un “ancla” para movernos a la zona donde queremos que vaya cuando hagamos click en la imagen.

Para ello crearemos un enlace donde queramos, simplemente creamos el atributo name con el valor top (en este caso), lo podemos hacer de la siguiente manera:




Lo primero es crear en nuestra hoja de estilos css un identificador para ese enlace, donde vamos a determinar las propiedades del mismo.

Podemos crear este atributo css del enlace de la siguiente manera:

a#pie
{
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 48px;
width: 48px;
background: url(img/arriba.gif) bottom right ; /
text-indent: -999em;
text-decoration: none;
}

La imagen la podemos cambiar por la que queramos, la ruta que he puesto de ejemplo es img/arriba.gif , vosotros la podeis cambiar por la que querais.

Lo segundo es irnos al footer e incluir el siguiente código html:

[html][/html]

Y finalmente poner donde queramos(dentro del body) el id, en la parte de nuestra página donde queremos que vaya:

[html][/html]

Tengo que decir que esto funciona en Firefox y en Explorer 7.0 (y superior). No he probado en navegadores como Safari, Opera y similar, aunque creo que debería de funcionar.