phpBB España Oficial

phpBB España Oficial, Soporte Internacional Oficial del sistema de foros phpBB en Español, extensiones, estilos, traducciones, guías, tutoriales, videos, redes sociales, webmaster.
https://www.phpbb-es.com/foro/

Problema editando el Header

https://www.phpbb-es.com/foro/viewtopic.php?t=26542

Página 1 de 1

Problema editando el Header  Tema Solucionado

Publicado: 12 May 2010, 00:07
por Lucien
URL: http://www.theboulevard.com.ar/foro/
Versión phpBB: phpBB3 (3.0.7-PL1)
MODs Instalados: -
Plantilla(s) usada(s): Hermes (basada en subsilver)
Servidor: Linux gratuito (ZobyHost)
Actualización desde otra versión: Si - 3.0.6
Conversión desde otro sistema de foros: No

Saludos, espero puedan ayudarme con mi problema. Nunca tuve la necesidad de hacer un tema por mi mismo, porque siempre encontré la solución a todo leyendo, pero intentaré ser lo más explicativo posible, aunque no haya mucho por decir.
Estos últimos días he estado intentando modificar mi plantilla y adaptar el overall_header.html y el overall_footer.html a lo que es el estilo de la página principal de mi foro (que utiliza un sistema Joomla). Probando y editando conseguí una forma agradable de tener un navbar similar al de Joomla, y el mismo header. La barra la hice con tres mapas de imágenes y códigos que cambian las imágenes según las condiciones (conectados, conectados con mps nuevos e invitados). El problema estuvo cuando quise subir mi cabecera. Todo funciona perfecto excepto que..las imágenes no aparecen. Es decir, primero aparecen cuadros como si las imágenes (header y navbar) estuvieran allí, pero luego se esfuman y dejan como cabecera la primera parte del índice que dice "Su última visita fue..." y otras cosas.
El código en cuestión es el siguiente..

Código: Seleccionar todo

<!-- header start -->
	<div id="navbar">
		<!-- IF not S_IS_BOT -->
			<!-- IF S_USER_LOGGED_IN -->
				<!-- IF not S_USER_NEW_PRIVMSG -->
					<img src="http://www.theboulevardsrpg.com.ar/foro/styles/hermes/theme/images/navbar_on.jpg" width="1006" height="22" border="0" usemap="#navbar" />
					<MAP NAME="navbar">
					<AREA SHAPE=RECT COORDS="134,0,181,22" HREF="http://www.theboulevardsrpg.com.ar/">
					<AREA SHAPE=RECT COORDS="200,0,266,22" HREF="http://www.theboulevardsrpg.com.ar/index.php/comunidad/">
					<AREA SHAPE=RECT COORDS="285,0,320,22" HREF="http://www.theboulevardsrpg.com.ar/foro/">
					<AREA SHAPE=RECT COORDS="338,0,523,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php">
					<AREA SHAPE=RECT COORDS="542,0,561,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php?i=pm&folder=inbox">
					<AREA SHAPE=RECT COORDS="579,0,603,22" HREF="http://www.theboulevardsrpg.com.ar/foro/faq.php">
					<AREA SHAPE=RECT COORDS="621,0,671,22" HREF="http://www.theboulevardsrpg.com.ar/foro/search.php">
					<AREA SHAPE=RECT COORDS="688,0,746,22" HREF="http://www.theboulevardsrpg.com.ar/foro/memberlist.php">
					<AREA SHAPE=RECT COORDS="765,0,865,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php?mode=logout">
					</MAP>
				<!-- ENDIF -->
				<!-- IF S_USER_NEW_PRIVMSG -->
					<img src="http://www.theboulevardsrpg.com.ar/foro/styles/hermes/theme/images/navbar_on_newmp.jpg" width="800" height="50" border="0" usemap="#mp" />
					<MAP NAME="mp">
					<AREA SHAPE=RECT COORDS="134,0,181,22" HREF="http://www.theboulevardsrpg.com.ar/">
					<AREA SHAPE=RECT COORDS="200,0,266,22" HREF="http://www.theboulevardsrpg.com.ar/index.php/comunidad/">
					<AREA SHAPE=RECT COORDS="285,0,320,22" HREF="http://www.theboulevardsrpg.com.ar/foro/">
					<AREA SHAPE=RECT COORDS="338,0,523,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php">
					<AREA SHAPE=RECT COORDS="542,0,561,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php?i=pm&folder=inbox">
					<AREA SHAPE=RECT COORDS="579,0,603,22" HREF="http://www.theboulevardsrpg.com.ar/foro/faq.php">
					<AREA SHAPE=RECT COORDS="621,0,671,22" HREF="http://www.theboulevardsrpg.com.ar/foro/search.php">
					<AREA SHAPE=RECT COORDS="688,0,746,22" HREF="http://www.theboulevardsrpg.com.ar/foro/memberlist.php">
					<AREA SHAPE=RECT COORDS="765,0,865,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php?mode=logout">
					</MAP>
				<!-- ENDIF -->
			<!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF not S_IS_BOT -->
			<!-- IF not S_USER_LOGGED_IN -->
				<img src="http://www.theboulevardsrpg.com.ar/foro/styles/hermes/theme/images/navbar_off.jpg" width="800" height="50" border="0" usemap="#guest" />
				<MAP NAME="guest">
				<AREA SHAPE=RECT COORDS="134,0,181,22" HREF="http://www.theboulevardsrpg.com.ar/">
				<AREA SHAPE=RECT COORDS="200,0,266,22" HREF="http://www.theboulevardsrpg.com.ar/index.php/comunidad/">
				<AREA SHAPE=RECT COORDS="285,0,320,22" HREF="http://www.theboulevardsrpg.com.ar/foro/">
				<AREA SHAPE=RECT COORDS="385,0,468,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php?mode=register">
				<AREA SHAPE=RECT COORDS="579,0,603,22" HREF="http://www.theboulevardsrpg.com.ar/foro/faq.php">
				<AREA SHAPE=RECT COORDS="621,0,671,22" HREF="http://www.theboulevardsrpg.com.ar/foro/search.php">
				<AREA SHAPE=RECT COORDS="784,0,873,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php?mode=login">
				</MAP>
			<!-- ENDIF -->
		<!-- ENDIF -->
	</div>
	<div id="header">
		<img src="http://www.theboulevardsrpg.com.ar/foro/styles/hermes/imageset/site_logo.png" width="1006" height="300" border="0" />
	</div>
<!-- header end -->
Les dejo una captura de los espacios que quedan cuando recién comienza a cargar la página, y el overall_header completo por si lo necesitan.

http://i42.tinypic.com/28cj0wy.jpg

Desde ya, muchas gracias por su ayuda.

Re: Problema editando el Header

Publicado: 12 May 2010, 01:05
por Ezkiel
El tema es tuyo? Por que no aparece el autor =)

Código: Seleccionar todo

<!-- header start -->
   <div id="navbar">
      <!-- IF not S_IS_BOT -->
         <!-- IF S_USER_LOGGED_IN -->
            <!-- IF not S_USER_NEW_PRIVMSG -->
               <img src="styles/hermes/theme/images/navbar_on.jpg" width="1006" height="22" border="0" usemap="#navbar" />
               <MAP NAME="navbar">
               <AREA SHAPE=RECT COORDS="134,0,181,22" HREF="http://www.theboulevardsrpg.com.ar/">
               <AREA SHAPE=RECT COORDS="200,0,266,22" HREF="http://www.theboulevardsrpg.com.ar/index.php/comunidad/">
               <AREA SHAPE=RECT COORDS="285,0,320,22" HREF="http://www.theboulevardsrpg.com.ar/foro/">
               <AREA SHAPE=RECT COORDS="338,0,523,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php">
               <AREA SHAPE=RECT COORDS="542,0,561,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php?i=pm&folder=inbox">
               <AREA SHAPE=RECT COORDS="579,0,603,22" HREF="http://www.theboulevardsrpg.com.ar/foro/faq.php">
               <AREA SHAPE=RECT COORDS="621,0,671,22" HREF="http://www.theboulevardsrpg.com.ar/foro/search.php">
               <AREA SHAPE=RECT COORDS="688,0,746,22" HREF="http://www.theboulevardsrpg.com.ar/foro/memberlist.php">
               <AREA SHAPE=RECT COORDS="765,0,865,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php?mode=logout">
               </MAP>
            <!-- ENDIF -->
            <!-- IF S_USER_NEW_PRIVMSG -->
               <img src="styles/hermes/theme/images/navbar_on_newmp.jpg" width="800" height="50" border="0" usemap="#mp" />
               <MAP NAME="mp">
               <AREA SHAPE=RECT COORDS="134,0,181,22" HREF="http://www.theboulevardsrpg.com.ar/">
               <AREA SHAPE=RECT COORDS="200,0,266,22" HREF="http://www.theboulevardsrpg.com.ar/index.php/comunidad/">
               <AREA SHAPE=RECT COORDS="285,0,320,22" HREF="http://www.theboulevardsrpg.com.ar/foro/">
               <AREA SHAPE=RECT COORDS="338,0,523,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php">
               <AREA SHAPE=RECT COORDS="542,0,561,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php?i=pm&folder=inbox">
               <AREA SHAPE=RECT COORDS="579,0,603,22" HREF="http://www.theboulevardsrpg.com.ar/foro/faq.php">
               <AREA SHAPE=RECT COORDS="621,0,671,22" HREF="http://www.theboulevardsrpg.com.ar/foro/search.php">
               <AREA SHAPE=RECT COORDS="688,0,746,22" HREF="http://www.theboulevardsrpg.com.ar/foro/memberlist.php">
               <AREA SHAPE=RECT COORDS="765,0,865,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php?mode=logout">
               </MAP>
            <!-- ENDIF -->
         <!-- ENDIF -->
      <!-- ENDIF -->
      <!-- IF not S_IS_BOT -->
         <!-- IF not S_USER_LOGGED_IN -->
            <img src="styles/hermes/theme/images/navbar_off.jpg" width="800" height="50" border="0" usemap="#guest" />
            <MAP NAME="guest">
            <AREA SHAPE=RECT COORDS="134,0,181,22" HREF="http://www.theboulevardsrpg.com.ar/">
            <AREA SHAPE=RECT COORDS="200,0,266,22" HREF="http://www.theboulevardsrpg.com.ar/index.php/comunidad/">
            <AREA SHAPE=RECT COORDS="285,0,320,22" HREF="http://www.theboulevardsrpg.com.ar/foro/">
            <AREA SHAPE=RECT COORDS="385,0,468,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php?mode=register">
            <AREA SHAPE=RECT COORDS="579,0,603,22" HREF="http://www.theboulevardsrpg.com.ar/foro/faq.php">
            <AREA SHAPE=RECT COORDS="621,0,671,22" HREF="http://www.theboulevardsrpg.com.ar/foro/search.php">
            <AREA SHAPE=RECT COORDS="784,0,873,22" HREF="http://www.theboulevardsrpg.com.ar/foro/ucp.php?mode=login">
            </MAP>
         <!-- ENDIF -->
      <!-- ENDIF -->
   </div>
   <div id="header">
      <img src="styles/hermes/imageset/site_logo.png" width="1006" height="300" border="0" />
   </div>
<!-- header end -->
Va así basicamente en vez de poner

Código: Seleccionar todo

<img src="http://www.theboulevardsrpg.com.ar/foro/styles/hermes/imageset/site_logo.png" width="1006" height="300" border="0" />
es

Código: Seleccionar todo

<img src="styles/hermes/imageset/site_logo.png" width="1006" height="300" border="0" />
Y recuerda limpiar la cache....

Re: Problema editando el Header

Publicado: 12 May 2010, 01:51
por Lucien
Muchas gracias por la ayuda, me funcionó, pero ahora el problema es otro..
¿Debo hacer un tema aparte si está relacionado, o si básicamente es respecto a lo mismo?
Off Topic:
El tema original es de ST Software, y yo lo adapté para mi foro, cambiando colores, imágenes y demás.

Re: Problema editando el Header

Publicado: 12 May 2010, 08:39
por memoadian
Generalmente en este foro se pide a los usuarios que respeten el copyright, tanto de phpbb, como de phpBB-es y por supuesto del diseño del theme que usa el foro, yo sugeririra que si el tema traía el copyright del diseñador, lo pusieras, y si quieres pon despues "modificado por theboulevards etc."

con respecto a lo de abrir otro tema o no, es criterio tuyo, si es de lo mismo, es mejor ponerlo aquí.

Re: Problema editando el Header

Publicado: 13 May 2010, 13:40
por Ezkiel
Lucien escribió:Muchas gracias por la ayuda, me funcionó, pero ahora el problema es otro..
¿Debo hacer un tema aparte si está relacionado, o si básicamente es respecto a lo mismo?
Off Topic:
El tema original es de ST Software, y yo lo adapté para mi foro, cambiando colores, imágenes y demás.
Entonces debes po ner el copy del autor y al lado si quieres pones "modfiicado por mí" o algo así.

Creo que tu problema ahora es que al cargar sale bien pero luego se contrae xD Pero pon antes el Copy del Theme.

Re: Problema editando el Header

Publicado: 15 May 2010, 08:43
por Lucien
Está hecho lo del copyright. Disculpen la molestia.
Creo que tu problema ahora es que al cargar sale bien pero luego se contrae xD
Eso mismo. ¿Cuál puede ser la causa de ese problema?
Off Topic:
Y muchas gracias por las respuestas.

Re: Problema editando el Header

Publicado: 17 May 2010, 18:56
por DaVidU
antes de darte mi soporte tengo que hacerte una pregunta, desde donde estas usando el css de tu estilo?
estás usando unas etiquetas css que no tienes en tu css, son:

Código: Seleccionar todo

   <div id="header">

Código: Seleccionar todo

   <div id="navbar">
sin el correspondiente css agregado al css de tu estilo imposible que te vaya bien esas estiquetas, debes crear bloques y derivados partiendo del css de tu estilo, no desde otro :wink:

porque no te basas en unas simples tablas? :jaja:

Re: Problema editando el Header

Publicado: 18 May 2010, 03:17
por Lucien
Off Topic:
Disculpen por hacer otro tema, es que la respuesta de DaVidU llegó apenas 3 minutos antes, y pensé que ya no se me podía dar soporte en este tema.
Primero que nada, gracias por la ayuda DaVidU.
Disculpa la ignorancia, soy muy nuevo en esto, y a pesar de que he leído bastante aún no capto como hacer ciertas cosas.
¿Me explicarías cómo se hacen esas dos cosas que dicen?
Yo había intentado hacer ya lo del CSS y no me ha salido.

Re: Problema editando el Header

Publicado: 20 May 2010, 16:16
por DaVidU
me refiero a directamente reemplazar las etiquetas que te he nombrado con una tabla o bien crear tu mismo unas etiquetas css nuevas
Todos los horarios son UTC+02:00
Página 1 de 1

Desarrollado por phpBB® Forum Software © phpBB Limited

Traducción al español por phpBB España