Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Perfil com Capa Igual a do Facebook
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Perfil com Capa Igual a do Facebook
Detalhes da questão
Endereço do fórum: http://familiaskiller.forumeiros.com/
Versão do fórum: ModernBB
Descrição
Olá,Boa Noite,E que eu quero adicionar Capa no Perfil como a do Facebook no Meu Fórum,Só que os Códigos que tem Não tem a da versão do Meu Fórum que e ModernBB.
Poderia me Falar se tem o CÓDIGO Pra versão do Meu Fórum?
Vir isso aqui - https://ajuda.forumeiros.com/t96192-tutorial-perfil-com-foto-de-capa-como-no-facebook
Agradeço desde.
Última edição por MtX em 10.07.17 20:42, editado 1 vez(es)
Re: Perfil com Capa Igual a do Facebook
Olá!
O código é este para a sua versão:
Apenas faça os procedimentos igual como é referido no tutorial e deve correr tudo ok!
Fica assim: http://prntscr.com/ftxc15
Hancki
O código é este para a sua versão:
- Código:
// FOTO DE CAPA
if (window.location.pathname.indexOf('/u') == 0) {
$(document).ready(function() {
// Link Imagem Capa
var fbcapa = $('#field_id-6 .field_uneditable').text(); // Local onde coloca a ID do campo
// Estrutura geral
$('#profile-advanced-layout').before('<style>#profile-advanced-layout { width: 100% !important; }#profile-advanced-layout #new-message { margin-left: -91px !important; }</style><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
$('.mod-login-avatar img[alt="avatar"]').clone().appendTo($('#fbavatar'));
// Nome
$('#profile-advanced-right div.module:first .h3:first').clone().appendTo($('#fbnome'));
// Rank
$('profile-advanced-right .mod-login-rank').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() {
$('#profile-advanced-layout #tabs li').click(function(e) {
e.preventDefault();
$('#profile-advanced-layout').after('<style>#profile-advanced-layout #tabs ul { margin-top: -50px !important; }</style>');
var url = this.firstChild.href;
if (url == '#') return;
$('#profile-advanced-left').load(url + ' #profile-advanced-left', tabfbperfil);
});
};
tabfbperfil();
});
});
}
Apenas faça os procedimentos igual como é referido no tutorial e deve correr tudo ok!
Fica assim: http://prntscr.com/ftxc15
Hancki
Re: Perfil com Capa Igual a do Facebook
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Perfil com foto de capa como no facebook
» Perfil com foto de capa como no facebook
» Capa de perfil
» Perfil com foto de capa (padrão) como no facebook
» Problema na capa do fórum como facebook
» Perfil com foto de capa como no facebook
» Capa de perfil
» Perfil com foto de capa (padrão) como no facebook
» Problema na capa do fórum como facebook
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos