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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Problemas ao editar
Hoje à(s) 10:18 am por DustyRhodes

» Menu Mensagem Privada
Hoje à(s) 10:06 am por Ketholy123

» Colocar um tópico ligado a dois sub forums
Hoje à(s) 10:02 am por Ketholy123

» Notificação de novas mensagens
Hoje à(s) 06:35 am por IsmaelS.

» Atualizar status
Hoje à(s) 06:30 am por IsmaelS.

» Dúvida Smiles
Hoje à(s) 12:41 am por Ketholy123

» Visibilidade das imagens e endereços /site apenas para os usuários registados
Ontem à(s) 10:59 pm por Ketholy123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
ranzatti
 
zHugh
 
T1ag0
 

Quem está conectado
231 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 227 Visitantes :: 2 Motores de busca

Dr., DustyRhodes, Ketholy123, Philopannyx

[ 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

Ver perfil do usuário 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 : 5549
Pontos Ativos : 6948

Ver perfil do usuário 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

Ver perfil do usuário 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 : 5549
Pontos Ativos : 6948

Ver perfil do usuário 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

Ver perfil do usuário 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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

Ver perfil do usuário 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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

Ver perfil do usuário 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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

Ver perfil do usuário 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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