Problema de resoluciones

D

DuckMan

Bueno, mi foro esta puesto en tablas al 100%, osea q en cualquier resolucion se ve perfectito, el problema es el titulo. En 1024x768 tmb esta perfecto, PERO en resoluciones menores como 800x600, el foro entra, pero el titulo sigue de largo, osea, no se ve bien, hay q mover la barra para la derecha para terminar de ver el logo. Mi idea era esta: Se puede agregar un codigo a el header para q yo divida el titulo en 3 imagenes, 2 fijas (la primera y la ultima), y la del medio, q es como un fondo q se repite, insertarlo las veces nesesarias para q se adapte a la resolucion? (obviamente tendra q reconocer q resolucion tiene el usuario)

Si no me entendieron me explico con imagenes, o si no es posible bueno xDD

PD: Si entran a mi foro con una resolucion menor a 1024 veran lo q les digo
 
D

DuckMan

El codigo del logo se encuentra en la plantilla header?
Si es asi, aqui les dejo el codigo para q me digan donde meterlo :S ya q yo con codigos me la rebusco muy poco

Insertar CODE, HTML o PHP: 
<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="$stylevar[center]"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
	<td align="$stylevar[center]">
		&nbsp;
<!--
  NEW HEADER &amp; NAVBAR
  
  Now that the nav buttons are in the
  navbar template, you can stick whatever
  you like into this space.

  This makes it much easier for novice
  admins to customize their header
  template without affecting important
  navigation elements.
-->
	</td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output
 
G

Galadnor

Prueba con esto amigo... no te aseguro nada....

Busca
<td align="$stylevar
"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>​
Hacer clic para expandir...


Y reemplaza con esto:
<td align="$stylevar
" width="100%"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>​
Hacer clic para expandir...


si te funciona, levantame un monumento xD

aunque no se la verdad....

Y si no te sirve, cambia a esto
<td align="$stylevar
"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" Width="100%"/></a></td>​
Hacer clic para expandir...
​
 
D

DuckMan

el primero no me hizo nada :p

y el segundo cambia el tamaño de la imagen pero tampoco

gracias igual, otra sugerencia?
 
G

Galadnor

no :p

No cacho.. voy a ver mi pagina...


Edit:

Aca seta el codigo de mi pagina...

Insertar CODE, HTML o PHP: 
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
	<!-- This is where the top logo image goes -->
<td align="top">
<img src="http://www.galadnor.info/foro/images/bbanner5zd.jpg "></td>
	</tr>
	 </table>
 
I

imported_Elmer

Zeta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
19 Jul 2003
Mensajes
1.865
Si puedes usar photoshop aunque sea algo y también HTML, yo te sugiero que cuertes la imagen en dos. La primera sería donde esta el ave, que avarque exactamente eso. La otra donde aparece el logo, exactamente de donde empieza el texto hasta el final. Y de en medio del ave y el texto cuerta una imágen de un pixel de ancho y le nombras header_bg o como tu quieras, esto será para usarlo como background.

Luego usas las tres imagenes y las alinea en una tabla de tres columnas.
En la primera columna pones la primera imagen y en la segunda no pones nada pero le aplicas como background la imagen de un pixel q cortaste. y en la tercera celda metes la última imagen que es la del logo.

ej:
HTML: 
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td><img src="ave.gif" alt="" /></td>
<td width="100%" style="background: url(header_bg.gif) repeat-x top left"></td>
<td><img src="logo.gif" alt="" /></td>
</tr>
</table>

eso te funcionara perfectamente.
Ten en cuenta que el código de arriba es un ejemplo.
 
D

DuckMan

ese codigo donde lo meto? (osea, en q parte de la plantilla header)

Muchas gracias de por si

EDIT: Lo descubri!!!!! gracias! sos un genio o.o funciono perfectamente, eso si, no se porq en el lado derecho sobra un pixel o algo asi, pero ahora ta mucho mas alineado q antes y hasta en el View new posts, q la tabla le quedaba aun mas grande al logo.

Gracias!!
 
I

imported_Charlie

Delta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Oct 2003
Mensajes
658
Los colores no coinciden, por lo tanto pareciera que sobra un píxel, pero poniendo un mismo color al fondo lo puedes arreglar.

See Ya
 
I

imported_Elmer

Zeta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
19 Jul 2003
Mensajes
1.865
Como dice Charlie, el color no coincide. Prueba utilizando como background toda la parte que sobra al cortar las dos imagenes de la orilla. Ciempre se veran los detalles pero esperemos no sea mucho ;)
 
Hay que estar conectado o registrado para responder aquí.
Arriba