Fondo de Pagina rotativo

pokiz · 8 Oct 2011

Hola gente de vbhispano, les queria preguntar si me pueden ayudar con esto que quiero hacer, de poner el fondo rotativo, tengo un script armado ya, pero mi consulta es donde lo debo colocar, el fondo de mi style se llama: bg-body-intel.jpg - ya busque en el buscador dentro de las plantillas y nada. Busque en el xml y tampoco encontre nada con ese nombre. Aclaro que es definitivamente porque subi imagenes con ese nombre y cambiaba el fondo del foro -.-

Aca les dejo el script que voy a usar

PHP:

<script LANGUAGE="JavaScript"> 

<!-- Begin 
var how_many_ads = 2; 
var now = new Date() 
var sec = now.getSeconds() 
var ad = sec % how_many_ads; 
ad +=1; 




if (ad==1) { 
txt=""; 
url=""; 
alt=""; 
banner="url de mi imagen"; 
width=""; 
height=""; 
} 
if (ad==2) { 
txt=""; 
url=""; 
alt=""; 
banner="url de mi imagen"; 
width=""; 
height=""; 
} 


document.write('<center>'); 
document.write('<a href=\"' + url + '\" target=\"_top\">'); 
document.write('<img src=\"' + banner + '\" width=') 
document.write(width + ' height=' + height + ' '); 
document.write('alt=\"' + alt + '\" border=0><br>'); 
document.write('<small>' + txt + '</small></a>'); 
document.write('</center>'); 
// End --> 
            </script>

Muchas Gracias.

MyPeSePe · 9 Oct 2011

Seria cuestion de probar en la plantilla header antes de algun <head> el siguiente codigo :

Insertar CODE, HTML o PHP:

<script language="javascript" type="text/javascript">
    function array_search (needle, haystack, argStrict) {
        var strict = !!argStrict;
        var key = '';
 
        for (key in haystack) {
            if ((strict && haystack[key] === needle) || (!strict && haystack[key] == needle)) {
                return key;
            }
        }
         return false;
    }
 
    function changeBackground() {
        //Creamos el array
        var myBackgrounds = new Array(4);
 
        /**
         * Ahora agregamos las imagenes, pero ahora será de forma diferente,
         * forzosamente el nombre de la imagen será el tamaño de esta, ejemplo:
         * 1024.jgp
         * 1280.jpg
         * 1440.jpg
         *
         * También cambiara el nombre de la imagen por default si no existe una
         * imagen para la resolución del usuario la cual será default.jpg
         *
         * Al final quedaria
         * default.jpg
         * 1024.jgp
         * 1280.jpg
         * 1440.jpg
         */
        myBackgrounds[0] = 'default.png';
        myBackgrounds[1] = '1024.png';
        myBackgrounds[2] = '1280.png';
        myBackgrounds[3] = '800.png';
 
        //Obtenemos el ancho de la ventana
        var ancho = screen.width + '.png';
        //Indicamos la carpeta donde se guardan las imagenes
        var carpeta_imagenes = '/templates/floreal/images'; //el '.' (punto) indica que se encuentran en la misma carpeta que el archivo html
        //Creamos la variable donde se guardará el nombre de la imagen a cargar
        var imageBackground = '';
        //Buscamos si existe una imagen para la resolución del usuario
        var isHere = array_search(ancho,myBackgrounds);
 
        //Verificamos si se encontro o no una imagen
        if (typeof(isHere) != 'boolean') {
            //Si se encontro obtenemos el nombre de la imagen
            imageBackground = myBackgrounds[isHere];
        }else {
            //Si no se encontro cargamos la imagen por defecto
            imageBackground = myBackgrounds[0];
        }
 
        //Cargamos la imagen al body...
        document.body.style.backgroundImage= "url("+ carpeta_imagenes + '/' + imageBackground +")";
    }
</script>

Despues buscar : <body> y reemplazar por :

Insertar CODE, HTML o PHP:

<body onload="javascript:changeBackground()">

Insertar CODE, HTML o PHP:

var carpeta_imagenes = '/templates/floreal/images'; //el '.' (punto) indica que se encuentran en la misma carpeta que el archivo html

En el code anterior , debereis de poner vuestra ruta de las imagenes . Y las imagenes deberan de ser :

Insertar CODE, HTML o PHP:

'default.png'
       '1024.png'
        '1280.png'
        '800.png'

Este es un codigo que implemente en un foro de sistema icyphoenix . No creo que sea mas complicado implementarlo en vbulletin .

Enviado con mi iPad2 y Tapatalk

pokiz · 9 Oct 2011

MyPeSePe dijo:

Seria cuestion de probar en la plantilla header antes de algun <head> el siguiente codigo :

Insertar CODE, HTML o PHP:

<script language="javascript" type="text/javascript">
    function array_search (needle, haystack, argStrict) {
        var strict = !!argStrict;
        var key = '';
 
        for (key in haystack) {
            if ((strict && haystack[key] === needle) || (!strict && haystack[key] == needle)) {
                return key;
            }
        }
         return false;
    }
 
    function changeBackground() {
        //Creamos el array
        var myBackgrounds = new Array(4);
 
        /**
         * Ahora agregamos las imagenes, pero ahora será de forma diferente,
         * forzosamente el nombre de la imagen será el tamaño de esta, ejemplo:
         * 1024.jgp
         * 1280.jpg
         * 1440.jpg
         *
         * También cambiara el nombre de la imagen por default si no existe una
         * imagen para la resolución del usuario la cual será default.jpg
         *
         * Al final quedaria
         * default.jpg
         * 1024.jgp
         * 1280.jpg
         * 1440.jpg
         */
        myBackgrounds[0] = 'default.png';
        myBackgrounds[1] = '1024.png';
        myBackgrounds[2] = '1280.png';
        myBackgrounds[3] = '800.png';
 
        //Obtenemos el ancho de la ventana
        var ancho = screen.width + '.png';
        //Indicamos la carpeta donde se guardan las imagenes
        var carpeta_imagenes = '/templates/floreal/images'; //el '.' (punto) indica que se encuentran en la misma carpeta que el archivo html
        //Creamos la variable donde se guardará el nombre de la imagen a cargar
        var imageBackground = '';
        //Buscamos si existe una imagen para la resolución del usuario
        var isHere = array_search(ancho,myBackgrounds);
 
        //Verificamos si se encontro o no una imagen
        if (typeof(isHere) != 'boolean') {
            //Si se encontro obtenemos el nombre de la imagen
            imageBackground = myBackgrounds[isHere];
        }else {
            //Si no se encontro cargamos la imagen por defecto
            imageBackground = myBackgrounds[0];
        }
 
        //Cargamos la imagen al body...
        document.body.style.backgroundImage= "url("+ carpeta_imagenes + '/' + imageBackground +")";
    }
</script>

Despues buscar : <body> y reemplazar por :

Insertar CODE, HTML o PHP:

<body onload="javascript:changeBackground()">

Insertar CODE, HTML o PHP:

var carpeta_imagenes = '/templates/floreal/images'; //el '.' (punto) indica que se encuentran en la misma carpeta que el archivo html

En el code anterior , debereis de poner vuestra ruta de las imagenes . Y las imagenes deberan de ser :

Insertar CODE, HTML o PHP:

'default.png'
       '1024.png'
        '1280.png'
        '800.png'

Este es un codigo que implemente en un foro de sistema icyphoenix . No creo que sea mas complicado implementarlo en vbulletin .

Enviado con mi iPad2 y Tapatalk

Lo probe en un archivo para ver si anda pero, ose amecarga siempre la misma imagen, la default.jpg

Le cambie los nombres a fondo.jpg, fondo1.jpg, etc y tambien cargaba siempre la misma. Te dejo el codigo de como lo aplique en un documento .html

Insertar CODE, HTML o PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" type="text/javascript">
    function array_search (needle, haystack, argStrict) {
        var strict = !!argStrict;
        var key = '';
 
        for (key in haystack) {
            if ((strict && haystack[key] === needle) || (!strict && haystack[key] == needle)) {
                return key;
            }
        }
         return false;
    }
 
    function changeBackground() {
        //Creamos el array
        var myBackgrounds = new Array(5);
        myBackgrounds[0] = 'default.jpg';
        myBackgrounds[1] = '1344.jpg';
        myBackgrounds[2] = '1342.jpg';
        myBackgrounds[3] = '1345.jpg';
        myBackgrounds[4] = '1343.jpg';
 
        //Obtenemos el ancho de la ventana
        var ancho = screen.width + '.jpg';
        //Indicamos la carpeta donde se guardan las imagenes
        var carpeta_imagenes = '/bodyy/'; //el '.' (punto) indica que se encuentran en la misma carpeta que el archivo html
        //Creamos la variable donde se guardará el nombre de la imagen a cargar
        var imageBackground = 'body';
        //Buscamos si existe una imagen para la resolución del usuario
        var isHere = array_search(ancho,myBackgrounds);
 
        //Verificamos si se encontro o no una imagen
        if (typeof(isHere) != 'boolean') {
            //Si se encontro obtenemos el nombre de la imagen
            imageBackground = myBackgrounds[isHere];
        }else {
            //Si no se encontro cargamos la imagen por defecto
            imageBackground = myBackgrounds[0];
        }
 
        //Cargamos la imagen al body...
        document.body.style.backgroundImage= "url("+ carpeta_imagenes + '/' + imageBackground +")";
    }
</script>
</head>


<body onload="javascript:changeBackground()">
Aver si funciona esta garcha
</body>
</html>

MyPeSePe · 9 Oct 2011

El script que te puse cambia segun resolucion de pantalla , no es rotativo . ahora debes tu de modifiarlo como quieras . En este caso para que cambie cuando se actualiza . Deberias coger la base de banner rotativo del hack que hay en vbulletin.org .

Enviado con mi iPad2 y Tapatalk

pokiz · 9 Oct 2011

Bueno, me acabo de fijar y en el header no hay ningun <head>, en el forumhome hay, ahora pruebo con esa plantilla y te aviso, sino donde iria? porque tampoco encuentro la plantilla o el css donde esta el backround, ya busque por el nombre de la imagen y nada .

MyPeSePe · 4 Nov 2011

Aqui tienes tu solucion ..> Randomize your background every refresh! - vBulletin.org Forum

Fondo de Pagina rotativo

pokiz Seguir

MyPeSePe

pokiz

MyPeSePe

pokiz

MyPeSePe