Centrar en logo en overall_header.html

[xoom]

Por alguna razón cuando le aplicamos la instrucción center al class del logo se aplica a otras zonas del foro que no tienen nada que ver con el.

Modifica

Código: Seleccionar todo

#logo {
float: left;
width: 100%;
padding: 10px 13px 0 10px;
text-align: left;
}

con

Código: Seleccionar todo

#logo {
float: left;
margin:0 auto 0 auto; width: 100%;
padding: 10px 13px 0 10px;
}

Con esto conseguimos lo mismo, aunque más correcto, el problema es que ie6 y anteriores no lo reconoce.

[jms801]

Por alguna razón cuando le aplicamos la instrucción center al class del logo se aplica a otras zonas del foro que no tienen nada que ver con el.

Modifica

Código: Seleccionar todo

#logo {
float: left;
width: 100%;
padding: 10px 13px 0 10px;
text-align: left;
}

con

Código: Seleccionar todo

#logo {
float: left;
margin:0 auto 0 auto; width: 100%;
padding: 10px 13px 0 10px;
}

Con esto conseguimos lo mismo, aunque más correcto, el problema es que ie6 y anteriores no lo reconoce.

Al common original le modifico solo esa parte?.. O sea que ahora modifico una parte sola del archivo?

[xoom]

No, modificas con los codigos de la primera página del tema, la única diferencia estaría en la parte de #logo que la modificación ahora sería esta:

Código: Seleccionar todo

#logo {
float: left;
margin:0 auto 0 auto; width: 100%;
padding: 10px 13px 0 10px;
}

[jms801]

Me dio el error que ya conocemos.

[xoom]

Ahora debe de funcionar, vamos a centrar unicamente la línea del logo desde overall_header, sin recurrir a common. Deja las modificaciones de la primera página y haz lo siguiente.

Abre overall_header y busca

Código: Seleccionar todo

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>

Sustitúyelo por

Código: Seleccionar todo

<center><a href="{U_INDEX}" title="{L_INDEX}">{SITE_LOGO_IMG}</a></center>

Abre common.css

Busca

Código: Seleccionar todo

#logo {
    float: left;
    width: 100%;
    padding: 10px 13px 0 10px;
    text-align: center;
}

Sustitúyelo por

Código: Seleccionar todo

#logo {
    float: left;
    width: 100%;
    padding: 10px 13px 0 10px;
}

Lo he probado en prosilver y el logo se centra, por lo tanto en tu estilo debe centrarlo igual, al concretarlo en la línea del logo, no debe alterar nada más.

[jms801]

Mira hice eso, o sea, deje el common original y cambie esa linea en el header pero no ocurre nada en mi caso.
Limpie cache, actualice themes y actualice plantilla y ademas aprete f5 para actualizar el navegador ya que es la unica forma de ver los cambios pero no paso nada...
El logo queda a la izquierda.

[xoom]

Deja las modificaciones de la primera página y haz lo siguiente.

Haz las modificaciones de la primera página y luego esta última que te he puesto.

[jms801]

Me centra el logo pero me da los errores que ya conocemos en todo el foro.

[xoom]

Ahora si que me dejas descolocado. Ahora el centrado se limita a la línea del logo.

Pues lo único que queda es que me envíes la carpeta del estilo completa para hacer pruebas.

[jms801]

overall_header.rar

Acá te dejo el header con las ultimas modificaciones que le hicimos.

(2.32 KiB) Descargado 164 veces

common.rar

Acá te dejo el common con las ultimas modificaciones que le hicimos.

(2.76 KiB) Descargado 123 veces

prosilver_verdeynaranja.rar

Acá tenes el skin completo original.

(276 KiB) Descargado 150 veces

[xoom]

He hecho las modificaciones en el estilo que me has enviado y no veo ninguna alteración en el foro, está todo correcto, no se porque falla en el tuyo

[jms801]

Me equivoque de skin como un tonto, este era...

prosilver_rojoyverde.rar

(275.79 KiB) Descargado 148 veces

Si haces las modificaciones no me pasarias el header y el common asi lo dejo en el skin y lo pruebo?

[Manolo]

Abre /styles/prosilver/template/overall_header.html

BUSCAR

Código: Seleccionar todo

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>

REEMPLAZAR CON

Código: Seleccionar todo

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
			</div>

Abre /styles/prosilver/theme/common.css

BUSCAR

Código: Seleccionar todo

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

REEMPLAZAR CON

Código: Seleccionar todo

#logo {
    float: left;
    width: 100%;
    padding: 10px 13px 0 10px;
    text-align: center;
}

BUSCAR

Código: Seleccionar todo

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}

REEMPLAZAR CON

Código: Seleccionar todo

/* Site description and logo */
#site-description {
    float: left;
    width: 100%;
}

Guardar, subir y actualizar el caché de plantillas y temas

He leido varias veces y no entendi que ocurre, me baje el skin y siguiendo los pasos dichos por Xoom:



Sin la busqueda





Saludos!

[jms801]

Yo tampoco entiendo, estoy desorientado.. paso a paso vengo luchando con esto que parece tan tonto pero yo no logro obtener resultados.

[xoom]

Pues algo debes hacer mal, o tienes otra modificación que interfiere con esta.

P.D. Gracias Manolo