foto de capa no perfil

3 participantes

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

Tópico resolvido foto de capa no perfil

Mensagem por viniliff 16.08.14 22:01

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 23:51, editado 1 vez(es)
viniliff

viniliff
Membro do fórum

Masculino
Membro desde : 04/06/2014
Mensagens : 1711
Pontos : 2076

http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Ir para o topo Ir para baixo

Tópico resolvido Re: foto de capa no perfil

Mensagem por Lima 3005 16.08.14 22:49

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


Shek escreveu:Será divulgado um código em breve.
Lima 3005

Lima 3005
Membro destaque

Masculino
Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: foto de capa no perfil

Mensagem por MateusV. 16.08.14 23:03

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='https://i.imgur.com/QglVEGE.png' />")});})}

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

Abraços.
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: foto de capa no perfil

Mensagem por viniliff 16.08.14 23:22

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

viniliff

viniliff
Membro do fórum

Masculino
Membro desde : 04/06/2014
Mensagens : 1711
Pontos : 2076

http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: foto de capa no perfil

Mensagem por MateusV. 16.08.14 23:43

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

MateusV.
Principal contribuidor
Principal contribuidor

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: foto de capa no perfil

Mensagem por viniliff 16.08.14 23:50

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

viniliff
Membro do fórum

Masculino
Membro desde : 04/06/2014
Mensagens : 1711
Pontos : 2076

http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos