Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Shek
 
Luiz
 
APOllO
 
Kyko
 
mrvisible
 
odelgado
 
iScroll
 
rlmac
 

Quem está conectado
256 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 251 Visitantes :: 2 Motores de busca

Bueno Habbo, Fou-Lu, Gustavo Karasek, Kyo Panda, Thiago Perotto Zocoli

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Capa estilo facebook com defeito para usuários

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Capa estilo facebook com defeito para usuários

Mensagem por Dillian fa em 18/02/15, 05:53 pm

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Vários usuários, uns sim e outros não
Endereço do fórum : http://jogoseafins.forumeiros.com/

Descrição do problema

Boa tarde! Usei as dicas deste tutorial (http://ajuda.forumeiros.com/t96192-tutorial-perfil-com-foto-de-capa-como-no-facebook) ensinando a colocar uma capa estilo facebook. Para meu perfil, funcionou perfeitamente. Mas os outros usuários do fórum enxergam o perfil desse jeito como está na figura: aparecendo duas vezes o avatar, e um deles com uma faixa branca estranha. O que pode estar causando esse erro? E por que não acontece com o meu perfil?


Última edição por Dillian fa em 18/02/15, 11:21 pm, editado 1 vez(es)
avatar

Dillian fa
Nível 2

Masculino
Inscrito dia : 07/02/2015
Mensagens : 14
Pontos Ativos : 22

http://jogoseafins.forumeiros.com/

Resolvido Re: Capa estilo facebook com defeito para usuários

Mensagem por Gaaratsu em 18/02/15, 06:03 pm

Saudações!

Poderia me disponibilizar o código que o senhor está utilizando?

Até! Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: Capa estilo facebook com defeito para usuários

Mensagem por Dillian fa em 18/02/15, 06:07 pm

Código:
// FOTO DE CAPA
    if (window.location.pathname.indexOf('/u') == 0) {
        $(document).ready(function () {
            // Link Imagem Capa
            var fbcapa = $('#field_id2 .field_uneditable').text(); // Local onde coloca a ID do campo
            // Estrutura geral
            $('div#main-content h1.page-title').before('<div style="width: 100%; height: 315px; position: relative; background: url(' + fbcapa + ') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;" id="fbfundo"><div style="position: absolute; left: 0; width: 100%; bottom: 0;"><table id="fbperfil"><tr><td rowspan="3" id="fbavatar"></td><td style="font-size: 16px;" id="fbnome"></td></tr><tr><td style="font-size: 1.4em;" id="fbrank"></td></tr><tr><td id="fbgrupo"></td></tr></table></div></div><style>table#fbperfil tbody tr td#fbnome div.h3 {text-transform: none !important;} h1.page-title{font-size:0px!important;height:30px!important;} #main-content p:nth-child(2) {display:none!important;} #profile-advanced-right .module {display:none!important;} #profile-advanced-left {width:100%!important;} #fbperfil { margin-bottom: -33px; margin-left: 13px; } #fbfundo { border: 2px solid #BDBDBD; -webkit-border-radius: 5px; } #fbavatar { border: 4px solid #fff; -webkit-border-radius: 2px; background-color: white; } #fbavatar img { height: 160px; width: 160px; } #fbnome { padding: 28% 0px 0px 10px; } #fbrank, #fbgrupo { padding: 0px 0 0 10px; } #profile-advanced-layout #tabs { bottom: 0; padding-left: 280px; margin-top: 0px !important; }</style>');
            // Avatar
            $('div#main-content div.module:first div.inner img[alt=""]').clone().appendTo($('#fbavatar'));
            // Nome
            $('div#main-content div.module:first .h3:first').clone().appendTo($('#fbnome'));
            // Rank
            $('div#main-content div.module:first b').clone().appendTo($('#fbrank'));
            // Grupo
            $('div#main-content div.module:first div.inner img:last').clone().appendTo($('#fbgrupo'));
            // Prevenir avatares duplos para usuários sem imagem de rank
            $(function () {
                var fbavatarduplo = [],
                    imagemdupla;
                $("#fbfundo img").filter(function () {
                    imagemdupla = $(this).attr("src");
                    if ($.inArray(imagemdupla, fbavatarduplo) < 0) {
                        fbavatarduplo.push(imagemdupla);
                        return false;
                    }
                    return true;
                }).remove();
            });
            // Ícone online automático
            $("table#fbperfil tbody tr td#fbnome div.h3").html(function (_, html) {
                return html.replace("(conectado)", "<img alt='Conectado' title='Conectado' src='http://i.imgur.com/QglVEGE.png' />")
            });
            // Tabs sem refresh para evitar erros na foto de capa
            $(function () {
                var tabfbperfil = function () {
                    $('#tabs li').click(function (e) {
                        e.preventDefault();
                        var url = this.firstChild.href;
                        if (url == '#') return;
                        $('#profile-advanced-left').load(url + ' #profile-advanced-left', tabfbperfil);
                    });
                };
                tabfbperfil();
            });
        });
    }

De início, achei que funcionou, mas alguns usuários falaram que o perfil deles aparecia desse jeito...
avatar

Dillian fa
Nível 2

Masculino
Inscrito dia : 07/02/2015
Mensagens : 14
Pontos Ativos : 22

http://jogoseafins.forumeiros.com/

Resolvido Re: Capa estilo facebook com defeito para usuários

Mensagem por Gaaratsu em 18/02/15, 09:17 pm

Perdoe-me pela demora!

Substitua por este:
Código:
// FOTO DE CAPA
    if (window.location.pathname.indexOf('/u') == 0) {
        $(document).ready(function () {
            // Link Imagem Capa
            var fbcapa = $('#field_id2 .field_uneditable').text(); // Local onde coloca a ID do campo
            // Estrutura geral
            $('div#main-content h1.page-title').before('<div style="width: 100%; height: 315px; position: relative; background: url(' + fbcapa + ') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;" id="fbfundo"><div style="position: absolute; left: 0; width: 100%; bottom: 0;"><table id="fbperfil"><tr><td rowspan="3" id="fbavatar"></td><td style="font-size: 16px;" id="fbnome"></td></tr><tr><td style="font-size: 1.4em;" id="fbrank"></td></tr><tr><td id="fbgrupo"></td></tr></table></div></div><style>table#fbperfil tbody tr td#fbnome div.h3 {text-transform: none !important;} h1.page-title{font-size:0px!important;height:30px!important;} #main-content p:nth-child(2) {display:none!important;} #profile-advanced-right .module {display:none!important;} #profile-advanced-left {width:100%!important;} #fbperfil { margin-bottom: -33px; margin-left: 13px; } #fbfundo { border: 2px solid #BDBDBD; -webkit-border-radius: 5px; } #fbavatar { border: 4px solid #fff; -webkit-border-radius: 2px; background-color: white; } #fbavatar img { height: 160px; width: 160px; } #fbnome { padding: 28% 0px 0px 10px; } #fbrank, #fbgrupo { padding: 0px 0 0 10px; } #profile-advanced-layout #tabs { bottom: 0; padding-left: 280px; margin-top: 0px !important; }</style>');
            // Avatar
            $('div#main-content div.module:first div.inner img[alt=""]').clone().appendTo($('#fbavatar'));
            // Nome
            $('div#main-content div.module:first .h3:first').clone().appendTo($('#fbnome'));
            // Rank
            $('div#main-content div.module:first b').clone().appendTo($('#fbrank'));
            // Grupo
            $('div#main-content div.module:first div.inner img:last').clone().appendTo($('#fbgrupo'));
            // Prevenir avatares duplos para usuários sem imagem de rank
            $(function () {
                var fbavatarduplo = [],
                    imagemdupla;
                $("#fbfundo img").filter(function () {
                    imagemdupla = $(this).attr("src");
                    if ($.inArray(imagemdupla, fbavatarduplo) < 0) {
                        fbavatarduplo.push(imagemdupla);
                        return false;
                    }
                    return true;
                }).remove();
            });
            // Ícone online automático
            $("table#fbperfil tbody tr td#fbnome div.h3").html(function (_, html) {
                return html.replace("(conectado)", "<img alt='Conectado' title='Conectado' src='http://i.imgur.com/QglVEGE.png' />")
            });
            // Tabs sem refresh para evitar erros na foto de capa
            $(function () {
                var tabfbperfil = function () {
                    $('#tabs li').click(function (e) {
                        e.preventDefault();
                        var url = this.firstChild.href;
                        if (url == '#') return;
                        $('#profile-advanced-left').load(url + ' #profile-advanced-left', tabfbperfil);
                    });
                };
                tabfbperfil();
            });
        });
    }

Adentrei em teu fórum e não pude ver o campo de perfil/texto referente à capa, o que houve? Tonto

Até! De bem com a vida
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: Capa estilo facebook com defeito para usuários

Mensagem por Dillian fa em 18/02/15, 10:24 pm

Por algum motivo estava para NÃO ser editado pelo usuário. Vai entender. O problema ainda persiste. E percebi que o problema é maior. A caixa de resposta rápida não aparece para os usuários. Apenas para mim. Muito estranho. Olha só:
Visual do Usuário:


Meu visual:


Não sei por que está acontecendo. Criei um perfil fake para entender o que estava acontecendo...
avatar

Dillian fa
Nível 2

Masculino
Inscrito dia : 07/02/2015
Mensagens : 14
Pontos Ativos : 22

http://jogoseafins.forumeiros.com/

Resolvido Re: Capa estilo facebook com defeito para usuários

Mensagem por EuficoLoko em 18/02/15, 10:37 pm

Boa noite!

Poderia me fornecer, uma conta para testes? Com as permissões de um membro logicamente.
Poderia também me fornecer: uma captura screen do javascript? E onde ele foi marcado exatamente?

Aguardo a vossa resposta,
EuficoLoko.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre JavaScript & jQuery'
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Capa estilo facebook com defeito para usuários

Mensagem por Dillian fa em 18/02/15, 10:44 pm

Claro! Tenho duas contas. Pode usar "Perfil fake para testes", senha: choque20.

Screem do javaScript:
Era isso que queria?
avatar

Dillian fa
Nível 2

Masculino
Inscrito dia : 07/02/2015
Mensagens : 14
Pontos Ativos : 22

http://jogoseafins.forumeiros.com/

Resolvido Re: Capa estilo facebook com defeito para usuários

Mensagem por EuficoLoko em 18/02/15, 10:56 pm

Boa noite!

Vá em:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta CSS
Código:
#fbgrupo img{display: none !important}#fbnome{top: -20px;position: relative;}
Seta No início, por gentileza.
Seta Quanto a captura screen, clique no Editar e envie uma captura screen do javascript de capa.

Aguardo sua resposta,
EuficoLoko.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Capa estilo facebook com defeito para usuários

Mensagem por Dillian fa em 18/02/15, 11:02 pm

=> Código posto!
=> Ok Envergonhado

Javascript:

EDIT: Agora o perfil está funcionando^^ Se houver possibilidade de poder resolver o problema da caixa de resposta rápida aqui, ficaria grato! Mas se não puder, eu entendo. Posso postar a dúvida em separado...
avatar

Dillian fa
Nível 2

Masculino
Inscrito dia : 07/02/2015
Mensagens : 14
Pontos Ativos : 22

http://jogoseafins.forumeiros.com/

Resolvido Re: Capa estilo facebook com defeito para usuários

Mensagem por EuficoLoko em 18/02/15, 11:06 pm

Boa noite!

Veja a captura screen:

Seta http://prntscr.com/66xx8h
Seta http://jogoseafins.forumeiros.com/u9

Aguardo o que deseja,
EuficoLoko.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Capa estilo facebook com defeito para usuários

Mensagem por Dillian fa em 18/02/15, 11:13 pm

Em choque Muito obrigado, pessoal! Vocês são mesmo demais!  Venerar Venerar Venerar
avatar

Dillian fa
Nível 2

Masculino
Inscrito dia : 07/02/2015
Mensagens : 14
Pontos Ativos : 22

http://jogoseafins.forumeiros.com/

Resolvido Re: Capa estilo facebook com defeito para usuários

Mensagem por EuficoLoko em 18/02/15, 11:39 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum