(Solucionado) Modificar Estilo Problue

goguito · 6 Mar 2009

Hola gente.
Os comento, me he descargado de la web oficial el skin "Problue":
vBulletin.org Forum

El problemilla que tengo es que me gustaria modificar el tamaño del hueco azul, donde van los logos de "probleue" y "htworks"m para poner unas imagenes mas altas.
¿alguien sabe como hacer este cambio?

gracias desde ya.

mcloud · 6 Mar 2009

re: Modificar Estilo Problue

Busca en el header la tabla que lleva el logo y hazla más alta.

goguito · 6 Mar 2009

re: Modificar Estilo Problue

en mi header, lo unico que veo que se refiere al logo es esto:

Insertar CODE, HTML o PHP:

<div class="header">
<div class="logo"><img border="0" src="problue/pr/logo.gif" alt="$vboptions[bbtitle]"/></a></div>

¿puede que sea en el headinclude?
no encuentro nada por ningun sitio...

mcloud · 6 Mar 2009

re: Modificar Estilo Problue

¿Cual es tu foro?

Mira en el CSS la clase header y la clase logo, quizás allí veas mas datos

goguito · 6 Mar 2009

re: Modificar Estilo Problue

en la "Definición adicional CSS" he encontrado esto:

Insertar CODE, HTML o PHP:

#headersection {
height:163px;
margin:0;
padding:0;
}
.nav {
background:url(problue/pr/nv.gif) repeat-x;
height:37px;
}
.topnav {
background:url(problue/pr/topnv.gif) repeat-x;
height:30px;
}
.header {
background:url(problue/pr/header.gif) repeat-x;
height:96px;
}
.logo {
float:left;
margin:0px 0px 0px 10px;
width:231px;
height:96px;
}
.banner {
float:right;
margin:15px 15px 0px 0px;
}
.footer {
background:url(problue/pr/footarka.gif) repeat-x;
height:46px;
}
.flinks {
float:right;
font:bold 11px Tahoma;
color:#ffffff;
text-decoration:none;
margin:15px 10px 0px 0px;
}
.flinks a {
color:#ffffff;
text-decoration:none;
margin-left:10px;
}
.flinks a:visited {
color:#ffffff;
text-decoration:none;
margin-left:10px;
}
.flinks a:hover {
color:#ffffff;
text-decoration:underline;
}
.secimler {
float:left;
margin:15px 0px 0px 10px;
}
.banner {
padding-right:10px;
}
.alttablo {
background:url(problue/pr/tabloalt.gif) repeat-x;
height:20px;
}
.nvlink {
font:11px Tahoma;
color:#ffffff;
text-decoration:none;
height:21px;
padding-top:9px;
width:auto;
}
.nvlink a {
color:#fff;
text-decoration:none;
margin-right:20px;
}
.nvlink a:visited {
color:#fff;
text-decoration:none;
margin-right:20px;
}
.nvlink a:hover{
color:#fff;
text-decoration:underline;
margin-right:20px;
}
.toplinks {
float:right;
font:11px Tahoma;
color:#fff;
text-decoration:none;
height:21px;
padding-top:9px;
width:auto;
margin-right:15px;
}
.toplinks a {
color:#fff;
text-decoration:none;
margin-left:10px;
}
.toplinks  a:visited {
color:#fff;
text-decoration:none;
}
.toplinks a:hover {
color:#fff;
text-decoration:underline;
}

voy a verlo detenidamente por que creo que es aquí donde debe estar.

mcloud · 6 Mar 2009

re: Modificar Estilo Problue

Lo tiene ahí bien clarito

.header {
background:url(problue/pr/header.gif) repeat-x;
height:96px;
}
.logo {
float:left;
margin:0px 0px 0px 10px;
width:231px;
height:96px;

Aumenta ese tamaño

goguito · 6 Mar 2009

re: Modificar Estilo Problue

Cierto, ampliando esos 2 tamaños a la vez (yo lo había hecho por separado) aumenta el tamaño, el problema es que ahora me "sube" el inner-page (todo el centro del foro), quedando montado sobre el navmenu.

Vale, reduciendo esto a 10px, lhe conseguido que se vea bien:

Insertar CODE, HTML o PHP:

.topnav {
background:url(problue/pr/topnv.gif) repeat-x;
height:10px;

mcloud · 6 Mar 2009

re: Modificar Estilo Problue

El header tiene 163 px
#headersection {
height:163px;
que son los 96px de header, los 30px de topnav y los 37px de nav

Juega con esos tamaños.

Puedes aumentar headersection, si quieres, o disminuir alguno de los otros, pero procura que entre los tres sumen lo mismo que headersection.

goguito · 6 Mar 2009

re: Modificar Estilo Problue

gracias por tu tiempo, ya lo tengo solucionado.