Página 1 de 1

Logo de cabecera centrado y ajustado segun resolucion en portal

Publicado: 07 Sep 2010, 18:35
por 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.

Re: Logo de cabecera centrado y ajustado segun resolucion en portal

Publicado: 07 Sep 2010, 22:17
por 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

Re: Logo de cabecera centrado y ajustado segun resolucion en portal

Publicado: 08 Sep 2010, 00:29
por 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.

Re: Logo de cabecera centrado y ajustado segun resolucion en portal

Publicado: 08 Sep 2010, 04:26
por leviatan21
Que raro que no te funcionara, cada vez que hago una sugerencia, primero lo pruebo, lo verifico y luego lo propongo :shock:

Prueba también eliminando esto :

Código: Seleccionar todo

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

Re: Logo de cabecera centrado y ajustado segun resolucion en portal

Publicado: 08 Sep 2010, 14:16
por 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

Re: Logo de cabecera centrado y ajustado segun resolucion en portal

Publicado: 08 Sep 2010, 17:04
por 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%

Re: Logo de cabecera centrado y ajustado segun resolucion en portal

Publicado: 09 Sep 2010, 00:54
por 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.

Re: Logo de cabecera centrado y ajustado segun resolucion en portal

Publicado: 09 Sep 2010, 10:35
por memoadian
Que tal mi querido Nakarama o mejor dicho Nakama, felicidades por el gusto por One piece, es el mejor anime de la historia :D :D :D :D
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.
Imagen

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.

Re: Logo de cabecera centrado y ajustado segun resolucion en portal

Publicado: 09 Sep 2010, 19:01
por Nakarama
¡¡¡Queridoooo!!! :shock: , 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.

Re: Logo de cabecera centrado y ajustado segun resolucion en portal

Publicado: 09 Sep 2010, 19:44
por 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. :ok:
Off Topic:
No malintrepretes lo de querido :@ :jaja:

Re: Logo de cabecera centrado y ajustado segun resolucion en portal

Publicado: 09 Sep 2010, 21:00
por leviatan21
Nakarama escribió: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, :chulo:

Re: Logo de cabecera centrado y ajustado segun resolucion en portal  Tema Solucionado

Publicado: 10 Sep 2010, 13:37
por 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