Cómo hacer la barra lateral de mi blog más estrecha

Usuario eliminado 4602 · 17 Oct 2011

buenas betas,

Estoy intentando hacer la barra lateral de mi blog el sidebar mas estrecho.

Pero no localizo el punto exacto donde deberia de modificar, para hacerlo mas estrecho.

alguna idea ??

gracias.

web: Blog de un Viajero - Personal Blog

juan25 · 17 Oct 2011

Tienes una doble configuracion.... dentro del sidebar... tienes 2 columnas por tanto debes hacer la columna principal mas estrecha y las 2 pequeñas mas estrechas... calcula bien sino se te desformara.

saludos, todo lo tienes en el css seguramente bajo "sidebar"

Ezkielnet · 17 Oct 2011

Así rápido buscas #sidebar-contain { y cambias el width:

Usuario eliminado 4602 · 17 Oct 2011

mmmmmmmmm

sinceramente viendo tanto codigo nose ni por donde tocar jajajaja

Insertar CODE, HTML o PHP:

/* --------Sidebar------------*/

#sidebar-contain{
	float:right;
	padding: 0px;
	width:339px;
	padding:0 0 0 12px;
	overflow:hidden;
}



/*sidebar-searchbox*/

.search-box form{
	margin:0;
	padding:0;
}

.search-box{
	height: 26px;
	padding: 0;
	margin-bottom: 20px;
}

 input.search-field{ 
 	float: left;
	border:1px solid #dedfe0;
	margin:0;
	padding: 4px 0px 1px 4px;
	height:18px;background: #ffffff;
	width: 250px;
}
 
 input.search-go { 
 	float:left;
	border:0;
	margin:0;
	padding:0;
	margin-left: 5px;
	height: 25px;
	width: 60px;
	background: url(images/search.gif) no-repeat top left;
	cursor: pointer;
}
 

.side-box{
	float:left;
	margin-bottom: 25px;
	width: 100%;
}

.side-box h3{
	margin-right: 12px;
	padding-left: 3px;
	font-size: 0.9em;
	text-transform:uppercase;
	color:#63bbe4;
	border-bottom: 1px solid #dbdcde;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-family:century gothic;
        font-weight: normal;
	letter-spacing:1px;
}


.side-box a.rss{
	margin-left: 20px;
	padding-left: 30px;
	margin-right: 30px;
	background:url(images/rss.gif) no-repeat center left;
	display:inline-block;
	line-height: 28px;
        text-decoration: none;
}

.side-box a.email{
	padding-left: 30px;
	background:url(images/email.gif) no-repeat center left;
	display:inline-block;
	line-height: 28px;
        text-decoration: none;
}


.side-box ul{
	margin:0;
	padding:0;
	list-style:none;
	margin-right: 11px;
}

.side-box ul ul {
	margin-right: 0;
	text-indent: 5px;
}

.side-box ul ul ul{
	margin-right: 0;
	text-indent: 10px;
}

.side-box li a:visited{
	color:#7e7f81;
}

.side-box li a{
	color:#7e7f81;
	display:block;
	line-height: 28px;
	padding:0 0 0 3px;
	list-style:none;
	text-decoration: none;
	font-size: 12px;
	border-bottom: 1px solid #dbdcde;
}


.side-box li a:hover{
	background:#e5e5e5;
	color:#1fa5de;
}



.side-box .divide{
	width: 169px;
	float:left;
}





.side-box ul.sections{
	margin: 0px;
}

.side-box ul.sections li  {
	float:left; 
	width:158px;
	margin-top: 0px;
	margin-right: 11px;
}


* html .side-box li a{
	height: 28px;
}

agradeceria alguna ayuda para saber donde tocar jajajaja

Ezkielnet dijo:
Así rápido buscas #sidebar-contain { y cambias el width:

modifique eso ahora, pero una de las columnas se me baja hacia abajo, tal cual como dece el usuario @juan25.

de que forma puedo corregir eso ?

charman · 17 Oct 2011

carloslzn dijo:

mmmmmmmmm

sinceramente viendo tanto codigo nose ni por donde tocar jajajaja

Insertar CODE, HTML o PHP:

/* --------Sidebar------------*/

#sidebar-contain{
	float:right;
	padding: 0px;
	width:339px;
	padding:0 0 0 12px;
	overflow:hidden;
}



/*sidebar-searchbox*/

.search-box form{
	margin:0;
	padding:0;
}

.search-box{
	height: 26px;
	padding: 0;
	margin-bottom: 20px;
}

 input.search-field{ 
 	float: left;
	border:1px solid #dedfe0;
	margin:0;
	padding: 4px 0px 1px 4px;
	height:18px;background: #ffffff;
	width: 250px;
}
 
 input.search-go { 
 	float:left;
	border:0;
	margin:0;
	padding:0;
	margin-left: 5px;
	height: 25px;
	width: 60px;
	background: url(images/search.gif) no-repeat top left;
	cursor: pointer;
}
 

.side-box{
	float:left;
	margin-bottom: 25px;
	width: 100%;
}

.side-box h3{
	margin-right: 12px;
	padding-left: 3px;
	font-size: 0.9em;
	text-transform:uppercase;
	color:#63bbe4;
	border-bottom: 1px solid #dbdcde;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-family:century gothic;
        font-weight: normal;
	letter-spacing:1px;
}


.side-box a.rss{
	margin-left: 20px;
	padding-left: 30px;
	margin-right: 30px;
	background:url(images/rss.gif) no-repeat center left;
	display:inline-block;
	line-height: 28px;
        text-decoration: none;
}

.side-box a.email{
	padding-left: 30px;
	background:url(images/email.gif) no-repeat center left;
	display:inline-block;
	line-height: 28px;
        text-decoration: none;
}


.side-box ul{
	margin:0;
	padding:0;
	list-style:none;
	margin-right: 11px;
}

.side-box ul ul {
	margin-right: 0;
	text-indent: 5px;
}

.side-box ul ul ul{
	margin-right: 0;
	text-indent: 10px;
}

.side-box li a:visited{
	color:#7e7f81;
}

.side-box li a{
	color:#7e7f81;
	display:block;
	line-height: 28px;
	padding:0 0 0 3px;
	list-style:none;
	text-decoration: none;
	font-size: 12px;
	border-bottom: 1px solid #dbdcde;
}


.side-box li a:hover{
	background:#e5e5e5;
	color:#1fa5de;
}



.side-box .divide{
	width: 169px;
	float:left;
}





.side-box ul.sections{
	margin: 0px;
}

.side-box ul.sections li  {
	float:left; 
	width:158px;
	margin-top: 0px;
	margin-right: 11px;
}


* html .side-box li a{
	height: 28px;
}

agradeceria alguna ayuda para saber donde tocar jajajaja

modifique eso ahora, pero una de las columnas se me baja hacia abajo, tal cual como dece el usuario @juan25.

de que forma puedo corregir eso ?

Hola, agregame y te ayudo, mi msn es the_collider@tuxdescargas.net (no mails a este correo solo chat vía msn)

Cómo hacer la barra lateral de mi blog más estrecha

Usuario eliminado 4602

juan25

Ezkielnet

Usuario eliminado 4602

charman

Temas similares