Página 1 de 1

Como agregar una imágen de fondo en prosilver_Se

Publicado: 29 Abr 2011, 07:00
por doserale
Hola Staff,

He intentado cambiar el fondo de mi foro sin éxito con una imagen extensión (nombre_img.jpg) para ello me guie de este tópico:

http://www.phpbb-es.com/foro/soporte-pl ... 16192.html

Realice la configuración de dos formas accediendo al ACP y colocando el código HTML del tópico anterior:
1er intento.

Código: Seleccionar todo

<body style="background: url('images/background.jpg') fixed">
Resultado=se mostró la imagen únicamente en el Índice General, cuando accedía a otra pág. regresaba el color original (gris).

2do. intento.

Código: Seleccionar todo

<body background="fondo.jpg">
Con este código coloque directamente la imagen en el directorio donde se encuentra el archivo

Código: Seleccionar todo

''//prosilver_se/template/overall_header.html
Resultado= el mismo que en el anterior intento.
Sin en cambio cuando realizo la configuración con un color distinto del original, el resultado es positivo se mantiene el color nuevo como fondo.
El tamaño de la img. Es de 1200x950píx. Estuve jugando con las dimensiones de la imagen ya que la original es de 2560x1600 píx.
En cada intento Limpiaba caché y Actualizaba los estilos.
En estos momentos estoy utilizando el segundo código. <body backg.......>
Lo máximo que se mantuvo el fondo fueron 6 cambios de pág. (6 vistas a mis temas del foros)
En espera de su ayuda y de antemano gracias.
Saludos.

Re: Color del fonfo.

Publicado: 29 Abr 2011, 10:21
por DaVidU
por mi parte te recomiendo le hagas los cambios directamente en el css del estilo, para ello abre tu archivo:
root/foro/styles/prosilver_se/theme/colours.css

y busca esto:

Código: Seleccionar todo

html, body {
	color: #536482;
	background-color: #ACA8A1;
}
debes agregar la imágen de esta manera: (subiendo previamente la imágen a la carpeta mencionada ahora)
html, body {
color: #536482;
background-color: #ACA8A1;
background-image: url("{T_THEME_PATH}/images/tuimagen.gif/png o jpg");
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}
Ahora debes cambiar lo que está en verde dependiendo de los siguiente: Dependiendo de como es la imágen del fondo

si la imagen quieres que se repita horizontalmente: repeat-x;
verticalmente: repeat-y;
ambos lados: repeat;
que no se repita: no-repeat;


Posición del fondo en caso de ser imágen entera: (Tamaño de unos 1900px por ejemplo)
la línea a usar es, por ejemplo:

Código: Seleccionar todo

	background-position: top center;
imágen centrada arriba: top center;
imágen centrada abajo: bottom center;
imágen izquierda arriba: top left;
imágen derecha arriba: top right;
imágen izquierda abajo: bottom left;
imágen derecha abajo: bottom right;

si quieres que se mueva el fondo con el foro, debes usar esto:

Código: Seleccionar todo

	background-attachment: scroll;
si quieres se quede quieto debes usar esto:

Código: Seleccionar todo

	background-attachment: fixed;
espero te sirva de algo, cuando lo tengas, debes actualizar el tema, limpiar el cache del foro y refrescar el navegador para ver los cambios :ok:

Re: Color del fonfo.

Publicado: 29 Abr 2011, 14:08
por doserale
Hola DaVidU,

Gracias por el aporte, quedo un 99.99% bien, ahora el detalle esta en las puntas del marco del foro quedan en angulo y no redondeadas.

Que me recomiendas para solucionar el diseño.

Saludos.

Re: Color del fonfo.

Publicado: 29 Abr 2011, 15:23
por exau
doserale escribió:Hola DaVidU,

Gracias por el aporte, quedo un 99.99% bien, ahora el detalle esta en las puntas del marco del foro quedan en angulo y no redondeadas.

Que me recomiendas para solucionar el diseño.

Saludos.
No es un error en la modificación. Las esquinas redondeadas de los estilos se fabrican con imágenes para que queden más nítidas. El Special Edition contiene una carpeta contrib con un psd de las imágenes de las esquinas. No sé hasta que grado sea posible, pero se les podría quitar el color de fondo a dejarlo transparente, guardar las imágenes en png y luego hacer los cambios en el estilo del tema. Habría qué probar.

Saludos,

Re: Color del fonfo.

Publicado: 30 Abr 2011, 03:22
por doserale
exau escribió:No es un error en la modificación. Las esquinas redondeadas de los estilos se fabrican con imágenes para que queden más nítidas. El Special Edition contiene una carpeta contrib con un psd de las imágenes de las esquinas. No sé hasta que grado sea posible, pero se les podría quitar el color de fondo a dejarlo transparente, guardar las imágenes en png y luego hacer los cambios en el estilo del tema. Habría qué probar.

Saludos,
Hola exau,

:( :( :( Perdón, pero no encuentro el archivo que comentas >"//prosilveres/contrib/*.psd

En espera de tu apreciable ayuda.

Gracias.

Saludos.

Re: Color del fonfo.

Publicado: 30 Abr 2011, 12:09
por DaVidU
descarga lo desde aquí y verás como si trae una carpeta: contrib/border.psd

http://www.phpbb.com/customise/db/download/id_77156

te recomiendo los bordes de arriba sean de color de fondo azul y los de abajo de color "arena" para que concuerde con el fondo o bien usar otro tipo de fondo con otro efecto :jaja:

Re: Color del fonfo.

Publicado: 30 Abr 2011, 15:48
por doserale
Ok, si, DaVidU, ya tengo el fichero, ahora que me recomiendas, subo todos los ficheros del link que me recomendaste al Servidor. o únicamente, el fichero contrib.

Gracias Saludos.

Re: Color del fonfo.

Publicado: 01 May 2011, 12:24
por DaVidU
no amigo, no entendiste o no me expliqué bien:

se trata de que te descargues esos ficheros porque dentro esta el archivo psd para editar con el photoshop, una vez editados a tu necesidad y guardados con el mismo nombre y formato de los originales del foro, los subes y reemplazas por los que hay, tan solo eso :wink:

Re: Color del fonfo.  Tema Solucionado

Publicado: 01 May 2011, 22:44
por doserale
Hola DaVidU,

Si, comprendí lo que me comentaste, sucede que adelante mi comentario, pensando que sería fácil modificar el archivo .psd y como en mi servidor no tengo la carpeta >contrib, por eso era mi pregunta... si subía al servidor, dicha carpeta, una vez modificado el fichero .psd

Como no se utilizar el programa Photoshop, ese cambio tendrá que esperar en lo que le agarro la onda al programa.

Gracias, por tus atenciones.

Saludos.