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
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
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
GollD
 
YouTube3
 
Nean
 
lavinnia
 

Quem está conectado
111 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 100 Visitantes :: 1 Motor de busca

-xGabriel.., Belissimo, giancamposm, Harold C+, Holkis, iMont, iScroll, luuuiiiz, Nean, Nogueira SSA, while

[ Ver toda a lista ]


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

Perfil com foto de capa como no facebook

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

Resolvido Perfil com foto de capa como no facebook

Mensagem por ellipsis em Qui 13 Nov 2014 - 17:18

Detalhes da dúvida


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

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://testemunhasdejeova.forumeiros.com.pt/

Descrição do problema

Boa tarde,

Estive a tentar implementar uma das ultimas aplicações do pacotão de tutoriais, mas estou com algumas dificuldades.

Já colei o código no local correto
No perfis no campo Tipo deixei só Campo de texto

Na troca de valores conforme mostra a imagem ja troquei tudo ou mais alguma coisa e não dá certo.

Podem me ajudar por favor.


Última edição por ellipsis em Qui 13 Nov 2014 - 23:01, editado 1 vez(es)

ellipsis
Usuário avançado

Masculino
Inscrito dia : 28/09/2011
Mensagens : 367
Pontos Ativos : 2336

http://testemunhasdejeova.forumeiros.com.pt/

Resolvido Re: Perfil com foto de capa como no facebook

Mensagem por Reset em Qui 13 Nov 2014 - 17:31

Olá!

Pode me passar o código usado?

Até mais,
Reset.

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1074
Pontos Ativos : 2136

http://ajuda.forumeiros.com/

Resolvido Re: Perfil com foto de capa como no facebook

Mensagem por ellipsis em Qui 13 Nov 2014 - 17:58

Aqui está...

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

ellipsis
Usuário avançado

Masculino
Inscrito dia : 28/09/2011
Mensagens : 367
Pontos Ativos : 2336

http://testemunhasdejeova.forumeiros.com.pt/

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

Resolvido Re: Perfil com foto de capa como no facebook

Mensagem por ellipsis em Qui 13 Nov 2014 - 21:35

@Duel escreveu:Olá!

Poderia liberar a visualização dos perfis para convidados? Ou fornecer uma conta para testes.
http://testemunhasdejeova.forumeiros.com.pt/login?redirect=%2Fu1

zen

Feito

ellipsis
Usuário avançado

Masculino
Inscrito dia : 28/09/2011
Mensagens : 367
Pontos Ativos : 2336

http://testemunhasdejeova.forumeiros.com.pt/

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

Resolvido Re: Perfil com foto de capa como no facebook

Mensagem por Duel em Qui 13 Nov 2014 - 22:09

Boa noite!

Localize isto no seu código:
Código:
 var fbcapa = $('#field_id_13_6 .field_uneditable').text(); // Local onde coloca a ID do campo

Troque #field_id_13_6 por #field_id6.

Resulta?

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 1308

http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Perfil com foto de capa como no facebook

Mensagem por ellipsis em Qui 13 Nov 2014 - 23:00

Resultou obrigado

Cinco estrelas. Muito obrigado pelo seu feedback OK

ellipsis
Usuário avançado

Masculino
Inscrito dia : 28/09/2011
Mensagens : 367
Pontos Ativos : 2336

http://testemunhasdejeova.forumeiros.com.pt/

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