Browser-Update.org

Personalízalo y pónlo a prueba

Pruéba el script

Si abres tu sitio con #test-bu al final de la url, la barra se mostrará todo el tiempo. Ejemplo: http://browser-update.org/#test-bu. Asegúrate de que la página cargue correctamente abriendo la url en una nueva pestaña del navegador.

Opciones

Las siguientes opciones pueden ser incluídas en el script:

var $buoop = {
    vs: {i:6,f:2,o:9.63,s:2,n:10},  // versiones de navegadores a notificar
    reminder: 24,                   // cuántas horas deben pasar para que el mensaje vuelva a aparecer
                                    // 0 = mostrar siempre
    onshow: function(infos){},      // función de callback luego de que la barra ha aparecido

    l: false,                       // establecer un idioma para el mensaje, p.ej. "en"
                                    // invalída la detección por default 
    test: false,                    // true = siempre se muestra la barra (para realizar pruebas)
    text: "",                       // personaliza el texto html de la notificación
    newwindow: false                // abre el enlace en una nueva ventana/pestaña
}

Editar CSS

Las siguientes reglas de CSS aplican para el script. Puedes sobreescribirlas con tu propio CSS. Para ello debes ser más específico en las reglas css: p. ej. body .buorg {font-size:20px}

.buorg {
    position:absolute;
    width:100%;
    top:0px;
    left:0px;
    border-bottom:1px solid #A29330;
    background:#FDF2AB no-repeat 1em 0.55em url(http://browser-update.org/img/dialog-warning.gif);\
    text-align:left;
    cursor:pointer;
    font-family: Arial,Helvetica,sans-serif; color:#000;
    font-size: 12px;
}
.buorg div {
    padding:5px 36px 5px 40px;
}
.buorg a {
    color:#E25600;
}
#buorgclose {
    position: absolute;
    right: .5em;
    top:.2em;
    height: 20px;
    width: 12px;
    font-weight: bold;
    font-size:14px;
    padding:0;
}