Logo de cabecera centrado y ajustado segun resolucion en portalTema Solucionado

[Nakarama]

Hola, me gustaria saber como puedo hacer para que el logo que tengo puesto en la cabecera aparezca centrado y se ajuste segun la resolucion de la pantalla en el portal.

Un saludo.

[leviatan21]

Hola Nakarama :

Prueba haciendo este cambio en el archivo raíz/styles/Prospace/theme/common.css
Buscar :

Código: Seleccionar todo

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

Cambiar por :

Código: Seleccionar todo

#logo {
    width: auto;
    padding: 0 auto;
}
 

Recuerda actualizar el Tema para el estilo Prospace en el ACP

[Nakarama]

Hola leviatan21, muchas gracias por contestar, probe lo que me comentaste y no me funciona. A ver si me dices otro truco, para solucionarlo.

Un saludo.

[leviatan21]

Que raro que no te funcionara, cada vez que hago una sugerencia, primero lo pruebo, lo verifico y luego lo propongo

Prueba también eliminando esto :

Código: Seleccionar todo

#site-description {
    float: left;
    width: 70%;
} 

[jabilator]

Xoom da una solución entre la primera y la segunda página de el siguiente tema

http://www.phpbb-es.com/foro/soporte-pl ... 0prosilver

[memoadian]

Lo ideal seria, cambiar esta imagen
http://nakarama-anime.orgfree.com/style ... ogo_bg.png

por esta:
http://nakarama-anime.orgfree.com/style ... e_logo.png

y hacerla más ancha como de 1600px, para que el div la tome como fondo, luego hacer un
background-position:center center;

de este modo la imagen se vera a cualquier resolucion ocupando todo el header, o cuando menos a un 99%

[Nakarama]

Hola, gracias a todos por responder y ayudarme.

Leviatan21 --> Probe lo que me has puesto y ya por lo menos lo pone centrado, pero no lo ajusta al tamaño de la pantalla. Gracias

Jabilator --> Mirare el enlace a ver si veo algo y lo pruebo. Gracias

Memoadian --> Donde tengo que poner esto que me has puesto (background-position:center center;). Gracias.

[memoadian]

Que tal mi querido Nakarama o mejor dicho Nakama, felicidades por el gusto por One piece, es el mejor anime de la historia
He de decirte que no hay ninguna forma de que tu imagen del header se ajuste a todas las resoluciones sin deformarse, pero te daré una forma que se acerca bastante.

primero creamos una imagen de 1600 por 200px yo me tome la libertad de hacer una rapido para que la tomes de ejemplo. tu puedes hacer la tuya.


descargala y renombrala como: site_logo_bg.png

y subela a esta ruta

styles/Prospace/imageset/site_logo_bg.png

de este modo la imagen debe ocupar todo el header. despues que lo hagas trabajaremos el css para que se vea perfectamente.

[Nakarama]

¡¡¡Queridoooo!!! , jejeje, me alegro que me te guste mi banner de cabecera, a mi tambien me gusta mucho One piece. En cuanto a la solucion que me das, muchas gracias, puede ser una solucion, pero el tema del corte de los laterales no me gusta mucho, a ver si veo alguna otra imagen que salgan sin cortes y quede mejor al fucionarlo con el color del fondo.
Memoadian, me puedes recomendar algun manual o manuales de como saber donde tocar para cambiar cosas en el foro, etc, es que por mucho que miro no entiendo nada.

Un saludo.

[memoadian]

Pues manuales de phpbb3 no hay, son conocimientos de diseño tales como css, html, php y javascript un poco.

la idea de poner esa imagen era explicarte como poner una imagen que se ajuste en todo el header, y se ajuste a todas las resoluciones de pantalla, pero paso a paso para que lo aplicaras y entendieras, la idea. y luego tu lo pusieras a tu gusto total, con lo que te enseñara, esa es una buena manera de aprender.

Off Topic:

No malintrepretes lo de querido :@

[leviatan21]

el tema del corte de los laterales no me gusta mucho, a ver si veo alguna otra imagen que salgan sin cortes y quede mejor al fucionarlo con el color del fondo.

Lo que puedes hacer es modificar tu actual imagen de cabecera y hacer que se funda a negro,

[Nakarama]

Ok, muchas gracias a los dos( leviatan21 y memoadian), buscare otra imagen para utilizar como cabecera, que quede mejor al fundirla con el fondo y no se note los cortes.

Un saludo