Como se puede poner una imagen de fondo segun el user
hola como se puede poner una imagen de fondo segun el usuario
ej si estoy logeado como demo que tenga un fondo diferente o si es prueba tambian se otro cual el usuario eligio
Gracias
Saludos
ej si estoy logeado como demo que tenga un fondo diferente o si es prueba tambian se otro cual el usuario eligio
Gracias
Saludos
0
Puntos
Puntos
1266
Visitas
Visitas
2
Resp
Resp
Por maticapu98 hace 124 meses
Principiante
Respuesta #1
Bueno, yo hice algo parecido una vez. Pero no era lo que el usuario eligiera sino lo que el administrador eligiera. No lo veo muy complicado ya que una vez lo hice parecido. Lo primero que debes hacer es tener una columna en tu tabla de usuarios llamada POR EJEMPLO: fondo
Ahí irá el valor o el nombre de cada fondo, para cada usuario. Y por supuesto debes tener un fondo predeterminado para todos los que no han elegido ningún otro fondo o no han iniciado sesión. Ahora, con el código del login vas a extraer ese valor.. Y lo vas a colocar en el archivo config.php; sería algo así.
¿Qué valores debe tomar "fondo" en la base de datos?
Valores hexadecimales, por ejemplo si quieres un color blanco debe ser #ffffff. Si quieres un color negro debe ser #000000.
Aquí te adjuntaré un enlace para que puedas ver los colores hexadecimales que desees. Y pues, si algo no quedó claro no dudes en preguntarlo. Saludos
Colores Hexadecimales
Ahí irá el valor o el nombre de cada fondo, para cada usuario. Y por supuesto debes tener un fondo predeterminado para todos los que no han elegido ningún otro fondo o no han iniciado sesión. Ahora, con el código del login vas a extraer ese valor.. Y lo vas a colocar en el archivo config.php; sería algo así.
$_SESSION['fondo'];Una vez que lo tengas, vas a colocar ésto en todas las páginas donde quieres que se aplique la función, te recomiendo más que lo coloques en algún include que sea parte de todas las páginas, en mi caso yo lo puse en el include header.php que representa todo lo que es titulo
<!-- SISTEMA DE CAMBIO DE FONDO MODO ONLINE --> <input type="hidden" value="<?php echo $_SESSION['fondo']; ?>" id="bgindex">Ahora un paso importante, A TODOS LOS <BODY> DEBES COLOCARLE UN ID en mi caso, le puse el mismo body. Así
<body id="body">
#CODE
</body>
Luego debes crear un archivo .js y adjuntarlo a todas las páginas, o pegar éste código entre las etiquetas <head></head> en todas las páginas.
// Cargar el fondo segun usuario conectado
$(document).on('ready',fondo);
function fondo() {
var archivo = $('#bgindex').val();
document.getElementById('body').style.background =archivo;
}
¿Qué valores debe tomar "fondo" en la base de datos?
Valores hexadecimales, por ejemplo si quieres un color blanco debe ser #ffffff. Si quieres un color negro debe ser #000000.
Aquí te adjuntaré un enlace para que puedas ver los colores hexadecimales que desees. Y pues, si algo no quedó claro no dudes en preguntarlo. Saludos
Colores Hexadecimales
Respuesta #2
Leyendo todo, me doy cuenta de algo. Tú te refieres a una IMAGEN de fondo y yo te expliqué para un COLOR de fondo. Pero que no funda el pánico, es lo mismo. Lo que cambia es lo siguiente.
¿Qué valores debe tomar "fondo" en la base de datos?
El nombre de la imagen junto con su extensión. Por ejemplo: imagen.jpg
Y claro, con su ruta. Si es que la tiene, ejemplo: ../images/fondo.jpg
¿Qué otra cosa debemos cambiar para que funcione?
El archivo javascript. Solo una palabra, pero te dejaré el código.
¿Qué valores debe tomar "fondo" en la base de datos?
El nombre de la imagen junto con su extensión. Por ejemplo: imagen.jpg
Y claro, con su ruta. Si es que la tiene, ejemplo: ../images/fondo.jpg
¿Qué otra cosa debemos cambiar para que funcione?
El archivo javascript. Solo una palabra, pero te dejaré el código.
// Cargar el fondo segun usuario conectado
$(document).on('ready',fondo);
function fondo() {
var archivo = $('#bgindex').val();
document.getElementById('body').style.backgroundImage =archivo;
}
Espero que te funcione correctamente.
