Background com CSS

Detalhes da questão

Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Olá!

Eu estou a utilizar este código .jS:

Código:

$(function() {
    var LoginFeito = _userdata["session_logged_in"];
    var userName = _userdata["username"];
    var userPosts = _userdata["user_posts"];
    if (LoginFeito == 1) {
        if (window.location.pathname == '/') {
            if (userPosts < 1) {
                $('a[href="/f2-apresentacao"], [href="/c4-master-publicitario-e-voce"]').each(function() {
                    var elem = $(this);
                    $(this).attr('style', 'color:red!important');
                    setInterval(function() {
                        if (elem.css('font-weight') == 'bold') {
                            elem.css('font-weight', 'normal')
                        } else {
                            elem.css('font-weight', 'bold')
                        }
                    }, 500)
                });
                $('body').before('<!-- Autor: JUFASA Créditos: superup.wikiforum.net --><!-- Não copie, não divulgue! --><style>#apresentaPrimeiro_fundo{background-color: rgba(0, 0, 0, 0.65);position: fixed;z-index: 99999999999999999999;left: 0;right: 0;top: 0;bottom: 0}.logoSuperUp{background: url("https://cdn3.iconfinder.com/data/icons/phuzion/PNG/Misc/Chat.png") 0px no-repeat;height: 16vw;margin: 0vw -6vw auto;width: 25%;background-size: contain;background-position: center;position: absolute}#apresentaPrimeiro_quadrado{border-radius: 0.6vw;-webkit-box-shadow: 0 0 0.8vw rgba(0,0,0,0.3);box-shadow: 0 0 0.8vw rgba(0,0,0,0.3);top: 50%;left: 50%;max-height: 15vw;min-height: 15vw;margin-left: -22vw;margin-top: -10vw;padding-bottom: 1vw;position: absolute;width: 45vw;z-index: 1;background: #3BB7D2;background-image: url(http://wallpapersdesk.net/wp-content/uploads/2015/03/1551_white_abstract.jpg);background-size: cover;background-repeat: no-repeat;background-position: 0vw -6vw}#apresentaPrimeiro_info{margin-top: 3.5vw;color: #FFF!important;text-align: center;-moz-box-shadow: 0 0.1vw 0 rgba(0, 0, 0, 0.45);text-shadow: 0 0.1vw 0 rgba(0, 0, 0, 0.45);font-family: "Ubuntu",Helvetica,Arial,sans-serif;background-color: rgba(0, 0, 0, 0.46);padding: 2vw;width: 30vw;margin-left: 5.5vw;-webkit-border-radius: 2vw;border-radius: 2vw;position: absolute}.apresentacao_b{border-style: solid;border-width: 0.1vw;color: #fff;text-shadow: 0 -1px rgba(0,0,0,0.11);cursor: pointer;font-size: 1vw;font-weight: bold;height: 2.4vw;line-height: 2.4vw;-moz-border-radius: .3vw;-webkit-border-radius: .3vw;border-radius: .3vw;text-align: center;border-color: #1084BA!important}.apresentacao_b:hover{background: #1084BA!important}.apr_subtitulo{font-size: 1vw;margin-top: 0.8vw}.apr_titulo{font-size: 1.4vw}.botao_topic_apresentacao{-webkit-box-shadow: 0 0 0.8vw rgba(0,0,0,0.3);box-shadow: 0 0 0.8vw rgba(0,0,0,0.3);position: absolute;margin-top: 16.5vw;width: 100%}</style><div id="apresentaPrimeiro_fundo"><div id="apresentaPrimeiro_quadrado"><div class="logoSuperUp"></div><div id="apresentaPrimeiro_info"><div class="apr_titulo">Olá!! ' + userName + ' tens ' + userPosts + ' Tópicos...</div><div class="apr_subtitulo">Para começares porque não te apresentas ao resto dos membros? Assim podemos conhecê-lo um pouco!</div></div><div class="botao_topic_apresentacao"><a  href="/post?f=2&mode=newtopic" draggable="false"><div class="apresentacao_b" style="background: #1084BA;">APRESENTAR-ME !</div></a></div></div></div>')
            }
        }
    }
});
$(function() {
    var userName = _userdata["username"];
    var idUserSuperUp = _userdata["user_id"];
    if (idUserSuperUp == 146) {
        $('#apresentaPrimeiro_fundo').attr('style', 'display:none!important')
    }
});

Para realizar isto:


O estranho é que eu no código coloquei background e não está a aparecer, não sei se é só a mim ou a todos.

Olá!

Tente forçar o background com !important, ou seja, o código ficaria assim:

Código:

$(function() {
    var LoginFeito = _userdata["session_logged_in"];
    var userName = _userdata["username"];
    var userPosts = _userdata["user_posts"];
    if (LoginFeito == 1) {
        if (window.location.pathname == '/') {
            if (userPosts < 1) {
                $('a[href="/f2-apresentacao"], [href="/c4-master-publicitario-e-voce"]').each(function() {
                    var elem = $(this);
                    $(this).attr('style', 'color:red!important');
                    setInterval(function() {
                        if (elem.css('font-weight') == 'bold') {
                            elem.css('font-weight', 'normal')
                        } else {
                            elem.css('font-weight', 'bold')
                        }
                    }, 500)
                });
                $('body').before('<!-- Autor: JUFASA Créditos: superup.wikiforum.net --><!-- Não copie, não divulgue! --><style>#apresentaPrimeiro_fundo{background-color: rgba(0, 0, 0, 0.65);position: fixed;z-index: 99999999999999999999;left: 0;right: 0;top: 0;bottom: 0}.logoSuperUp{background: url("https://cdn3.iconfinder.com/data/icons/phuzion/PNG/Misc/Chat.png") 0px no-repeat;height: 16vw;margin: 0vw -6vw auto;width: 25%;background-size: contain;background-position: center;position: absolute}#apresentaPrimeiro_quadrado{border-radius: 0.6vw;-webkit-box-shadow: 0 0 0.8vw rgba(0,0,0,0.3);box-shadow: 0 0 0.8vw rgba(0,0,0,0.3);top: 50%;left: 50%;max-height: 15vw;min-height: 15vw;margin-left: -22vw;margin-top: -10vw;padding-bottom: 1vw;position: absolute;width: 45vw;z-index: 1;background: #3BB7D2;background-image: url(http://wallpapersdesk.net/wp-content/uploads/2015/03/1551_white_abstract.jpg);background-size: cover;background-repeat: no-repeat;background-position: 0vw -6vw}#apresentaPrimeiro_info{margin-top: 3.5vw;color: #FFF!important;text-align: center;-moz-box-shadow: 0 0.1vw 0 rgba(0, 0, 0, 0.45);text-shadow: 0 0.1vw 0 rgba(0, 0, 0, 0.45);font-family: "Ubuntu",Helvetica,Arial,sans-serif;background-color: rgba(0, 0, 0, 0.46);padding: 2vw;width: 30vw;margin-left: 5.5vw;-webkit-border-radius: 2vw;border-radius: 2vw;position: absolute}.apresentacao_b{border-style: solid;border-width: 0.1vw;color: #fff;text-shadow: 0 -1px rgba(0,0,0,0.11);cursor: pointer;font-size: 1vw;font-weight: bold;height: 2.4vw;line-height: 2.4vw;-moz-border-radius: .3vw;-webkit-border-radius: .3vw;border-radius: .3vw;text-align: center;border-color: #1084BA!important}.apresentacao_b:hover{background: #1084BA!important}.apr_subtitulo{font-size: 1vw;margin-top: 0.8vw}.apr_titulo{font-size: 1.4vw}.botao_topic_apresentacao{-webkit-box-shadow: 0 0 0.8vw rgba(0,0,0,0.3);box-shadow: 0 0 0.8vw rgba(0,0,0,0.3);position: absolute;margin-top: 16.5vw;width: 100%}</style><div id="apresentaPrimeiro_fundo"><div id="apresentaPrimeiro_quadrado"><div class="logoSuperUp"></div><div id="apresentaPrimeiro_info"><div class="apr_titulo">Olá!! ' + userName + ' tens ' + userPosts + ' Tópicos...</div><div class="apr_subtitulo">Para começares porque não te apresentas ao resto dos membros? Assim podemos conhecê-lo um pouco!</div></div><div class="botao_topic_apresentacao"><a  href="/post?f=2&mode=newtopic" draggable="false"><div class="apresentacao_b" style="background: #1084BA!important;">APRESENTAR-ME !</div></a></div></div></div>')
            }
        }
    }
});
$(function() {
    var userName = _userdata["username"];
    var idUserSuperUp = _userdata["user_id"];
    if (idUserSuperUp == 146) {
        $('#apresentaPrimeiro_fundo').attr('style', 'display:none!important')
    }
});

Até mais.
Fraise

@Fraise infelizmente continua na mesma amigo :/

Poderia me fornecer uma conta em que eu possa ver esse quadro?

Até mais.
Fraise

Fraise escreveu:Poderia me fornecer uma conta em que eu possa ver esse quadro?

Até mais.
Fraise

Acabo de mandar por PM!

Certo. Adicione no inicio da sua folha de estilos:

Código:

div#apresentaPrimeiro_quadrado { background: #FFF !important; }

#FFF Corresponde à cor desejada.

Até mais.
Fraise

@Fraise e se quiser colocar em vez de cor uma imagem como o código Java?

Então, troque por este:

Código:

div#apresentaPrimeiro_quadrado { background: url('URL_DA_IMAGEM') !important; }

URL_DA_IMAGEM Corresponde ao endereço da imagem desejada.

Até mais.
Fraise

@Fraise mesmo assim não aparece a imagem amigo.

Eu testei aqui e funcionou. Ora veja:

Código:

div#apresentaPrimeiro_quadrado { background: url('http://i.imgur.com/bioCtv1.png') !important; }

https://i.imgur.com/X3jMCiP.png

Até mais.
Fraise

Estranho com a outra imagem não funcionava agora já dá, enfim obrigado amigo e resolvido!