jueves, 13 de mayo de 2010

Las medidas del blog "HACER UN BLOG"





Las plantillas originales de blogger, aparte de no ser muy bonitas, tienen un defecto congénito: son muy estrechas.

Están creadas cuando las pantallas de los pc's tenían, como mucho, 800 píxels de resolución, pero hoy en día casi nadie tiene una pantalla de esas medidas, a menos que tengas una notebook, en cuyo caso son aún menores.

Pero los blogs se crean o adaptan pensando en los ordenadores "normales" y la medida más habitual suele ser la de 1240 píxels. Y aunque haya quien solo tenga 1024, también hay quien tiene hasta 1680, y puede que incluso más, así que crearemos o adaptaremos el blog pensando, básicamente, en nuestra comodidad ya que quien lo administre será quien más veces entre en él.

Por supuesto hablo de plantillas con medidas fijas, porqué entre las que nos ofrece blogger hay 2 o 3 que tienen medidas adaptables a la pantalla, expresadas en %, con lo que no importa el ancho de la pantalla con la que se esté viendo el blog, siempre se verá toda su anchura.

De manera que, si vamos a redimensionar una plantilla de medidas fijas, lo primero será averiguar qué medida nos resultará más cómoda personalmente y para ello has de saber la resolución de tu pantalla.

Esto lo puedes averiguar pinchando con el botón derecho del ratón en cualquier punto vacío de tu escritorio. Se abre un menú del que has de pinchar en Propiedades. Se abrirá una ventanita con varias pestañas. Pincha en Configuración. Y allí verás la resolución de tu pantalla expresada así:
1680 por 1050 píxels. Aunque, evidentemente, pondrá las medidas de la tuya, no de la mía.

La primera medida es el ancho, que es la que nos interesa.

(Un inciso: Aunque tengas una pantalla de más de 1240 píxels, no crees tu blog con una medida superior a ésta, ya que no son las más habituales y podría suceder que te dejen comentarios diciendo lo incómodo que resulta navegar por tu blog, pues además de mover el scroll lateral para subir y bajar, se ha de mover el horizontal para ir de un lado a otro).

¡Bien! Vamos a redimensionar una plantilla mínima.

Entraremos en Diseño/Edición de HTML y allí buscaremos todos los sitios en los que haya una medida de ancho, expresado como width.

Por el orden en que los vas a encontrar, en la plantilla mínima, son los siguientes:

En #header-wrapper { encontrarás la medida de la cabecera.

En #outer-wrapper { encontrarás el ancho de la zona útil del blog.

En #main wrapper { verás el ancho de la zona de las entradas.

En #sidebar-wrapper { sabrás el ancho de la columna lateral.

Y en #footer { hallarás el ancho de la zona del final del blog.

¿Por donde empezar?

Lo lógico es empezar por los 3 sitios que abarcan la totalidad del blog, la cabecera, la zona útil y el footer.
Si quieres dejar tu blog, por ejemplo, a 900 píxels de anchura, cambias el 660 que hay en estos 3 sitios, (insisto, hablo de la mínima, en otras plantillas las medidas pueden ser distintas), por el 900 que quieres de ancho para tu blog.

Si hicieras vista previa en este momento verías la zona de las entradas en un extremo y la sidebar en el otro, con una separación muy grande entre ellas.

Entonces has de decidir como repartir los 240 pixels que has añadido, cambiando lo que mide main y lo que mide la sidebar en base a este reparto.
Así, por ejemplo, si decides sumarle 200 pixels a main le sumas los 40 restantes al width de sidebar.

Vista previa, y de tus necesidades o gusto, dependerá que modifiques, o no, este reparto.

Si esta misma operación la quieres llevar a cabo en una plantilla modificada, el sistema es básicamente el mismo. Buscar los width de estas zonas y sumarle o restarle la cantidad de píxels que vayas a necesitar para que en tu pantalla el blog se vea perfecto.

¿He dicho restarle?
Si, lo he dicho.
Porqué te puedes encontrar con que hayas descargado y colocado en tu blog una plantilla ya modificada, que sea demasiado ancha para tu pantalla.
En este caso la operación tendrás que hacerla al revés y restarle a los anchos de las zonas que abarcan todo el blog los suficientes píxels para que tu lo veas bien, y repartir esta reducción entre las dos columnas.

¡Cuidado! En este caso no hagas vista previa antes de hacer todas las reducciones o te llevarás un susto, ya que al ser la suma de las dos columnas mayor al ancho que hayas dejado, la sidebar la verás debajo de la zona de las entradas.

Si lo que quieres redimensionar es un blog con 3 columnas, la operación es similar.
Tan solo tendrás que repartir lo que hayas añadido o quitado, entre la zona de las entradas y las dos columnas laterales.

Y si se trata de un blog con widebar, (esa columna lateral más ancha que puede haber encima de las dos laterales), has de repartir lo que quites o añadas entre la zona de las entradas y la widebar y luego repartir lo que le añadas o quites a la widebar, entre las 2 columnas laterales.

1 comentarios:

Nunilo dijo...

Muy interesante este artículo, la verdad es que resulta muy completo, aunque al hablar de Píxels siempre me lío, yo siempre mido en cm y de hecho me he acostumbrado a utilizar herramientas tan curiosas como esta calculadora online para ir "traduciendo", pero admito que admito que tienes mucha razón, las pantallas han ido cambiando y las plantillas todavía no, así que blogger tendría que ir pensando algo al respecto.

Publicar un comentario

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones