Modificar plantilla 610nm

[juanvivo]

URL: http://buscatesoros.es/foro" onclick="window.open(this.href);return false;
Versión phpBB: phpBB3 (3.0.4)
MODs Instalados: Ninguno
Plantilla(s) usada(s): 610mn
Servidor:
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

DOnde tengo que cambiar en el css para que el menu superior (PANEL DE CONTROL DE USUARIO, LOGIN, ETC) salga centrado en lugar de a la izquierda??? He probado en muchos sitios de la etiqueta navcontainer, que es la que veo en el codigo fuente y no hay tu tia...

Gracias por vuestra ayuda

[Alorse]

Intena esto, no estoy seguro que funcione pero puede que si.

Abre: styles\610nm\theme\stylesheet.css

Busca:

Código: Seleccionar todo

#navcontainer {
    width: 100%;
    padding-bottom: 1px;
    background: url("{T_THEME_PATH}/images/nav.gif") top repeat-x;
} 

Y cambiala por:

Código: Seleccionar todo

#navcontainer {
    width: 100%;
    padding-bottom: 1px;
    background: url("{T_THEME_PATH}/images/nav.gif") top repeat-x;
    text-align:center;
} 

Luego de esto actualiza el tema de tu plantilla en la pestaña estilos del ACP. (tambien borra el cache de navegador para poder visualizar los cambios)

[juanvivo]

es lo primero que probe y nada.

[ThE KuKa]

Prueba esto a ver...

BUSCAR:

Código: Seleccionar todo

#navcontainer ul li a {
    padding: 12px 10px 0 10px;
    height: 30px;
    color: #53473F;
    text-decoration: none;
    float: left;
}

#navlist li a:hover, #navlist li a:active {
    text-decoration: none;
    text-align: left;
    background: url("{T_THEME_PATH}/images/nav_hover.gif") top repeat-x;
} 

REEMPLAZAR POR:

Código: Seleccionar todo

#navcontainer ul li a {
    padding: 12px 10px 0 10px;
    height: 30px;
    color: #53473F;
    text-decoration: none;
    float: center;
}

#navlist li a:hover, #navlist li a:active {
    text-decoration: none;
    text-align: center;
    background: url("{T_THEME_PATH}/images/nav_hover.gif") top repeat-x;
} 

[juanvivo]

nada.

De todas formas me pasa una cosa muy rara. Parece que los cambios que hago en el css, no afectan, aunque sean brutales. He probado lo que he leido por ahi de darle a actualizar plantilla despues de modificar los archivos en el ftp, pero no veo cambios...

[ThE KuKa]

Refrescas cache?

[kilateszone]

y si tambien (creo) deberias modificar el overall_header.html

Buscar

Código: Seleccionar todo

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<li><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
			<!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">({PRIVATE_MESSAGE_INFO})</a></li><!-- ENDIF -->
			<!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
			<!-- ENDIF -->
			<li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
			<!-- IF not S_IS_BOT --><!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
			<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
			<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
			<!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li><!-- ENDIF -->

Reemplazar por

Código: Seleccionar todo

			<div align="center">
			  <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			  </div>
			<li>
			  <div align="center"><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
		        <!-- IF S_DISPLAY_PM -->
		      </div>
			<li>
			  <div align="center"><a href="{U_PRIVATEMSGS}">({PRIVATE_MESSAGE_INFO})</a></div>
			</li>
			<div align="center">
			  <!-- ENDIF -->
			  <!-- IF U_RESTORE_PERMISSIONS -->
			  </div>
			<li>
			  <div align="center"><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></div>
			</li>
			<div align="center">
			  <!-- ENDIF -->
			  <!-- ENDIF -->
			  </div>
			<li>
			  <div align="center"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></div>
			</li>
			<div align="center">
			  <!-- IF not S_IS_BOT -->
			  <!-- IF S_DISPLAY_MEMBERLIST -->
			  </div>
			<li>
			  <div align="center"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></div>
			</li>
			<div align="center">
			  <!-- ENDIF -->
			  <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->
			  </div>
			<li>
			  <div align="center"><a href="{U_REGISTER}">{L_REGISTER}</a></div>
			</li>
			<div align="center">
			  <!-- ENDIF -->
			  </div>
			<li>
			  <div align="center"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></div>
			</li>
			<div align="center">
			  <!-- ENDIF -->
			  <!-- IF S_DISPLAY_SEARCH -->
			  </div>
			<li>
			  <div align="center"><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></div>
			</li>
			<div align="center">
			  <!-- ENDIF -->
	

Haz un back up antes !

[juanvivo]

ya lo habia probado tambien

Pero he dado con el "kit". resulta que no hace caso de nada que cambie pot ftp en los css... Solo funciona si los edito desde el panael de control del foro, opcion que no sabia que existia en phpbb3.

Ahora he conseguido centrarlo, modificando

Código: Seleccionar todo

#navcontainer ul li a {
	padding: 12px 10px 0 10px;
	height: 30px;
	color: #53473F;
	text-decoration: none;
                float: left;	
}

por

Código: Seleccionar todo

#navcontainer ul li a {
	padding: 12px 10px 0 10px;
	height: 30px;
	color: #53473F;
	text-decoration: none;
                float: center;	
}

pero con la pega de que se descuadra al centarse...

la imagen "a" es a la izquierda y bien, la "b" es centrado como quiero, pero descuadrado...

[Manolo]

Este problema lo arrastro desde aqui http://www.phpbb-es.com/foro/mensaje110886.html#p110886" onclick="window.open(this.href);return false; no me convencia la chapuza, pero como Luffy se quedo conforme no mire mas, hoy con mas tiempo que de costumbre y por mi cabezoneria consegui en local que funcionara, te pongo el cambio que realiace y espero que te funcione

styles/610nm/theme/stylesheet.css

Sustituye esto:

Código: Seleccionar todo

#navcontainer {
	width: 100%;
	padding-bottom: 1px;
	background: url("{T_THEME_PATH}/images/nav.gif") top repeat-x;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul {
	margin: 0;
	height: 42px;
	padding: 0 10px 0 10px;
	font-size: 1.1em;
}

#navcontainer ul li a {
	padding: 12px 10px 0 10px;
	height: 30px;
	color: #53473F;
	text-decoration: none;
	float: left;
}

#navlist li a:hover, #navlist li a:active {
	text-decoration: none;
	text-align: left;
	background: url("{T_THEME_PATH}/images/nav_hover.gif") top repeat-x;
}

Por:

Código: Seleccionar todo

#navcontainer {
	width: 100%;
	padding-bottom: 1px;
	background: url("{T_THEME_PATH}/images/nav.gif") top repeat-x;
	text-align: center;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul {
	margin: 0;
	height: 30px;
	padding: 12px 10px 0 10px;
	font-size: 1.1em;
}

#navcontainer ul li a {
	padding: 12px 10px 30px 10px;
	color: #53473F;
	text-decoration: none;
}

#navlist li a:hover, #navlist li a:active {
	text-decoration: none;
	text-align: center;
	background: url("{T_THEME_PATH}/images/nav_hover.gif") top repeat-x;
}

Actualiza el theme desde la ACP y ya diras.

Saludos

[juanvivo]

nada. Se centra pero sigue descuadrado.

Pd.- En IE si se cuadra bien, pero pierde el cambio de color abajo.

[Manolo]

Veamos, solo tienes que hacer lo que te puse, deberias eliminar todo lo que intentaste antes, mira lo subi a la red en un foro que tengo para ello y no es publico, fijate en la imagen, es con el FF.



Saludos

[juanvivo]

Pues estamos cerca. Joer, debio ser cache o algo asi, por que lo probe en cuanto me contestaste y nada. Funciona perfecto en firefox, pero en IE no se colorea la linea de debajo del enlace... Alguna idea?

[Manolo]

Con la iglesia hemos topado Lo siento pero no encuentro la forma de que se vea bien con ese explorador

Saludos