foto de capa no perfil

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

Resolvido foto de capa no perfil

Mensagem por viniliff em 16/08/14, 06:01 pm

Sei que essa questão é um tanto quanto antiga e que já foi debatida diversas vezes aqui no FdF, mas muitas coisas mudaram nesse tempo, e até mesmo este fórum começou a utilizar o efeito de foto de capa.

Por isso, gostaria de saber se  há algum código que adicione essa função nos perfis de usuários.

Grato Piscada


Última edição por viniliff em 16/08/14, 07:51 pm, editado 1 vez(es)
avatar

viniliff
Membro do Fórum

Masculino
Inscrito dia : 04/06/2014
Mensagens : 1710
Pontos Ativos : 2079

Ver perfil do usuário http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Resolvido Re: foto de capa no perfil

Mensagem por Lima 3005 em 16/08/14, 06:49 pm

O código ainda não foi divulgado penso!


@Shek escreveu:Será divulgado um código em breve.
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: foto de capa no perfil

Mensagem por MateusV. em 16/08/14, 07:03 pm

Boa noite, antes de tudo, crie um campo no perfil para que os usuários coloquem o link da imagem que servirá como capa, após isso adicione este código em seu javascript (em investimento marque em todas as páginas):
if(window.location.pathname.indexOf('/u')==0){$(document).ready(function(){var fbcapa=$('#field_id7 .field_uneditable').text();$('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>');$('div#main-content div.module:first div.inner img[alt=""]').clone().appendTo($('#fbavatar'));$('div#main-content div.module:first .h3:first').clone().appendTo($('#fbnome'));$('div#main-content div.module:first b').clone().appendTo($('#fbrank'));$('div#main-content div.module:first div.inner img:last').clone().appendTo($('#fbgrupo'));$(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()});$("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' />")});})}

Edite o que está em vermelho para a id do campo que criou.

Abraços.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: foto de capa no perfil

Mensagem por viniliff em 16/08/14, 07:22 pm

Obrigado.

O efeito funcionou, mas tive um pequeno problema, como pode ver em meu fórum:
http://colonia.livreforum.com/u1

O id está correto, alguma solução?

Grato. Piscada

avatar

viniliff
Membro do Fórum

Masculino
Inscrito dia : 04/06/2014
Mensagens : 1710
Pontos Ativos : 2079

Ver perfil do usuário http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Resolvido Re: foto de capa no perfil

Mensagem por MateusV. em 16/08/14, 07:43 pm

Boa noite, acho que você não entendeu, a id que eu estava me referindo na mensagem anterior era a id do campo criado, e não do usuário. Todavia, substitua o código por este, eu mesmo fiz as modificações necessárias:
Código:
if(window.location.pathname.indexOf('/u')==0){$(document).ready(function(){var fbcapa=$('#field_id2 .field_uneditable').text();$('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>');$('div#main-content div.module:first div.inner img[alt=""]').clone().appendTo($('#fbavatar'));$('div#main-content div.module:first .h3:first').clone().appendTo($('#fbnome'));$('div#main-content div.module:first b').clone().appendTo($('#fbrank'));$('div#main-content div.module:first div.inner img:last').clone().appendTo($('#fbgrupo'));$(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()});$("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' />")});})}

Abraços.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: foto de capa no perfil

Mensagem por viniliff em 16/08/14, 07:50 pm

Código funcionando com êxito!
Muito obrigado.  Muito feliz 
avatar

viniliff
Membro do Fórum

Masculino
Inscrito dia : 04/06/2014
Mensagens : 1710
Pontos Ativos : 2079

Ver perfil do usuário http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

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