Página 1 de 1

editar estilo

Publicado: 10 Sep 2011, 19:54
por consolasflash
hola me gustaria saber que hay que cambiar en el estilo para que el fondo no se repita y se mueva el foro con el fondo fijo no como el que tengo que se mueve entero quiero poner una imagen de fondo fija y el foro se mueva sin moverse el fondo no se si me explico bien :?
aqui os pongo una muestra de como quiero que quede

Re: editar estilo

Publicado: 10 Sep 2011, 20:32
por memoadian
background-attachment:fixed;

Re: editar estilo

Publicado: 10 Sep 2011, 20:46
por consolasflash
memoadian escribió:background-attachment:fixed;
y donde lo pongo o que tengo que cambiar?

Re: editar estilo

Publicado: 11 Sep 2011, 02:54
por memoadian
si es en el body donde lo quieres pues busca

Código: Seleccionar todo

body{
background-color:;
etc. etc.
background-attachment:fixed;
}

Re: editar estilo  Tema Solucionado

Publicado: 11 Sep 2011, 08:01
por DaVidU
abre tu archivo: root/styles/CoDFaction/theme/stylesheet.css y busca esto:

Código: Seleccionar todo

#container {
	position: relative;
	width: 100%;
	background: url({T_THEME_PATH}/images/bg.jpg) top center repeat-y;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	min-width: 956px;
}

#topbarwrapper {
	height: 70px;
	width: 100%;
	background: url({T_THEME_PATH}/images/topbarbg.jpg) top center no-repeat;
	background-position: 50% 46px;
	min-width: 956px;
}

#topbar {
	height: 46px;
	width: 100%;
	background: url({T_THEME_PATH}/images/topbar.jpg) top center no-repeat;
}
estas 3 etiquetas usan 2 imágenes para el fondo, primero de todo debes verlas para entenderlas:
http://www.consolasflash.es/styles/CoDF ... ges/bg.jpg
http://www.consolasflash.es/styles/CoDF ... pbarbg.jpg

si te fijas una de ellas usa el fondo de dentro y fuera del contenido del foro, para cambiarla deberás editarla de la misma manera, crear un fondo para el contenido y otro para el de fuera del contenido...

la otra imagen es la que usa como separador digamos, deberás hacer lo mismo con esa imagen que con la otra

tan solo debes editar y reemplazar imágenes, después para que se quede fijo el fondo deberás añadir esta línea a lo de antes de tal manera que quede así:
#container {
position: relative;
width: 100%;
background: url({T_THEME_PATH}/images/bg.jpg) top center no-repeat;
background-attachment: fixed;
height: auto !important;
height: 100%;
min-height: 100%;
min-width: 956px;
}
por último actualizar el tema, limpiar el cache del foro y refrescar el navegador para ver los cambios :ok: