Modificar el cuerpo del foro

[cfeze]

Hola a todos!

Quisiera darle algunos cambios al cuerpo del foro.
Primero, cómo hago para meter una imagen (que se repita) en el cuerpo del foro (lo que está en blanco). ?

[leviatan21]

Una vez que subes la imagen que va a ser de fondo en la carpeta raíz/styles/Attriuum/theme/images/

Abrir :
hraíz/styles/Attriuum/theme/common.css
Buscar :

Código: Seleccionar todo

#mainbody {
/*    width: 900px;    */
    background: #fff;
    padding: 4px;
    margin: 0;
}  

Reemplazar por :

Código: Seleccionar todo

#mainbody {
/*    width: 900px;    */
    background: url("{T_THEME_PATH}/images/NUEVAIMAGEN.EXT") repeat scroll 0 0 transparent;
    padding: 4px;
    margin: 0;
} 

Obviamente reemplaza NUEVAIMAGEN.EXT con el nombre y extensión de tu imagen
Y ya sabes que debes actualziar el tema desde el ACP

[cfeze]

Gracias!

Y ahora como pongo sombra en los costados?

Saludos cordiales.

[leviatan21]

El estilo absolution ya incluye una "sombra" a los costados del foro, son estas dos imágenes :

Código: Seleccionar todo

raíz/styles/absolution/theme/images/shadow-left.png
raíz/styles/absolution/theme/images/shadow-right.png

[DaVidU]

me imagino estás pidiendo soporte para el foro de tu firma no es así? es que no veo los cambios que te dijo leviatan21 para el "fondo de lo blanco"

[cfeze]

y en el estilo Attriuum?

DaVidU. Estoy pidiendo soporte para mi firma, pero son dos estilos instalados. Absolution y Attriuum (este último tengo que hacer modificaciones para plasmarlo como predeterminado)

www.clandyt.com
user: tester
pass: tester

Si necesitan.

[leviatan21]

Sombras en el Attriuum ni idea

[DaVidU]

hay 2 maneras de poner sombras a un estilo, la primera y no te recomiendo aún es usar CSS3, pero desgraciadamente internet explorer es imcompatible con CSS3, la segunda es hacerlo como en el absolution, usar imágenes con las sombras incluidas, eso se hace con photoshop por ejemplo y ese estilo digamos que esta partido en 4 partes, en cada parte (etiqueta css) debes ponerle una imagen según la posición de la etiqueta, es decir, en el header harías una sola imagen ocupe todo con las sombras ya puestas, en el body harías una imágen que se repita desde arriba hacia abajo con las sombras incluidas y en el footer lo mismo que en el header, una sola imagen para todo, como comprenderás son muchísimos cambios por no decir restructurar el estilo y crear uno nuevo es casi lo mismo, lo único puedo decirte es lo que acabo de decirte, sin contar el diseño en photoshop

ah se me olvidaba, las etiquetas a editar están entre el archivo overall_header.html y el archivo overall_footer.html de la carpeta template de tu estilo, busca esas etiquetas en tu css

[cfeze]

mmm suena complicado la segunda opción. Optaré por la primera... pondré un aviso en la web que dicha web no soporta IE.

Cómo hago para poner sombras con CSS3?

[Juanla]

Ya sólo es buscar en google: http://www.google.es/search?sourceid=ch ... s+con+css3
En tu estilo, en colours.css buscas #wrap y añades una nueva línea con la sobra, te recomiendo este enlace para hacerte una idea de como quieres la sombra:
http://www.desarrolloweb.com/articulos/ ... hadow.html

[cfeze]

En colours.css no encuentro #wrap

:S

Y en common.css hay distintos #wrap.

/* Main blocks
---------------------------------------- */

Código: Seleccionar todo

#wrap {
	background-color: #242424;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	margin: 4px 0;
	clear: both;
}

#page-footer {
	clear: both;
}

#page-footer h3 {
	margin-top: 20px;
}

[Juanla]

Sip, me refiera al common y en un principio al #wrap solamente, solo que no podía ver los archivos de tu foro (de atrium) y no te pude decir