Página 1 de 1

Donde edito el ancho de este estilo ??

Publicado: 01 May 2011, 00:19
por Marita
He buscado pero no lo encuentro, no al menos con los ejemplos que he visto en otros temas que hablan sobre esto.

http://www.phpbb.com/styles/demo/3.0/?style_id=965

Re: Donde edito el ancho de este estilo ??

Publicado: 01 May 2011, 12:47
por DaVidU
creo el ancho se cambiaría desde así, abre el archivo common.css de la carpeta theme del estilo y busca esto:

Código: Seleccionar todo

#page-body {
	padding-left: 40px;
	padding-right: 40px;
	clear: both;
	background-image: url("{T_THEME_PATH}/images/bgr.gif");
	background-repeat: repeat-y;
	background-position: right;
}
cambia los padding a la medida que necesites y esta es la imágen que usa esa etiqueta, deberías editarla también para ajustarla a la nueva medida:
root/styles/digital/theme/images/bgr.gif (lado derecho)

esta es la otra etiqueta usa la otro imagen de la izquierda:

Código: Seleccionar todo

#wrap {
 	width: 100%;
	text-align:left;
	background-color:#fafbfc;
	background-image: url("{T_THEME_PATH}/images/bgl.gif");
	background-repeat: repeat-y;
	background-position: left;
}
en esta puedes cambiar el tamaño interior del contenido del foro cambiando el "width" (ancho) y el color de fondo si fuera necesario, esta es la otra imágen:
root/styles/digital/theme/images/bgl.gif (lado izquierdo)

en la otra etiqueta "se hace lo que está a fuera" y en esta última lo de dentro, pero entre las dos usan las imágenes de fuera, espero haberme explicado bien, cuando termines acuérdate de actualizar el tema, limpiar el cache del foro y refrescar el navegador para ver los cambios :ok:

Re: Donde edito el ancho de este estilo ??

Publicado: 01 May 2011, 15:56
por Marita
DaVidU escribió:creo el ancho se cambiaría desde así, abre el archivo common.css de la carpeta theme del estilo y busca esto:

Código: Seleccionar todo

#page-body {
	padding-left: 40px;
	padding-right: 40px;
	clear: both;
	background-image: url("{T_THEME_PATH}/images/bgr.gif");
	background-repeat: repeat-y;
	background-position: right;
}
cambia los padding a la medida que necesites y esta es la imágen que usa esa etiqueta, deberías editarla también para ajustarla a la nueva medida:
root/styles/digital/theme/images/bgr.gif (lado derecho)

esta es la otra etiqueta usa la otro imagen de la izquierda:

Código: Seleccionar todo

#wrap {
 	width: 100%;
	text-align:left;
	background-color:#fafbfc;
	background-image: url("{T_THEME_PATH}/images/bgl.gif");
	background-repeat: repeat-y;
	background-position: left;
}
en esta puedes cambiar el tamaño interior del contenido del foro cambiando el "width" (ancho) y el color de fondo si fuera necesario, esta es la otra imágen:
root/styles/digital/theme/images/bgl.gif (lado izquierdo)

en la otra etiqueta "se hace lo que está a fuera" y en esta última lo de dentro, pero entre las dos usan las imágenes de fuera, espero haberme explicado bien, cuando termines acuérdate de actualizar el tema, limpiar el cache del foro y refrescar el navegador para ver los cambios :ok:
Continua igual, no veo cambio ninguno... Actualice el tema, limpie cache y refresque el navegador pero nada.

Re: Donde edito el ancho de este estilo ??  Tema Solucionado

Publicado: 01 May 2011, 23:59
por DaVidU
pues mira, me lo he instalado, he abierto el archivo "common.css" y he dejado la etiqueta "wrap" de esta manera:

Código: Seleccionar todo

#wrap {
 	width: 75%;
	text-align:left;
	background-color:#fafbfc;
	background-image: url("{T_THEME_PATH}/images/bgl.gif");
	background-repeat: repeat-y;
	background-position: left;
	margin: 0 auto;
}
le he puesto al 75% y que se centre con la línea del margin, este ha sido mi resultado:
Imagen

no me ha echo falta tocar la etiqueta "page-body" ya que los "padding" son "para la separación entre imágenes laterales y contenido" :jaja:

Re: Donde edito el ancho de este estilo ??

Publicado: 02 May 2011, 17:32
por Marita
DaVidU escribió:pues mira, me lo he instalado, he abierto el archivo "common.css" y he dejado la etiqueta "wrap" de esta manera:

Código: Seleccionar todo

#wrap {
 	width: 75%;
	text-align:left;
	background-color:#fafbfc;
	background-image: url("{T_THEME_PATH}/images/bgl.gif");
	background-repeat: repeat-y;
	background-position: left;
	margin: 0 auto;
}
le he puesto al 75% y que se centre con la línea del margin, este ha sido mi resultado:
Imagen

no me ha echo falta tocar la etiqueta "page-body" ya que los "padding" son "para la separación entre imágenes laterales y contenido" :jaja:
Ainss ya me quedo al ancho que yo queria, que no es pantalla completa pero tampoco angosto, muchisimas gracias por tu ayuda David, eres lo maximo.
Doy por resuelto este tema.