Adição de capa no perfil do fórum

3 participantes

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

Tópico resolvido Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 13.04.21 17:52

Detalhes da questão


Endereço do fórum: https://brasilplayobscure.forumeiros.com
Versão do fórum: AwesomeBB

Descrição


Queria saber se tem como adicionar capa no perfil estilo assim: https://i.imgur.com/Ph0sQNT.png
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por Chagas 16.04.21 19:39

Saudações,

Tópico movido


O tópico foi movido para o setor: Questões sobre códigos.

Nota: É importante que procure escolher a área certa para a sua questão afim de manter a organização do fórum.
Para mais informações, leia o Regulamento do Fórum dos Fóruns

PS: Evite utilizar CapsLock nos títulos, por gentileza. Em breve, responderemos a sua questão com os devidos procedimentos.

Atenciosamente,
Chagas
Chagas

Chagas
Membro destaque

Masculino
Inscrito dia : 22/10/2015
Mensagens : 882
Pontos ativos : 1085

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 17.04.21 14:54

alguma resposta sobre o código?
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por pedxz 18.04.21 15:30

Olá @PauloVinicios1755,

O senhor pode seguir este tutorial "Perfil com foto de capa como no facebook", mas use este script:
Código:
// FOTO DE CAPA
                if (window.location.pathname.indexOf('/u') == 0) {
                    $(document).ready(function() {
                        // Link Imagem Capa
                        var fbcapa = $('#field_id-8 .field_uneditable').text(); // Local onde coloca a ID do campo
                        // Estrutura geral
                      $('.advanced-profile:first').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></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;} #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; }#profile-advanced-layout #tabs { margin-bottom: -13px !important; margin-left: -10px; } #profile-advanced-details { padding-top: 10px !important; }#fbrank span { margin-bottom: 40px !important; }#profile-advanced-layout { margin-top: 30px; }#fbperfil {     padding: .75rem; }#fbnome i {     display: none; }</style>');
                        // Avatar
                        $('.mod-login-avatar img').clone().appendTo($('#fbavatar'));
                        // Nome
                      $('.cp-sidebar .box-head:first').clone().removeClass().appendTo($('#fbnome'));
                        // Rank
                        $('.mod-login-rank img').clone().appendTo($('#fbrank'));
                        // Prevenir avatares duplos para usuários sem imagem de rank
                        $('.cp-sidebar.advanced-profile > .box:first').remove();
                        $(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
                        $('#fbnome em').html(function(_, html) {
                            return html.replace("(conectado)", "<img alt='Conectado' title='Conectado' src='https://i.imgur.com/QglVEGE.png' />")
                        });
                        // Tabs sem refresh para evitar erros na foto de capa
                        $(function() {
                            var tabfbperfil = function() {
                                $('#tabs ul li > a').click(function(e) {
                                    e.preventDefault();
                                    var url = this.href;
                                    if (url == '#') return;
                                    $('.cp.advanced-profile').load(url + ' .cp-inner', tabfbperfil);
                                });
                            };
                            tabfbperfil();
                        });
                    });
                }
Demonstração:
Adição de capa no perfil do fórum OZVCkNm


Atenciosamente,
pedxz.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6404
Pontos ativos : 7564

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 18.04.21 15:45

Olá o código fucionou perfeitamente agradeço desde já, mais esta meio bugado: https://i.imgur.com/iYKSXun.png

Outra coisa teria como colocar os ranks debaixo do avatar
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por pedxz 18.04.21 15:48

O senhor pode criar um novo campo de perfil para a capa - visível para convidados, por favor!


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6404
Pontos ativos : 7564

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 18.04.21 15:52

use minha conta teste sem poderes moderativos ou adiministrativo

Forumeiros
Senha: testeforum123
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por pedxz 18.04.21 15:54

- Perfil personalizado:
Agora, acesse Painel de Controle > Usuários e Grupos > Usuários > Perfis > Adição de capa no perfil do fórum Ajouter > e no nome Tipo, determine o valor como Campo de texto, disponibilizando tal campo somente no Perfil. Feito isso, salve.


Adição de capa no perfil do fórum Step-210 Caso tenha dúvidas referente a criação de um campo no perfil dos usuários, aconselhamos que leia atentamente o seguinte FAQ: https://ajuda.forumeiros.com/t17049-criacao-e-gestao-dos-perfis

Adição de capa no perfil do fórum Untitl16


Em seguida, acesse o perfil do seu usuário. Por exemplo: https://ajuda.forumeiros.com/u1 Em seguida, clique no botão direito do mouse por cima da caixa de texto correspondente ao seu campo de perfil que vai abrigar a URL da foto de capa, na opção "Inspecionar elemento":


Adição de capa no perfil do fórum 1step10

Na imagem ilustrativa acima, o campo correspondente onde vamos colocar a URL da imagem é o profile_field_13_7. Acesse novamente o seu script, e nele localize por:

Código:
var fbcapa = $('#field_id-20 .field_uneditable').text(); // Local onde coloca a ID do campo
Troque o valor:
Código:
field_id-20
Pelo valor do 'FIELD' que obteve quando inspecionou o elemento. Feito isso, salve seu código com o novo valor do Field.




  • Como definir capa padrão?
    Para obter ajuda, acesse o seguinte link: https://ajuda.forumeiros.com/t17049-#102198 Ao definir um conteúdo padrão, a URL será mostrada mesmo que o membro não digite a URL de capa.
    @Shek escreveu:Acesse Usuários e Grupos > Perfils > Foto de capa Editar > Campo de texto > Substituir conteúdo >
    Em seguida, volte no mesmo local, e na caixa Campo do texto cole a URL da imagem padrão para novos usuários.


  • Tenho um template IPBoard profile, e o código não funcionou. O que fazer?
    O código só é compatível com versão de perfil Forumeiros. Caso use um perfil avançado mais conhecido como IPBoard profile, então, nós não poderemos lhe fornecer uma correção, visto que, o mesmo não é adaptável ao seu template editado.


  • A capa não aparece no perfil! O que devo fazer?
    Existem algumas instruções básicas para solucionar este problema. Primeiro, deve procurar o Seletor CSS do campo do perfil personalizado e ao encontrar, substituir conforme ministrado acima.
    Veja algumas questões resolvidas sobre o assunto:
    https://ajuda.forumeiros.com/t96284-
    https://ajuda.forumeiros.com/t96295-


    Resultado

    Adição de capa no perfil do fórum 0e8UEVo



Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6404
Pontos ativos : 7564

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 18.04.21 16:05

olá amigo no tipo eu coloco qual opção: https://i.imgur.com/jsbPZtH.png
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por pedxz 18.04.21 16:06

olá amigo no tipo eu coloco qual opção: https://i.imgur.com/jsbPZtH.png
Campo de texto


Última edição por pedxz em 18.04.21 16:13, editado 1 vez(es)


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6404
Pontos ativos : 7564

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 18.04.21 16:12

Pronto adicionei: com esse seguinte preenchimento :https://i.imgur.com/RypQDuv.png
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por pedxz 18.04.21 16:14

olá amigo no tipo eu coloco qual opção: https://i.imgur.com/jsbPZtH.png
Peço imensa desculpa o correto é "Campo de texto" Triste


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6404
Pontos ativos : 7564

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 18.04.21 16:19

Pronto
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por pedxz 18.04.21 17:10

Altere para:
Código:
// FOTO DE CAPA
                if (window.location.pathname.indexOf('/u') == 0) {
                    $(document).ready(function() {
                        // Link Imagem Capa
                        var fbcapa = $('#field_id3 .field_uneditable').text(); // Local onde coloca a ID do campo
                        // Estrutura geral
                      $('.advanced-profile:first').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: 1.4em;" id="fbrank"></td></tr><tr><td style="font-size: 16px;" id="fbnome"></td></tr></table></div></div><style>table#fbperfil tbody tr td#fbnome div.h3 {text-transform: none !important;} #fbavatar img[loading] + img {    display: block; } #fbavatar img[loading] { height: 100px; width: 100px;    border-radius: 6px;    object-fit: cover;    object-position: center; }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;} #fbfundo { border: 2px solid #BDBDBD; -webkit-border-radius: 5px; } #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; }#profile-advanced-layout #tabs { margin-bottom: -13px !important; margin-left: -10px; } #profile-advanced-details { padding-top: 10px !important; }#fbrank span { margin-bottom: 40px !important; }#profile-advanced-layout { margin-top: 30px; }#fbperfil {    padding: .75rem; }#fbnome i {    display: none; }</style>');
                        // Avatar
                        $('.mod-login-avatar img').clone().appendTo($('#fbavatar'));
                        // Nome
                      $('.cp-sidebar .box-head:first').clone().removeClass().appendTo($('#fbnome'));
                        // Rank
                        $('.mod-login-rank img').clone().appendTo($('#fbavatar'));
                        // Prevenir avatares duplos para usuários sem imagem de rank
                      $('.cp-sidebar.advanced-profile > .box:first').remove();
                        $(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
                        $('#fbnome em').html(function(_, html) {
                            return html.replace("(conectado)", "<img alt='Conectado' title='Conectado' src='https://i.imgur.com/QglVEGE.png' />")
                        });
                        // Tabs sem refresh para evitar erros na foto de capa
                        $(function() {
                            var tabfbperfil = function() {
                                $('#tabs ul li > a').click(function(e) {
                                    e.preventDefault();
                                    var url = this.href;
                                    if (url == '#') return;
                                    $('.cp.advanced-profile').load(url + ' .cp-inner', tabfbperfil);
                                });
                            };
                            tabfbperfil();
                        });
                    });
                }


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6404
Pontos ativos : 7564

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 18.04.21 17:37

removeu os bugs da foto perfil mas olha como ficou os ranks: https://i.imgur.com/riOzv0f.png
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por pedxz 18.04.21 17:44

Mas isso vai acontecer porque a imagem dos ranks é muito grande Hmmm


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6404
Pontos ativos : 7564

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 18.04.21 17:57

tem como jogar os ranks lá pro canto superior direito?
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por pedxz 18.04.21 18:03

Altere para:
Código:
        // FOTO DE CAPA
                        if (window.location.pathname.indexOf('/u') == 0) {
                            $(document).ready(function() {
                                // Link Imagem Capa
                                var fbcapa = $('#field_id3 .field_uneditable').text(); // Local onde coloca a ID do campo
                                // Estrutura geral
                              $('.advanced-profile:first').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></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;} #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; }#profile-advanced-layout #tabs { margin-bottom: -13px !important; margin-left: -10px; } #profile-advanced-details { padding-top: 10px !important; }#fbrank span { margin-bottom: 40px !important; }#profile-advanced-layout { margin-top: 30px; }#fbperfil {     padding: .75rem; }#fbnome i {     display: none; }</style>');
                                // Avatar
                                $('.mod-login-avatar img').clone().appendTo($('#fbavatar'));
                                // Nome
                              $('.cp-sidebar .box-head:first').clone().removeClass().appendTo($('#fbnome'));
                                // Rank
                                $('.mod-login-rank img').clone().appendTo($('#fbrank'));
                                // Prevenir avatares duplos para usuários sem imagem de rank
                                $('.cp-sidebar.advanced-profile > .box:first').remove();
                                $(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
                                $('#fbnome em').html(function(_, html) {
                                    return html.replace("(conectado)", "<img alt='Conectado' title='Conectado' src='https://i.imgur.com/QglVEGE.png' />")
                                });
                                // Tabs sem refresh para evitar erros na foto de capa
                                $(function() {
                                    var tabfbperfil = function() {
                                        $('#tabs ul li > a').click(function(e) {
                                            e.preventDefault();
                                            var url = this.href;
                                            if (url == '#') return;
                                            $('.cp.advanced-profile').load(url + ' .cp-inner', tabfbperfil);
                                        });
                                    };
                                    tabfbperfil();
                                });
                            });
                        }


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6404
Pontos ativos : 7564

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 18.04.21 18:15

Então o bug da foto do perfil volto, e queria os ranks assim: https://i.imgur.com/DC9TLtU.png
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 20.04.21 16:38

Up 48 horas
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por pedxz 24.04.21 15:15

Altere para:
Código:
// FOTO DE CAPA
                        if (window.location.pathname.indexOf('/u') == 0) {
                            $(document).ready(function() {
                                // Link Imagem Capa
                                var fbcapa = $('#field_id3 .field_uneditable').text(); // Local onde coloca a ID do campo
                                // Estrutura geral
                              $('.advanced-profile:first').before('<div style="width: 100%; height: 315px; position: relative; background: url(' + (fbcapa.length ? fbcapa : 'https://wallup.net/wp-content/uploads/2018/09/25/569833-clown-Twisty-horror-gore-American_Horror_Story.jpg') + ') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;" id="fbfundo"><table id="fbperfil" style="display: block; width: 100%; height: 315px;">  <tr style="display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; width: 100%;">    <td data-fbperfil-avatar style="flex-grow: initial;"></td>    <td data-fbperfil-name style="flex-grow: 1;margin-left: 1rem;"></td>  <td data-fbperfil-rank style="flex-grow: 1;text-align: right;"></td> </tr> </table></div><style>table#fbperfil tbody tr td#fbnome div.h3 {text-transform: none !important;} #fbavatar img[loading] + img {    display: block; } #fbperfil tbody {    display: block;    width: 100%; } #fbavatar img[loading] { height: 100px; width: 100px;    border-radius: 6px;    object-fit: cover;    object-position: center; }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;} #fbfundo { border: 2px solid #BDBDBD; -webkit-border-radius: 5px; } #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; }#profile-advanced-layout #tabs { margin-bottom: -13px !important; margin-left: -10px; } #profile-advanced-details { padding-top: 10px !important; }#fbrank span { margin-bottom: 40px !important; }#profile-advanced-layout { margin-top: 30px; }#fbperfil {    padding: .75rem; }[data-fbperfil-name=""] i {    display: none; }</style>');
                                // Avatar
                                $('.mod-login-avatar img').clone().appendTo($('[data-fbperfil-avatar]'));
                                // Nome
                              $('.cp-sidebar .box-head:first').clone().removeClass().appendTo($('[data-fbperfil-name]'));
                                // Rank
                                $('.mod-login-rank img').clone().appendTo($('[data-fbperfil-rank]'));
                                // Prevenir avatares duplos para usuários sem imagem de rank
                              $('.cp-sidebar.advanced-profile > .box:first').remove();
                                $(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
                                $('[data-fbperfil-name=""] em').html(function(_, html) {
                                    return html.replace("(conectado)", "<img alt='Conectado' title='Conectado' src='https://i.imgur.com/QglVEGE.png' />")
                                });
                                // Tabs sem refresh para evitar erros na foto de capa
                                $(function() {
                                    var tabfbperfil = function() {
                                        $('#tabs ul li > a').click(function(e) {
                                            e.preventDefault();
                                            var url = this.href;
                                            if (url == '#') return;
                                            $('.cp.advanced-profile').load(url + ' .cp-inner', tabfbperfil);
                                        });
                                    };
                                    tabfbperfil();
                                });
                            });
                        }


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6404
Pontos ativos : 7564

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 24.04.21 17:57

Otimo realmente fucionou só que a foto de perfil ficou retangular teria como deixa-la quadrada? e aumentar o nome do usuario?
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por pedxz 24.04.21 18:35

só que a foto de perfil ficou retangular teria como deixa-la quadrada? e aumentar o nome do usuario?
Código:
// FOTO DE CAPA
                        if (window.location.pathname.indexOf('/u') == 0) {
                            $(document).ready(function() {
                                // Link Imagem Capa
                                var fbcapa = $('#field_id3 .field_uneditable').text(); // Local onde coloca a ID do campo
                                // Estrutura geral
                              $('.advanced-profile:first').before('<div style="width: 100%; height: 315px; position: relative; background: url(' + (fbcapa.length ? fbcapa : 'https://wallup.net/wp-content/uploads/2018/09/25/569833-clown-Twisty-horror-gore-American_Horror_Story.jpg') + ') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;" id="fbfundo"><table id="fbperfil" style="display: block; width: 100%; height: 315px;">  <tr style="display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; width: 100%;">    <td data-fbperfil-avatar style="flex-grow: initial;"></td>    <td data-fbperfil-name style="flex-grow: 1;margin-left: 1rem; font-size: 1.25rem !important;"></td>  <td data-fbperfil-rank style="flex-grow: 1;text-align: right;"></td> </tr> </table></div><style>table#fbperfil tbody tr td#fbnome div.h3 {text-transform: none !important;} #fbperfil tbody {    display: block;    width: 100%; } [data-fbperfil-avatar=""] img[loading] { height: 100px; width: 100px;    border-radius: 6px;    object-fit: cover;    object-position: center; }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;} #fbfundo { border: 2px solid #BDBDBD; -webkit-border-radius: 5px; } #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; }#profile-advanced-layout #tabs { margin-bottom: -13px !important; margin-left: -10px; } #profile-advanced-details { padding-top: 10px !important; }#fbrank span { margin-bottom: 40px !important; }#profile-advanced-layout { margin-top: 30px; }#fbperfil {    padding: .75rem; }[data-fbperfil-name=""] i {    display: none; }</style>');
                                // Avatar
                                $('.mod-login-avatar img').clone().appendTo($('[data-fbperfil-avatar]'));
                                // Nome
                              $('.cp-sidebar .box-head:first').clone().removeClass().appendTo($('[data-fbperfil-name]'));
                                // Rank
                                $('.mod-login-rank img').clone().appendTo($('[data-fbperfil-rank]'));
                                // Prevenir avatares duplos para usuários sem imagem de rank
                              $('.cp-sidebar.advanced-profile > .box:first').remove();
                                $(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
                                $('[data-fbperfil-name=""] em').html(function(_, html) {
                                    return html.replace("(conectado)", "<img alt='Conectado' title='Conectado' src='https://i.imgur.com/QglVEGE.png' />")
                                });
                                // Tabs sem refresh para evitar erros na foto de capa
                                $(function() {
                                    var tabfbperfil = function() {
                                        $('#tabs ul li > a').click(function(e) {
                                            e.preventDefault();
                                            var url = this.href;
                                            if (url == '#') return;
                                            $('.cp.advanced-profile').load(url + ' .cp-inner', tabfbperfil);
                                        });
                                    };
                                    tabfbperfil();
                                });
                            });
                        }


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6404
Pontos ativos : 7564

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 24.04.21 21:25

perfeito mais teria como diminuir a altura da capa pfv?
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por pedxz 24.04.21 21:32

como diminuir a altura da capa
Código:
        // FOTO DE CAPA
                                if (window.location.pathname.indexOf('/u') == 0) {
                                    $(document).ready(function() {
                                        // Link Imagem Capa
                                        var fbcapa = $('#field_id3 .field_uneditable').text(); // Local onde coloca a ID do campo
                                        // Estrutura geral
                                      $('.advanced-profile:first').before('<div style="width: 100%; height: 250px; position: relative; background: url(' + (fbcapa.length ? fbcapa : 'https://wallup.net/wp-content/uploads/2018/09/25/569833-clown-Twisty-horror-gore-American_Horror_Story.jpg') + ') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;" id="fbfundo"><table id="fbperfil" style="display: block; width: 100%; height: 250px;">  <tr style="display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; width: 100%;">    <td data-fbperfil-avatar style="flex-grow: initial;"></td>    <td data-fbperfil-name style="flex-grow: 1;margin-left: 1rem; font-size: 1.25rem !important;"></td>  <td data-fbperfil-rank style="flex-grow: 1;text-align: right;"></td> </tr> </table></div><style>table#fbperfil tbody tr td#fbnome div.h3 {text-transform: none !important;} #fbperfil tbody {    display: block;    width: 100%; } [data-fbperfil-avatar=""] img[loading] { height: 100px; width: 100px;    border-radius: 6px;    object-fit: cover;    object-position: center; }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;} #fbfundo { box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1); -webkit-border-radius: 3px; } #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; }#profile-advanced-layout #tabs { margin-bottom: -13px !important; margin-left: -10px; } #profile-advanced-details { padding-top: 10px !important; }#fbrank span { margin-bottom: 40px !important; }#profile-advanced-layout { margin-top: 30px; }#fbperfil {    padding: .75rem; }[data-fbperfil-name=""] i {    display: none; }</style>');
                                        // Avatar
                                        $('.mod-login-avatar img').clone().appendTo($('[data-fbperfil-avatar]'));
                                        // Nome
                                      $('.cp-sidebar .box-head:first').clone().removeClass().appendTo($('[data-fbperfil-name]'));
                                        // Rank
                                        $('.mod-login-rank img').clone().appendTo($('[data-fbperfil-rank]'));
                                        // Prevenir avatares duplos para usuários sem imagem de rank
                                      $('.cp-sidebar.advanced-profile > .box:first').remove();
                                        $(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
                                        $('[data-fbperfil-name=""] em').html(function(_, html) {
                                            return html.replace("(conectado)", "<img alt='Conectado' title='Conectado' src='https://i.imgur.com/QglVEGE.png' />")
                                        });
                                        // Tabs sem refresh para evitar erros na foto de capa
                                        $(function() {
                                            var tabfbperfil = function() {
                                                $('#tabs ul li > a').click(function(e) {
                                                    e.preventDefault();
                                                    var url = this.href;
                                                    if (url == '#') return;
                                                    $('.cp.advanced-profile').load(url + ' .cp-inner', tabfbperfil);
                                                });
                                            };
                                            tabfbperfil();
                                        });
                                    });
                                }


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6404
Pontos ativos : 7564

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 25.04.21 4:51

diminuiu?
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por pedxz 25.04.21 10:31

diminuiu?
Sim! De 315px para 250px


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6404
Pontos ativos : 7564

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 25.04.21 15:51

olá amigo, então só pra finalizar eu queria que você descesse a foto de perfil e o nick só 2 dedos olha como está: https://i.imgur.com/OiFTNkh.png
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por pedxz 25.04.21 16:27

o nick só 2 dedos
Código:
        // FOTO DE CAPA
                                if (window.location.pathname.indexOf('/u') == 0) {
                                    $(document).ready(function() {
                                        // Link Imagem Capa
                                        var fbcapa = $('#field_id3 .field_uneditable').text(); // Local onde coloca a ID do campo
                                        // Estrutura geral
                                      $('.advanced-profile:first').before('<div style="width: 100%; height: 315px; position: relative; background: url(' + (fbcapa.length ? fbcapa : 'https://wallup.net/wp-content/uploads/2018/09/25/569833-clown-Twisty-horror-gore-American_Horror_Story.jpg') + ') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;" id="fbfundo"><table id="fbperfil" style="display: block; width: 100%; height: 315px;">  <tr style="display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; width: 100%;">    <td data-fbperfil-avatar style="flex-grow: initial;margin-top: 10rem !important;"></td>    <td data-fbperfil-name style="flex-grow: 1;margin-left: 1rem; font-size: 1.25rem !important;"></td>  <td data-fbperfil-rank style="flex-grow: 1;text-align: right;"></td> </tr> </table></div><style>table#fbperfil tbody tr td#fbnome div.h3 {text-transform: none !important;} #fbperfil tbody {    display: block;    width: 100%; } [data-fbperfil-avatar=""] img[loading] { height: 100px; width: 100px;    border-radius: 6px;    object-fit: cover;    object-position: center; }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;} #fbfundo { border: 2px solid #BDBDBD; -webkit-border-radius: 5px; } #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; }#profile-advanced-layout #tabs { margin-bottom: -13px !important; margin-left: -10px; } #profile-advanced-details { padding-top: 10px !important; }#fbrank span { margin-bottom: 40px !important; }#profile-advanced-layout { margin-top: 30px; }#fbperfil {    padding: .75rem; }[data-fbperfil-name=""] i {    display: none; }</style>');
                                        // Avatar
                                        $('.mod-login-avatar img').clone().appendTo($('[data-fbperfil-avatar]'));
                                        // Nome
                                      $('.cp-sidebar .box-head:first').clone().removeClass().appendTo($('[data-fbperfil-name]'));
                                        // Rank
                                        $('.mod-login-rank img').clone().appendTo($('[data-fbperfil-rank]'));
                                        // Prevenir avatares duplos para usuários sem imagem de rank
                                      $('.cp-sidebar.advanced-profile > .box:first').remove();
                                        $(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
                                        $('[data-fbperfil-name=""] em').html(function(_, html) {
                                            return html.replace("(conectado)", "<img alt='Conectado' title='Conectado' src='https://i.imgur.com/QglVEGE.png' />")
                                        });
                                        // Tabs sem refresh para evitar erros na foto de capa
                                        $(function() {
                                            var tabfbperfil = function() {
                                                $('#tabs ul li > a').click(function(e) {
                                                    e.preventDefault();
                                                    var url = this.href;
                                                    if (url == '#') return;
                                                    $('.cp.advanced-profile').load(url + ' .cp-inner', tabfbperfil);
                                                });
                                            };
                                            tabfbperfil();
                                        });
                                    });
                                }


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6404
Pontos ativos : 7564

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por PauloVinicios1755 25.04.21 22:07

Perfeito pedxz obrigado mesmo te amo <3, mais uma dúvida e se eu quiser baixar mais o ft d perfil e o nick como eu faço?
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Inscrito dia : 04/04/2021
Mensagens : 210
Pontos ativos : 295

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adição de capa no perfil do fórum

Mensagem por Chagas 01.05.21 3:04

Tópico resolvido


Tópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão.
Chagas

Chagas
Membro destaque

Masculino
Inscrito dia : 22/10/2015
Mensagens : 882
Pontos ativos : 1085

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


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