Glitter Words

domingo, 23 de agosto de 2009

TRES COLUMNAS

GRAX A: Max Birrax POR EL EXCELENTE BLOG

Ok les dire primero que nada que la plantilla de THAM es MINIMA DARK
Esa es la que podemos modificar
Espero les sirva, por que la neta me tarde meses en saber como modificarlas.

OK AHORA SI EL TRUCO ES:
Entren a diseño y a la edicion HTML
Presionen Ctrl + F
Expandan plantilla de artilugios y busquen el siguente codigo.
(EL CTRL + F es para que no busquen renglon por renglon si no solo lo que les interesa)

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breking IE sidebar float */
}

JUSTO DEBAJO DE ESTA PEGUEN:
#left-sidebar-wrapper {
width: 220px;
float: left;word-wrap: break-word;
/* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breking IE sidebar float */
}

(El codigo lo ponemos para crear la nueva columna del otro lado y tambien del tamaño necesario)

AHORA BUSQUEN


Y JUSTO ANTES PEGUEN




AHORA TIENEN QUE BUSCAR
/* Outer-Wrapper ----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

Y CAMBIAR LO QUE TENGO EN VIOLETA
/* Outer-Wrapper ----------------------------------------------- */
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

ESTO ES PARA QUE QUEDE DEL MEJOR TAMAÑO QUE NO SE VEA UNA COLUMNA ABAJO.

OBVIO QUE SI MODIFICAN LAS COLUMNAS TAMBIEN TENEMOS QUE MODIFICAR LA CABECERA

BUSQUEN EL CODIGO Y MODIFIQUE LO QUE ESTA EN VIOLETA SALDRA 660 PERO CAMBIENLO POR 900

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

EVIDENTEMENTE SE TIENE QUE HACER LO MISMO CON EL PIE DEL BLOG
CAMBIEN EL 660 QUE SALE POR EL 900
/* Footer----------------------------------------------- */
#footer {
width:900px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

CASI TERMINAMOS O.o
BUSQUEN EL CODIGO SIGUIENTE Y AGREGUEN LO QUE TENGO EN VIOLETA
#main-wrapper {
width: 410px;
float: left;
margin-left: 20px;
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 */
}

GUARDAN SU PLANTILLA Y QUEDO LISTAAAAAA

Este truco se puede hacer en todas y casa una de las plantillas que tiene blogger
pero los codigos pueden cambiar un poco, asi que si no tienen conocimiento en codigos HTML les recomiendo hacerlo en la minima.
CUALQUIER DUDA ACA ESTOY YOP

LA MUESTRA DE COMO QUEDA PUES ALGUNOS YA LA CONOCEN:
http://tokiohotelamexico.blogspot.com/

ANDY TU PLANTILLA YA QUEDO GRAX POR TENER LA CONFIANZA DE DARME TU CONTRASEÑA PARA CAMBIARLA YOP LO QUE NECESITES ACA ANDO.

*TH*ELVIA*TH*

No hay comentarios:

Publicar un comentario

DEJANOS SABER TU OPINION!!!