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
» Arma/Carro Preferido opção no perfil
Hoje à(s) 4:48 por while

» Personalizar visualização do perfil
Hoje à(s) 3:30 por while

» Codigo PHP roda em algum widget?
Hoje à(s) 3:14 por while

» Código Anti owner no chatbox
Hoje à(s) 3:03 por while

» Duvida sobre e-mail de Fundador
Hoje à(s) 2:58 por while

» Loja no fórum
Hoje à(s) 2:40 por while

» Sistema de pré-visualizar em HTML
Ontem à(s) 21:52 por Hancki

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
while
 
Cream
 
Shek
 
Holkis
 
PrisoN†BreaK
 
IsmaelS.
 
Ana Leandro
 
Sennior
 
YouTube3
 
Maori
 

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

Burnquist, MarcosSchultz, Sovereign, while

[ Ver toda a lista ]


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

Como por capa no perfil?

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

Resolvido Como por capa no perfil?

Mensagem por Uatyla em Qui 1 Jan 2015 - 1:09

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://vidadeaquarista.forumeiros.com/forum

Descrição do problema

Olá senhores!
Gostaria de saber como por capa no perfil dos usuários??


Última edição por uatyla em Sex 2 Jan 2015 - 14:39, editado 1 vez(es)

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2390
Pontos Ativos : 4976

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Como por capa no perfil?

Mensagem por [K]oke em Qui 1 Jan 2015 - 1:30

Olá,

De uma olhada aqui:
http://ajuda.forumeiros.com/t96192-

Até Mais!

[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 834
Pontos Ativos : 2425

http://bestskins.net/forum https://www.facebook.com/https://www.facebook.com/davis.natsu

Resolvido Re: Como por capa no perfil?

Mensagem por Uatyla em Qui 1 Jan 2015 - 4:01

O meu ficou bugado. confira...
http://vidadeaquarista.forumeiros.com/u1

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2390
Pontos Ativos : 4976

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Como por capa no perfil?

Mensagem por [K]oke em Qui 1 Jan 2015 - 14:38

Você fez a ultima parte? Porque não vejo em seu fórum.

Até Mais!

[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 834
Pontos Ativos : 2425

http://bestskins.net/forum https://www.facebook.com/https://www.facebook.com/davis.natsu

Resolvido Re: Como por capa no perfil?

Mensagem por Uatyla em Qui 1 Jan 2015 - 22:07

Sinceramente não entendi essa ultima parte. =/

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2390
Pontos Ativos : 4976

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista

Resolvido Re: Como por capa no perfil?

Mensagem por Gabe em Sex 2 Jan 2015 - 12:33

Bom dia!

Você tem que criar um campo de perfil no painel de controle para "abrigar" a opção de capa do perfil. A partir dele, você descobrirá o "ID" responsável para gerar a imagem da capa, basicamente.

Portanto, crie o campo de perfil conforme descrito no tutorial. Como está tendo dificuldade nisso, apenas tente criar esta opção de perfil, que eu posso descobrir o ID para você acessando seu fórum posteriormente.

Depois disso, lhe guio no resto.

Abraço.

Gabe
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 9996

http://ajuda.forumeiros.com

Resolvido Re: Como por capa no perfil?

Mensagem por Uatyla em Sex 2 Jan 2015 - 13:01

é justamente isso, que estou quebrando cabeça

Olha ai o codigo do meu perfil.
Código:
#profile_field_13_1

Imagem do meu perfil.



Código que eu uso é esse.
Código:
// FOTO DE CAPA
    if (window.location.pathname.indexOf('/u') == 0) {
       $(document).ready(function () {
           // Link Imagem Capa
           var fbcapa = $('#profile_field_13_1.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();
           });
       });
    }

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2390
Pontos Ativos : 4976

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista

Resolvido Re: Como por capa no perfil?

Mensagem por Gabe em Sex 2 Jan 2015 - 13:19

Bom dia novamente.

Acredito que o problema está no valor que está colocando no script.

Ao invés de utilizar "#profile_field_13_1", troque para "#field_id13_1".

Se não funcionar me passe a página onde está com o campo de perfil ativado para eu ver o ID.

Código:
// FOTO DE CAPA
    if (window.location.pathname.indexOf('/u') == 0) {
        $(document).ready(function () {
            // Link Imagem Capa
            var fbcapa = $('#field_id13_1 .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();
            });
        });
    }

Abraço!

Gabe
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 9996

http://ajuda.forumeiros.com

Resolvido Re: Como por capa no perfil?

Mensagem por Uatyla em Sex 2 Jan 2015 - 13:27

Ixi fica a mesma coisa, olha ai meu perfil http://vidadeaquarista.forumeiros.com/u1

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2390
Pontos Ativos : 4976

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista

Resolvido Re: Como por capa no perfil?

Mensagem por Gabe em Sex 2 Jan 2015 - 13:34

Acredito que agora funcionará, tive de registrar no seu fórum.

Código:
// FOTO DE CAPA
    if (window.location.pathname.indexOf('/u') == 0) {
        $(document).ready(function () {
            // Link Imagem Capa
            var fbcapa = $('#field_id1 .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();
            });
        });
    }

Abraço!

Gabe
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 9996

http://ajuda.forumeiros.com

Resolvido Re: Como por capa no perfil?

Mensagem por Uatyla em Sex 2 Jan 2015 - 13:48

Funcionou! Mais como deixa uma capa padrão?

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2390
Pontos Ativos : 4976

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista

Resolvido Re: Como por capa no perfil?

Mensagem por Gabe em Sex 2 Jan 2015 - 13:58

Volta lá na edição dos perfis, agora com o perfil da capa completo, vai ter aberto uma nova opção, na parte de baixo, chamada "Campo do Texto".

Lá vai ter o "Conteúdo Padrão", só colar o link da imagem lá!

Abraço!

Gabe
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 9996

http://ajuda.forumeiros.com

Resolvido Re: Como por capa no perfil?

Mensagem por Uatyla em Sex 2 Jan 2015 - 14:39

Muito obrigado!

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2390
Pontos Ativos : 4976

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista

Resolvido Re: Como por capa no perfil?

Mensagem por Shek em Sex 2 Jan 2015 - 15:33

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


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14615
Pontos Ativos : 21636

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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