Colocar logo banner fijo en plantilla vB sin distorsión

RAugusto · 12 Jul 2009

Hola, estoy usando la plantilla por defecto de vB. El asunto es saber si puedo colocar un logo banner fijo y del mismo ancho que la plantilla que tengo ahora. Puse uno pero se distorsiona cuando minimizo el navegador y cuando uso otra pantalla -que no sea mi laptop- entonces se ve distorsionado. Este es mi foro:

arteforos.com - Foro de Arte en General

Hagan la prueba. Lo que deseo es un logo -quizás en partes- pero fijo!....un ejemplo:
http://www.retailmenot.com/forum

Carrega · 12 Jul 2009

el problema es que tu imagen es demasiado grande y es toda una imagen en conjunto, ademas de que tu foro lo tienes puesto de forma que se adapte al navegador por lo tanto al trabajar a una resolusion menor el foro se reduce pero la imagen al tener un tamaño fijo no.

Para solucionarlo tendras que crear una cabecera en 2 partes, una imagen a la izuqierda y otra a la derecha y en que en el centro se unan mediante un fondo comun, de forma que le daremos un tamaño fijo a la parte izquierda y derecha y en el centro pondremos ese fondo que une ambas al 100% de forma que si la resolucion es menor lo que se reduce es el fondo del centro y ambos extremos siguen manteniendo su aspecto.

Dada las resoluciones de hoy en dia y que el porcentaje de gente que usa resoluciones de 1024x768 o mayor es del 95% sino mas, yo directamente haria la cabecera a unos 900 pixeles de ancho con el fondo de union de unos 50 pixeles.

RAugusto · 12 Jul 2009

Ok. yo puedo hacer las imágenes y el fondo, pero no sé donde ubicarlas. Quiero decir: traté de ir al header, al nav_header [?] y así pero no puedo. A veces pienso que esta plantilla por defecto solo puede ser cambiado el "Título imagen":

vBulletin Manual

¿Cómo puedo hacer lo que dices, osea, en donde lo ubico?
Gracias!

Carrega · 12 Jul 2009

pega aquí tu header e intentaremos añadirle el logo

RAugusto · 12 Jul 2009

Kas_Limon dijo:
pega aquí tu header e intentaremos añadirle el logo

Bueno el header es de la plantilla por defecto simple:

<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar
"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar
" id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else /> </if>
</td>
</tr>
</table>



$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]

Carrega · 12 Jul 2009

Insertar CODE, HTML o PHP:

<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[left]" width="150"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="/images/misc/header1.jpg" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td id="header_right_cell" background="/images/misc/fondo-header.jpg" width="100%">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
</td>
<td align="$stylevar[right]" width="150"><img src="/images/misc/header2.jpg" border="0" alt="$vboptions[bbtitle]" /></td>
</tr>
</table>

Solo he modificado lo que hay entre logo y /logo y teóricamente así debería de funcionar sin problemas

Donde pone width 150 primero tendrás que poner el ancho de la imagen header1.jpg que es la que esta a la izquierda y luego donde vuelve a poner width150 el ancho de header2 que es el de la derecha.

Si tienes alguna duda dimelo

RAugusto · 12 Jul 2009

¿dijiste también que había una imagen de fondo en la parte media?
....ok déjame intentar y te digo. El asunto es cómo reparto mi baner en tres??

Carrega · 12 Jul 2009

a ver pues bien peudes hacer lo que yo te estaba diciehnd oque es como el foro que me has mostrado donde se ve una imagen a la izquierda y otra a la derecha y lo que es el fondo morado ese que los une, o bien directamente puedes crear la cabecera de 900 o 950 pixeles y la pegas a la izquierda y haces que termine en un fodo o degradado de forma que al verse en resoluciones mayores unicamente se alarge el fondo hacia la derecha.

RAugusto · 12 Jul 2009

Ok, veamos qué ocurre....

Carrega · 12 Jul 2009

a ver, haz primero el logo ya sea como te he dicho en dos partes separadas por el medio o en una sola parte añadiéndole el fondo al final a la derecha y ya pues modificamos el codigo

RAugusto · 12 Jul 2009

A ver míralo, cuando minimizo no queda centrado....

arteforos.com - Foro de Arte en General

Bueno, si te das cuenta a la izquierda tengo unas opciones recuadradas como 'panel de contro' 'buscar amigos' etc....quizás, y es seguro, que por eso no 'cuadra'.....¿alguna idea?

Carrega · 12 Jul 2009

Yo veo bien la cabecera, el problema es que por ejemplo al estar en una resolución de 1024x768 la cabecera se reduce correctamente pero en cambio el cuerpo del foro no.

Suponiendo que tengas en el cuerpo del foro la anchura en 100%, debería adaptarse perfectamente a la resolución.

Creo que falla la columna "ultimo mensaje" pues al reducirse el foro, se reduce entero sin embargo esa columna no, por lo que es posible que esa columna tenga un ancho fijo.

RAugusto · 12 Jul 2009

Entonces ¿cómo se puede solucionar?, si hay solución alguna.

Carrega · 12 Jul 2009

pegame aquí la plantilla forumhome que esta dentro de plantillas de foro principal.

A ver si conseguimos algo

RAugusto · 12 Jul 2009

... ahí lo tienes:

ya fue

¿Y entonces?

RAugusto · 13 Jul 2009

................. ???

........ [¿y entonces?]

Carrega · 14 Jul 2009

perdona por no responderte antes, que vi la plantilla pero se me fue de la cabeza xDD

En principio no he visto ningún detalle por el cual haga que esa columna se mantenga al mismo ancho, ahora si hay alguna otra plantilla donde pueda venir algo... no tengo ni idea :/

RAugusto · 14 Jul 2009

Kas_Limon dijo:
perdona por no responderte antes, que vi la plantilla pero se me fue de la cabeza xDD

En principio no he visto ningún detalle por el cual haga que esa columna se mantenga al mismo ancho, ahora si hay alguna otra plantilla donde pueda venir algo... no tengo ni idea :/

Por eso te hablaba sobre aquella parte de la izquierda donde dice:

Nombre de Usuario...Contraseña....¿Recordarme?

quizás por ello no queda bien... ¿qué crees?

Pero igual, esa tabla [último mensaje de la plantilla vb] no se mueve cuando se minimiza el navegador.

Carrega · 14 Jul 2009

es que es lo raro, ya que al cambiar de resolución, yo de ver el foro bien, se deforma y en vez de estrecharse todo por igual la única columna que se estrecha es la de "Foro", que supongo que se estrecha hasta un mínimo y sin embargo la de ultimo mensaje mantiene el tamaño.

A ver si alguien mas diestro en el diseño de vbulletin puede ayudarte por que a mi se me han acabado las ideas :/

RAugusto · 14 Jul 2009

Pues..... yo creo que debe ser esa franja [la de la izquierda] la que hace el problema. Creo, además, que el banner-logo- debiera ajustarse a todo ese 'ancho' de ambas 'cajas' por decirlo de alguna manera, ¿no? el asunto es ¿cómo y donde se puede hacer para que coincida?
Pues estaré esperando por otra idea al respecto. Gracias de todas formas: me ayudaste mucho, viejo!