Capítulo 7: Añadir una imagen de cabecera en las plantillas Minima

15 12 2006

Las plantillas para las que sirve esta técnica es para las Minima (Minima, Minima Black, Minima Blue, …). En estas plantillas la imagen de cabecera es inexistente, estando colocado en su lugar en formato de texto el nombre del blog y la descripción del mismo.

A continuación diré los pasos necesarios para sustituir la cabecera establecida por defecto en estas plantillas por una imagen de cabecera personalizada:
-Entra en tu cuenta de usuario y en el blog en el que quieras añadir la cabecera.
-Haz click en la pestaña plantilla, y luego en la subpestaña Editar actual. Al hacer esto accederemos al código de la plantilla del blog.
-Primero buscaremos el siguiente fragmento de código:

<body>

<div id=”header”>

<h1 id=”blog-title”>
<itempage><a href=””></itempage>
<$BlogTitle$>
<itempage></a></itempage>
</h1>
<p id=”description”><$BlogDescription$></p>

</div>

y lo dejamos tal y como esta en la siguiente imagen:

<body>

<div id=”header”>

<h1 id=”blog-title”>
<itempage><a href=””></itempage>

<itempage></a></itempage>
</h1>
<p id=”description”></p>

</div>

-Después buscamos el siguiente fragmento de código:

/* Header
———————————————–
*/

#header-wrapper {
width:650px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header {
margin: 5px;
border: 1px solid$bordercolor;
text-align: center;
color:$pagetitlecolor;
}

y le añadimos la línea de código background:url (URL de la imagen); tal y como esta indicado a continuación:

/* Header
———————————————–
*/

#header-wrapper {
width:650px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header {
margin: 5px;
border: 1px solid$bordercolor;
background:url(urldelaimagen);
text-align: center;
color:$pagetitlecolor;
}

donde URL de la imagen será sustituido por la dirección de la imagen que queremos colocar en la cabecera (para ello tendrá que estar alojada en algún lugar de internet).

Después de seguir al pie de la letra las instrucciones de este post, vuestro blog quedara con la imagen de cabecera que hayaís elegido, desapareciendo además el nombre del blog que se encuentra por defecto situado en la cabecera de estas plantillas, para que así no se mezcle la imagen de cabecera con el nombre del blog.


Acciones

Information

One response

16 12 2006
Mi vida en una viñeta

Buenísimo!!!
Si bien yo estoy más tiempo en los spaces,estas explicaciones son fantásticas y tengo una amiga que les van a interesar mucho!
Beso

Mafi

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s




A %d blogueros les gusta esto: