Browser-Update.org

Customize e teste

Testando o script

Se você abrir seu website com #test-bu concatenado a url, a barra sempre aparecerá. Exemplo: http://browser-update.org/#test-bu Certifique-se que a página é recarregada corretamente abrindo a url em uma nova aba do navegador.

Opções

As seguintes opções podem ser passadas para o script:

var $buoop = {
    vs: {i:6,f:2,o:9.63,s:2,n:10},  // versões de navegadores a serem notificadas
    reminder: 24,                   // depois de quantas horas a mensagem deve reaparecer
                                    // 0 = mostra o tempo todo
    onshow: function(infos){},      // função callback depois que a barra aparece

    l: false,                       // configura um idioma para a mensagem, e.g. "en"
                                    // sobrescrevendo o padrão
    test: false,                    // true = sempre mostra a barra (para testes)
    text: "",                       // notificação customizada em html
    newwindow: false                // abre o link em uma nova janela/aba
}

Editar o CSS

As seguintes propriedades CSS são aplicadas pelo script. Você pode sobrescrever estas propriedades em seu próprio CSS. Para isso você precisa adicionar um pouco mais de especificação no CSS: e.g. 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;
}