Hola a todos estoy creando un foro mutitemático, es la primera vez que toco mybb y que escribo por aquí y no sé muy bien por donde empezar, tengo la versión 1.8.0 instalada me gustaría un diseño tipo este, de echo lo tengo puesto, pero intento ponerlo me sale ancho en wrap , mas estrecho pero igualmente no se cambia, si alguien me pudiera ayudar?

Gracias.

Hola el estilo/theme en este foro es el que viene por defecto en Mybb 1.8.x, en si no entendi bien en mi caso  que es lo que queres modificar o como, ya que en este theme el valor "wrapper" esta en varias partes del CSS y a varios cuando pasamos a la versión 1.8.x nos dio dolor de cabeza modificar el theme aun siendo usuarios de Mybb 1.6.x jajaja


En todo caso deja alguna imagen para entender que querés o como querés modificar tu foro, o bien podes ir mirando otros themes oficiales en este link Themes Mybb 1.8.x dentro de cada categoría tenes distintos themes

[Imagen: 28hdavb.jpg]

Quiero esto:

[Imagen: 2i7trth.jpg]

Lo que quiero son dos fondos distintos sólo consigo uno.

Gracias.

P.D: La segunda imagen no se vee muy bien es el fondo de este foro y el blanco . Eso es lo que quiero dos fondos.

Osea querés cambiar el color gris de fondo por la una imagen como la de este foro?, eso lo cambias en tu CSS busca en el inicio del mismo donde dice "Body" y vas a ver que tenes el valor background o bien lo agregas vos y le indicas la ruta a la imagen que querés poner o un color para el mismo.

Ahora si querés tener 2 fondos para el foro creo que tendría que ser con un plugin.

En este foro como ejemplo solo hay 1 imagen que es esta:
[Imagen: p4a.png]
Y como referencia se configura de esta forma:

background: url("URL de la imagen/miimagendefondo.png") repeat scroll 0 0 #fafafa;

Nada sigue sin salirme, se me queda el fondo pero me queda por ejemplo todo del color que ponga, y yo lo que quiero es que se distinga tanto el color del foro como el fondo general. No se si me explico.

Ahora que miro el código de tu foro eso es porque el "container/wrapper" esta configurado al 100% del mismo en el ancho, por eso el body que seria el total del foro no se ve, si querés que se vea como acá, el "container" en blanco y el fondo la imagen como ejemplo, primero tenes que cambiar el tamaño del "container", igual aca no se bien como esta armando, pero en general se usa por defecto un "body" con su color o imagen de fondo, y el container con un ancho ejemplo del 70% o 90% y obtenés el resultado que buscas, en si el tema original de mybb tenes que modificar varias cosas ya que tiene muchos valores de clase "wrapper", si tenes tiempo y ganas para dedicarle lo vas identificando no es complicado, pero si no sabes algo básico de CSS y HTML es complicado.

EDIT:

Mira ahora que veo bien te resumo como cambiarlo de manera simple:

vas a tu CSS y en BODY en la linea 1 pones el fondo que quieras como te dije mas arriba, ejemplo:

background: url("URL de la imagen/miimagendefondo.png") repeat scroll 0 0 #fafafa; 

Obviamente subis tu imagen a la carpeta correspondiente y pones la ruta correcta

Despues vas a la linea 28 del CSS y vas a ver esto:

#container {
    background: none repeat scroll 0 0 #fff;
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    min-width: 90px;
    text-align: left;
}

Y agregas como ejemplo esto:

margin: 0px 150px 0px 150px ;

Los valores 150px son ejemplos vos cambialos a tu gusto segun vas modificando tu foro

En resumen cambias esa parte por esto:

#container {
    background: #FFFFFF;
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    min-width: 90px;
    text-align: left;
    margin: 0px 150px 0px 150px ;
}

De esa forma vas a ver el foro como querés, después es ir ajustándolo a tu gusto, hace estos pasos y cualquier cosa consulta nuevamente

Hola de nuevo, perdón por ser tan pesada peró es que no me sale se me queda todo blanco, y ya no digo con una imágen sino poniendo por ejemplo un fondo de color gris.

Así tengo el container:

#container {
background: #989898;
color: #fff;
font-size: 13px;
line-height: 1.4;
min-width: 75px;
text-align:left;
margin: 0px 75px 0px 75px ;

Pero no hace nada.

Cambiale el margen al #content

margin: 0 135px 0 135px;

es un ejemplo para que sepas, puedes modificarlo a tu gusto

en tu #container, en lugar de como lo tienes ahorita, dejalo asi
background: url(/images/fondo.jpg);

para que vayas viendo cambios, te sugiero pongas en el body un fondo oscuro, asi sabes como te va quedando

PD. cuando pongas los width y height no te olvides de ponerle px, para que lo tome

No hay problemas en que consultes, para eso es el foro, pero ahora viendo tu foro veo que si separaste el body del container, pero como se ve en el código que dejas se separa por un margin de 30px en el body, vos querés que quede con el formato como esta acá en este foro como referencia? si es asi aplicarlo de esta forma:

En el CSS elimina en el codigo del BODY esta linea:

margin: 30px;

En el CSS del #container agrega esto:

margin: auto;
width: 1000px;

En el CSS en .tborder (linea 366 aproximadamente)

cambias

width: 70%;

por

width: 95%;

Con esos 3 cambios tendría que quedar como el mismo formato que este foro como ejemplo aplicalo y cualquier cosa volvé a preguntar


En si con estos 3 cambios se veria de esta forma:

[Imagen: yTaUkl9.png]

Conseguido!! Esos colores eran solo para ver si salian, ahora tengo que mirar a ver cual pongo! ya lo prensetaré más adelante cuando lo tengo acabado!
Muchas gracias XEDE yMrBlack Me haríais falta en el foro jejeje..

Un saludo!