- 20 Jun 2012, 02:05
#17
[align=center]- Como saber cuanto hace mi foro de ancho?
Para ello abrir el archivo:
root/styles/tu estilo/theme/common.css
Buscar:
width: (TAMAÑO)px;
(TAMAÑO) = Es el tamaño de tu foro en pixels.
--------------------------------------------------------------------------------------------------------
Tamaños de los fondos:
- Para el Método 1 y 3 el ancho del foro será de 1440 pixels por 1000 de alto.
- Para el Método 2 el ancho del foro será de 1440 pixels por el tamaño deseado de alto, ya que al mover el foro hacia abajo
llega un momento que el fondo se acaba, por eso tenemos que acabar el fondo con un color sólido y no figuras, formas o mosáicos.
Luego veréis el porque.
--------------------------------------------------------------------------------------------------------
A continuación les dejo una plantilla para el método 3 en formato photoshop para que se hagan sus fondos personalizados, para el resto de métodos se lo pueden hacer
*Plantilla para el método 1, Editar de tal manera que acabe la parte de abajo del fondo en un color sólido,
ya que cuando acabé el fondo tenemos que dejar el body del foro con ese mismo color de acabado.
*Plantilla para el método 2, Este fondo consta de tres partes a tener en cuenta: el wrap, columnas laterales (opcionales) y el fondo.
Bien, ahora voy a explicar los pasos para cada método:
*Método 1:
Como ya he mencionado antes, si tu foro usa bordes, debes editar las imagenes de los bordes y cambiar o quitar el color del fondo por el que se va a usar.
Las imagenes de los bordes se encuentran en:
root/styles/tu estilo/theme/images/aquí
Se han de editar todas las imagenes que contienen en el nombre "border". Ejemplo: border_right.gif, border_bottom.gif, etc.
En el caso de que no utilice bordes, una cosa menos.
Bien, ahora abrir el archivo:
root/styles/tu estilo/theme/colours.css
(En el caso de que tu estilo no tenga el archivo colours, hacer esto mismo pero en el archivo:
root/styles/tu estilo/theme/stylesheet.css
Buscar:
Por último:
- actualizar el tema desde el acp/estilos/temas/tu estilo/actualizar
- limpiar el cache desde el acp/general/limpiar el cache
- Ir al navegador y actualizar con "control+F5"
--------------------------------------------------------------------------------------------------------
*Método 2:
Con este método tenemos que tener en cuenta que si el fondo se mueve, o una de dos, hacemos un fondo super largo para cuando se llene el foro, o
hacemos un fondo con las medidas anteriores pero el final del fondo con un color sólido o transparente para fusionar con el color de fondo del body, ejemplo:
root/styles/tu estilo/theme/colours.css
(En el caso de que tu estilo no tenga el archivo colours, hacer esto mismo pero en el archivo:
root/styles/tu estilo/theme/stylesheet.css
Buscar:
Guardar y listo.
Por último:
- actualizar el tema desde el acp/estilos/temas/tu estilo/actualizar
- limpiar el cache desde el acp/general/limpiar el cache
- Ir al navegador y actualizar con "control+F5"
--------------------------------------------------------------------------------------------------------
*Método 3:
Para este modo de fondo, siempre tiene que ser fondo fijo y solo se moverá el wrap del foro.
Los bordes del wrap del foro no se usan.
Para ello abrir el archivo:
root/styles/tu estilo/theme/colours.css
(En el caso de que tu estilo no tenga el archivo colours, hacer esto mismo pero en el archivo:
root/styles/tu estilo/theme/stylesheet.css
Buscar:
root/styles/tu estilo/theme/common.css
Buscar:
Guardar y listo.
Por último:
- actualizar el tema desde el acp/estilos/temas/tu estilo/actualizar
- limpiar el cache desde el acp/general/limpiar el cache
- Ir al navegador y actualizar con "control+F5"
--------------------------------------------------------------------------------------------------------
Espero que entiendan el tutorial a la primera, cualquier duda, abrir un nuevo post en soporte phpBB3.
Recordar, agradecer no cuesta nada, este tutorial algo más...:good:
Y si utilizas este tutorial pon de donde vino:[/align]
Para ello abrir el archivo:
root/styles/tu estilo/theme/common.css
Buscar:
Code: Select all
Y donde pone:#wrap {
width: (TAMAÑO)px;
(TAMAÑO) = Es el tamaño de tu foro en pixels.
--------------------------------------------------------------------------------------------------------
Tamaños de los fondos:
- Para el Método 1 y 3 el ancho del foro será de 1440 pixels por 1000 de alto.
- Para el Método 2 el ancho del foro será de 1440 pixels por el tamaño deseado de alto, ya que al mover el foro hacia abajo
llega un momento que el fondo se acaba, por eso tenemos que acabar el fondo con un color sólido y no figuras, formas o mosáicos.
Luego veréis el porque.
--------------------------------------------------------------------------------------------------------
A continuación les dejo una plantilla para el método 3 en formato photoshop para que se hagan sus fondos personalizados, para el resto de métodos se lo pueden hacer
*Plantilla para el método 1, Editar de tal manera que acabe la parte de abajo del fondo en un color sólido,
ya que cuando acabé el fondo tenemos que dejar el body del foro con ese mismo color de acabado.
*Plantilla para el método 2, Este fondo consta de tres partes a tener en cuenta: el wrap, columnas laterales (opcionales) y el fondo.
Bien, ahora voy a explicar los pasos para cada método:
*Método 1:
Como ya he mencionado antes, si tu foro usa bordes, debes editar las imagenes de los bordes y cambiar o quitar el color del fondo por el que se va a usar.
Las imagenes de los bordes se encuentran en:
root/styles/tu estilo/theme/images/aquí
Se han de editar todas las imagenes que contienen en el nombre "border". Ejemplo: border_right.gif, border_bottom.gif, etc.
En el caso de que no utilice bordes, una cosa menos.
Bien, ahora abrir el archivo:
root/styles/tu estilo/theme/colours.css
(En el caso de que tu estilo no tenga el archivo colours, hacer esto mismo pero en el archivo:
root/styles/tu estilo/theme/stylesheet.css
Buscar:
Code: Select all
y cambiar toda la secuencia del código por esta:
html, body {
Code: Select all
Guardar y listo.html, body {
color: #000;
background-image: url("{T_THEME_PATH}/images/background.jpg");
background-position: center;
background-attachment: fixed;
Por último:
- actualizar el tema desde el acp/estilos/temas/tu estilo/actualizar
- limpiar el cache desde el acp/general/limpiar el cache
- Ir al navegador y actualizar con "control+F5"
--------------------------------------------------------------------------------------------------------
*Método 2:
Con este método tenemos que tener en cuenta que si el fondo se mueve, o una de dos, hacemos un fondo super largo para cuando se llene el foro, o
hacemos un fondo con las medidas anteriores pero el final del fondo con un color sólido o transparente para fusionar con el color de fondo del body, ejemplo:
html, body {Para ello abrir el archivo:
color: #000; (En este caso es negro, cambiar por el que más se adapte al fondo o el fondo se puede adaptar a este color)
background-image: url("{T_THEME_PATH}/images/background.jpg");
background-position: center;
background-attachment: fixed;
root/styles/tu estilo/theme/colours.css
(En el caso de que tu estilo no tenga el archivo colours, hacer esto mismo pero en el archivo:
root/styles/tu estilo/theme/stylesheet.css
Buscar:
Code: Select all
y cambiar toda la secuencia del código por esta:
html, body {
Code: Select all
En cuanto a los bordes hacer lo mismo que en el método 1.html, body {
color: #000;
background-image: url("{T_THEME_PATH}/images/background.jpg");
background-position: center;
Guardar y listo.
Por último:
- actualizar el tema desde el acp/estilos/temas/tu estilo/actualizar
- limpiar el cache desde el acp/general/limpiar el cache
- Ir al navegador y actualizar con "control+F5"
--------------------------------------------------------------------------------------------------------
*Método 3:
Para este modo de fondo, siempre tiene que ser fondo fijo y solo se moverá el wrap del foro.
Los bordes del wrap del foro no se usan.
Para ello abrir el archivo:
root/styles/tu estilo/theme/colours.css
(En el caso de que tu estilo no tenga el archivo colours, hacer esto mismo pero en el archivo:
root/styles/tu estilo/theme/stylesheet.css
Buscar:
Code: Select all
y cambiar toda la secuencia del código por esta:
html, body {
Code: Select all
Abrir el archivo:html, body {
color: #000;
background-image: url("{T_THEME_PATH}/images/background.jpg");
background-position: center;
background-attachment: fixed;
root/styles/tu estilo/theme/common.css
Buscar:
Code: Select all
Y eliminar./* Border
---------------------------------------- */
.border-left {
background: url("{T_THEME_PATH}/images/border_left.gif") #FFFFFF repeat-y 0 0;
}
.border-right {
background: url("{T_THEME_PATH}/images/border_right.gif") repeat-y 100% 0;
}
.border-top {
background: url("{T_THEME_PATH}/images/border_top.gif") repeat-x 0 0;
}
.border-top-left {
background: url("{T_THEME_PATH}/images/border_top_left.gif") no-repeat 0 0;
}
.border-top-right {
background: url("{T_THEME_PATH}/images/border_top_right.gif") no-repeat 100% 0;
width: 100%;
}
.border-bottom {
background: url("{T_THEME_PATH}/images/border_bottom2.gif") repeat-x 0 100%;
}
.border-bottom span {
background: url("{T_THEME_PATH}/images/border_bottom.gif") no-repeat 0 0;
display: block;
height: 18px;
}
.border-bottom span span {
background-position: 100% -18px;
}
.inside {
padding: 17px 27px 10px 27px;
}
Guardar y listo.
Por último:
- actualizar el tema desde el acp/estilos/temas/tu estilo/actualizar
- limpiar el cache desde el acp/general/limpiar el cache
- Ir al navegador y actualizar con "control+F5"
--------------------------------------------------------------------------------------------------------
Espero que entiendan el tutorial a la primera, cualquier duda, abrir un nuevo post en soporte phpBB3.
Recordar, agradecer no cuesta nada, este tutorial algo más...:good:
Y si utilizas este tutorial pon de donde vino:[/align]
[mod=Carlos]Recuerda poner tus datos de soporte antes de pedir ayuda! Asi nos evitamos dramas y te ayudamos rapido [/mod]