Página 1 de 1

(Duda) Portal mover a la izquiera

Publicado: 10 Oct 2010, 18:25
por 1s44c
URL: http://mangateca.co.cc/foro/index.php
Plantilla(s) usuada(s): IDLaunch
MODs instalados: portal phbb3, NV recent topics, Advertisement Management
Versión de phpBB: 3.0.7-PL1
Nombre y versión del MOD: phpBB3 Portal Version 1.2.2, NV recent topics versión 1.0.5, Advertisement Management versión 1.0.10es
Servidor: gratuito (000webhost.com)
Si es una actualización desde otra versión: 3.0.6 a 3.0.7

Hola estuve viendo algunas cosas que no salieron como gustaba, quería saber si es posible mover el portal a la derecha, ya que lo veo descuadrado. :roll:

http://mangateca.co.cc/foro/


Saludos y gracias equipo phpbb3 es.

Re: (Duda) Portal mover a la izquiera

Publicado: 10 Oct 2010, 18:30
por leviatan21
Por mi parte no lo veo fácil, ayer luego de ver tu otro tema (http://www.phpbb-es.com/foro/mensaje159740.html#p159740) intenté pero no me fué posible encontrar una solución.

Es un conflicto de entre el portal y el estilo, que es muy angosto y (al menos para mi) no es posible hacer que el estilo sea mas ancho o hacer que la columna central del portal sea mas angosta :cry:
También influyen las fotos de los menajes que "obligan" a la columna central a ser ancha

Re: (Duda) Portal mover a la izquiera

Publicado: 10 Oct 2010, 20:33
por viktor
Es un tema de css, es todo un dolor de cabezas sobre todo cuando quieres que se vea de la misma manera con diferentes navegadores. Ahí es donde ves la pericia del diseñador, si puso las excepciones para IE como corresponde, o si directamente diseño para IE.... en ese ultimo caso veo un nubarrón en tu futuro.
Ahora en un rato me instalo ese portal y lo veo bien. Esperate unas horas.

Re: (Duda) Portal mover a la izquiera

Publicado: 10 Oct 2010, 22:11
por 1s44c
Pensé que no tenía solución pero sin duda me dejan una grata sorpresa la atención prestada, por eso y más les agradezco mucho. =)

Re: (Duda) Portal mover a la izquiera

Publicado: 11 Oct 2010, 00:03
por viktor
Como no va a tener solución????.... jajajaj lo prometido es deuda. :ok:

Oka, vamos por parte, el problema en esa plantilla es que se definieron los anchos en varias etiquetas del mismo, no solo en una, por lo que se van arrastrando. Así que vamos a hacer un poco de magia para tratar de arreglar eso. Lo primero que tienes que tener en cuenta es que si no agrandamos el ancho de la parte central tu portal se va a ver horrible siempre. Por suerte, solo tienes que editar un solo archivo.
Vete a styles\IDLaunch\theme\ y abre el archivo llamado element.css

Ahora busca lo siguiente:

Código: Seleccionar todo

.wrapper {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
}
Ahí tienes la primera etiqueta, así que para evitar problemas le aumentas el tamaño, puedes empezar con esto:

Código: Seleccionar todo

.wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
Lo ponemos al máximo para así poder expandir las etiquetas internas a nuestro gusto. Mas abajo tienes la etiqueta del header que como te podrás ir haciendo una idea también puedes cambiarlas de la misma manera.

Código: Seleccionar todo

.wrapper_header {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
Ahora, solucionado eso, vamos a las columnas y al main, busca mas abajo lo siguiente:

Código: Seleccionar todo

#bar-main2 {
    background: url('{T_THEME_PATH}/images/bar-main-bg2.png') 0 0 no-repeat;
    height: 10px;
    width: 952px;
}
Lo cambias por esto:

Código: Seleccionar todo

#bar-main2 {
    background: url('{T_THEME_PATH}/images/bar-main-bg2.png') 0 0 no-repeat;
    height: 10px;
    width: 100%;
}
Y ahora la etiqueta que te define el ancho principal del centro:

Código: Seleccionar todo

#mainbody {
    width: 900px;
    background: #fff;
    padding: 4px;
    margin: 0;
}
Lo cambias por esto:

Código: Seleccionar todo

#mainbody {
    width: 100%;
    background: #fff;
    padding: 4px;
    margin: 0;
}
Después te vas al ACP de ahí a styles/templates buscas tu estilo (en este caso IDLaunch) le das al link refresh, vuelves al index de tu portal y le das al botón de refrescar de tu navegador.... y veras como se modifico tu portal. :jaja:
Ahora, como te darás cuenta, yo solo te indique en que lugar tienes que hacer los cambios, el tamaño es cosa tuya, ve fijándote por donde lo quieres, al 100% o con tamaño fijo, eso es a gusto de cada uno. También el tema de la localización, no puedes mover una columna hacia la derecha o la izq si no tienes espacio para moverlo, así que tu agranda el foro/portal (técnicamente es un archivo css del foro) y después te pones a mover como mas te guste.
Por las dudas te voy aclarando que algunas cosas tienen una posición absoluta, como la caja de búsqueda, así que ve con cuidado al moverlos.

Saludos y después nos comentas.

Re: (Duda) Portal mover a la izquiera

Publicado: 11 Oct 2010, 18:31
por 1s44c
Mil gracias viktor por dejar ese conocimiento sobre el archivo element.css lo estuve probando y también tratado de anchar el foro pero siempre había un margen que se salía y no me gustaba. Me hacía mucho lío todo DX la plantilla que estaba usando no estaba hecho para 3.0.7 busque otra mas actual y encontré está que es casi la misma y todo me a ido bien a partir desde que la instale :mrgreen: , de todas menaras me a servido mucho estos errores por que aprendo a editar cosas y ya me empieza a familiarizar algunas cosas que edito. Gracias por el ayuda que otorgan. :P

(Duda) Portal mover a la izquiera  Tema Solucionado

Publicado: 12 Oct 2010, 17:19
por viktor
Bueno de nada, como comentario adicional te cuento que siempre tendrás problemas con las plantillas cuando trates de usar un portal, porque por lo general el diseñador no toma en cuenta ese tipo de cosas, por eso es bueno familiarizarse con los css, ya que ahí esta toda la info que necesitas.
Para mas adelante, la próxima vez que tengas problemas, tienes que ver la pagina en modo código, en mozilla se hace con ctrl+U, de ahí buscas lo que no te "encaja" y sacas los nombres de las etiquetas que tienes que modificar. Por eso siempre es bueno diseñar sobre código, y no con el dreamweaver o algo así, porque nunca aprendes a "leer" el código como corresponde.

Listo entonces, que se marque el tema como solucionado. :cerveza: