jueves, 24 de mayo de 2007

::Plantilla con 2 sidebars::

::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


Escucha este escrito

4 Personas dejaron sus comentarios:

Pelado comento sobre este post...

Hola, quisiera saber como hacer para insertar en mi blog un buscador para que busque dentro del blog, y tambien como hacer para que en vez de decir "Etiquetas" o "Archivos del blog" u otro nombre de los elementos en forma de texto pueda insertar una imagen que diga con letras copadas lo que se muestra en forma de texto. Me doy a entender??. Ahh, con respecto a los dos sidebars, el truco funciona de 10, muchas gracias.

Hacktime comento sobre este post...

Bueno, creo que este post te puede servir. Y la segunda parte no la entendi, si me pudieras mandar un mail estaria perfecto.
Suerte

marrett comento sobre este post...

El truco: genial...!!! Pero (siempre hay un pero, dicen...) es que cuando agrego algún elemento nuevo en alguna de las dos sidebars, suelen juntarse las dos y forman una sola más larga. Por qué puede ser, y cómo se podría solucionar?

También quiero agradecerte porque utilicé varios de los trucos que pusiste en la página...

Muchas gracias

Jackson Rubem comento sobre este post...

Olá
Acesso seu blog do Brasil.
É muito bom e já adicionei em meus favoritos.
Parabéns.

Calendario de posts

Cargando...

 
ir arriba