Hacktime

Que seria de la web sin este blog

::Plantilla con 2 sidebars::

Posted by yaju en mayo 24, 2007

::Plantilla con 2 sidebars::

Bien, este es un nuevo hack, como ustedes prodran ver tengo dos sidebars en mi blog, para hacerlo nosotros hemos de hacer lo siguiente:

1. Priemro vamos a plantilla y escojemos una de las que digan “Minima………….” ya que estas son las mas faciles de alterar.

2. Luego vamos a plantilla—> Edicion html —–>Expandir artilugios

Buscamos el sig. texto:

#outer-wrapper {
width: 750px;

}
#main-wrapper {
width: 400px;
margin-left: 20px;

}
#sidebar-wrapper {
width: 150px;
float: right;

}

3. Y todo eso lo cambiamos por el sig codigo:

#outer-wrapper {
margin:0;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
margin-left: 1%;
width: 55%;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

html > body #main-wrapper {
margin-left: 1%;
}

#sidebar-wrapper {
margin-right: 1%;
width: 20%;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#newsidebar-wrapper {
width: 20%;
float: right;
}
html > body #sidebar-wrapper {
margin-right: 1%;
}

NOTA: Si quieres que las dos sidebar esten a la derecha, no hagas ningun cambio, pero si quieres una de cada lado cambia donde dice “right” (en negro) por “left”.

4. Despues buscamos el siguiente codigo:

<div id=’main-wrapper’>
<b:section class=’main’ id=’main’ showaddelement=’no’>
<b:widget id=’Blog1′ locked=’false’ title=’Blog Posts’ type=’Blog’/>
</b:section>
</div>

5. Y antes del codigo añadimos:

<div id=’newsidebar-wrapper’>
<b:section class=’sidebar’ id=’newsidebar’ preferred=’yes’>
<b:widget id=’NewProfile’ locked=’false’ title=’About Me’ type=’Profile’/>
</b:section>
</div>

Eso es todo solo guarda y listo. Veras que en plantilla tienes dos sidebar.

Si todo sale bien tu plantilla debara verse asi:

En caso de que no halla salido bien:

Si en la plantillatienesdos side bar pero una esta arriba y otra abajo, cambia ,en el paso numero 3, los numeros que estan en verde por numeros mas pequeños, por ejemplo si dice: Main wraper”width: 55%” cambialo por “width: 40%”.

Espero que les funcione este hack, y si no no duden en mandarme un mail aqui

No olviden dejar sus comentarios

Una respuesta to “::Plantilla con 2 sidebars::”

  1. Pablo said

    Hola, yo realice los pasos que dice el articulo pero me dice que no me puede guardar los cambios por que tiene error el xml
    No hay alguna manera de bajar una plantilla minima con los dos sidebar uno de cada lado ya prefabricada en vez de tocar el codigo?
    Gracias

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: