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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Personalizar a cor do menu
Hoje à(s) 13:10 por Cream

» Personalizar título e ícone das categorias
Hoje à(s) 13:03 por Cream

» Botão neon na resposta rápida
Hoje à(s) 4:44 por Daemon

» [Ranks] Laranja - Médio - Texto branco
Hoje à(s) 3:47 por Harold C+

» Imagem de fundo no fórum
Hoje à(s) 3:29 por Cream

» Membro do mês
Hoje à(s) 2:42 por while

» Personalizar o menu
Hoje à(s) 2:09 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
Mr.Probz
 
while
 
idarkdg
 
Nean
 
Apollo
 
Harleen
 
sandra51
 
lavinnia
 
Sennior
 

Quem está conectado
75 usuários online :: 4 usuários cadastrados, 2 Invisíveis e 69 Visitantes :: 2 Motores de busca

Cream, Shek, SyraoN_, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Qua 18 Fev 2015 - 19:53

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 Qui 19 Fev 2015 - 1:21, editado 1 vez(es)

Dillian fa
Nível 2

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

http://jogoseafins.forumeiros.com/

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

Mensagem por Hakuouki em Qua 18 Fev 2015 - 20:03

Saudações!

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

Até! Muito feliz

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9091

http://ajuda.forumeiros.com/

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

Mensagem por Dillian fa em Qua 18 Fev 2015 - 20:07

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

Dillian fa
Nível 2

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

http://jogoseafins.forumeiros.com/

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

Mensagem por Hakuouki em Qua 18 Fev 2015 - 23:17

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

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9091

http://ajuda.forumeiros.com/

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

Mensagem por Dillian fa em Qui 19 Fev 2015 - 0:24

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

Dillian fa
Nível 2

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

http://jogoseafins.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

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

Mensagem por Dillian fa em Qui 19 Fev 2015 - 0:44

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

Screem do javaScript:
Era isso que queria?

Dillian fa
Nível 2

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

http://jogoseafins.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

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

Mensagem por Dillian fa em Qui 19 Fev 2015 - 1:02

=> 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...

Dillian fa
Nível 2

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

http://jogoseafins.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

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

Mensagem por Dillian fa em Qui 19 Fev 2015 - 1:13

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

Dillian fa
Nível 2

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

http://jogoseafins.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5