Classe para mudar imagem de fundo do perfil

Minha questão:

Oi, queria saber como faço para colocar uma imagem no fundo do perfil, o perfil que Target fez, [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Tenho que mudar alguma classe, criar, o que fazer ? como ???

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Olá amigão,
É fácil, no nosso painel de controle tem a opção "Perfis"
AdminCP (Painel de Controle do Administrador ) -> Usuários & Grupos -> Perfis

Vamos rolar a página e veremos um + verde:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Tipo : Campo do texto
Nome : Qualquer (ou capa de perfil)
Descrição : A sua escolha.
Obrigatório o Preenchimento? : A sua escolha. (Melhor marcar não).
Visualização : Perfil
Quem pode modificar o valor do seu conteúdo ? : Marque os dois.

As minhas configurações são estás:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Depois clique em salvar, provavelmente ele vai está no final, mas você joga ele pra cima com a seta verde pra cima [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] -> Está seta verde pra cima.
Até que ele fique no topo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Então depois é só clicar em Salvar
Depois visualize o seu perfil e veja como que ficou ^^
(Lembre-se de usar uma imagem pra testar)

Até + amigo!

Aqui não deu certo, Eu tenho que inserir o link da imagem que eu quero no campo Descrição ? Eu coloquei mas não mudou nada, continua igual
  O tipo é mesmo Campo de Texto ?
 Valew pela atenção !

Olá amigão,
Não é necessário em descrição por o link da imagem, o link da imagem quem vai botar é o membro no seu próprio perfil.
Porém, no seu fórum, as configurações são diferentes das do meu, me passe o código que eu editarei pra você amigão.

Até + amigo!

Código de qual parte ???

Opa amigão,
Era o código do perfil, mas aqui vai o código editado pra teu fórum :

Código:


$(document).ready(function(){
var profile = $('#profile-advanced-right .module').html(),
      username = $('.pun #main .main-head:nth-child(6) .h3').text(),
      logado = $('#pun-visit strong').text(),
      status_user = $.trim('{USER_ONLINE}'),
      id = location.pathname.match(/\d+/g),
      tid = $('input[name="tid"]').val(),
      logged = _userdata["session_logged_in"],
      level = _userdata["user_level"],
      admin = _userdata["user_level"],
      modal_html = '<div class="ban-modal" id="banpop" style="display:none">' +
                        '<div class="ban_content">' +
                  '<div class="close_ban">' +
                    '<div class="cont_cls">' +
                        '<a href="#cls" class="fecha">' +
                        '<img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-close-circled-24.png" title="Fechar janela" class="imgbanclose" />' +
                                    '</a>' +
                        '</div>' +
                                      '</div>' +
                  '<div class="conteudo">'  +
                  '<div class="header">' +
                  '<h1 class="page-title"> Banir usuário </h1>' +
                '</div>' +
                    '<div class="conteudo_banimento">' +
                      '<form action="/modcp?tid='+tid+'" method="post" class="frm-form">' +
                    '<p class="frm-info">Preencha abaixo e clique em confirmar para banir o membro</p>' +
                  '<p>' +
                '<label>Período que o membro ficará banido (em dias)</label>' +
                  '<input type="text" name="ban_user_date" class="inputbox tiny">' +
          '</p>' +
                      '<p>' +
                        '<label>Motivo do banimento:</label>' +
                              '<input type="text" name="ban_user_reason" class="inputbox tiny">' +
                    '</p>' +
                              '<fieldset class="frm-set">' +
                                '<dl>' +
                                    '<dt></dt>'+
                            '<dd>' +
                  '<input type="hidden" name="tid" value="'+tid+'">' +
                    '<input type="hidden" name="mode" value="ban">' +
                    '<input type="hidden" name="user_id" value="'+id+'">' +
                              '<input type="submit" name="confirm" value="Confirmar" title="Clique para banir o membro">' +
                          '<input type="submit" name="cancel" value="Cancelar" title="Clique para cancelar o banimento">' +
                            '</dd>' +
                '</dl>' +
                        '</fieldset>' +
                              '</form>'+
                    '</div>' +
                    '</div>' +
                    '</div>' +
                '</div>'+
      '<div class="fade_fora" style="display:none"></div>';

// Essencials     
$('#profile-advanced-layout').before( profile);
$('#profile-advanced-right .module:eq(0)').hide();

  if(status_user == 'conectado') {
      $('.pun .main-head em').html('online').addClass('online_ipb');
  };

//Edit avatar
if(id == _userdata["user_id"]) {
$('#main-content .main-content.clearfix.center img').after('<div id="edit_avat"><div class="editavt"><a href="javascript:void(0)" class="edit-avt" title="Alterar foto de perfil">Alterar</a></div></div>');
};

// Edit profile
if(id == _userdata["user_id"]) {
$('#profile-advanced-right .module:eq(1)').before('<div id="edit_profile"> <div class="edite_p"> <a href="/profile?mode=editprofile" title="Edite o seu perfil!">Editar meu perfil</a> </div></div>');
};

// Private message
if(logged === 1) {
 $('#profile-advanced-right .module:eq(1)').before('<div class="mp_envie"><div id="mp_new"><a href="/privmsg?mode=post&u='+id+'" class="mp_link" title="Escrever uma mp para o usuário '+username+' " style="color:#000"> Enviar mp </a> </div></div>');
};

// Mod ban
if(level === 1 || level === 2) {
 $('#profile-advanced-right .module:eq(1)').before('<div class="ban_modal"> <div class="click_ban"> <a href="#ban_member" title="Clique aqui para banir o usuário '+username+'"> Banir membro </a></div> </div>');
};


// Rep and points
$.get('/u'+id+' ', function ( data ) {
var points = $('#field_id-13 .field_uneditable', data).text();
var rep = $('#field_id-14 .field_uneditable', data).text();
var pn_name = $('#field_id-13 dt span', data).text();
$('#profile-advanced-right .module:eq(1)').after('<div class="reputation_ipb" id="target-code"> <span class="rep_nb">' + rep + ' </span> <span class="rep_txt"> Reputação </span> </div> <br /> <div class="point_ipb" id="target-code"> <span class="pnt_nb">' + points + ' </span> <span class="pnt_txt"> '+pn_name+' </span> </div>');
});


// Admin user
if(admin == 1) {
 $('#profile-advanced-right .module:eq(1)').before('<div class="admin_settings"> <div class="admin_advance"> <a href="admin/index.forum?mode=edit&part=users_groups&sub=users&u='+id+'&tid='+tid+' " id="admin_perfil" title="Página de administração do usuário '+username +'"> Administrar perfil </div> </div>');
};

//Edit avatar modal
$.get('/profile?mode=editprofile&page_profil=avatars', function( avt ){
var targeteditavt  = $('.pun #main-content .main .frm-form', avt).html();
$('#page-body').before('<div id="avt_edite" style="display:none"><div class="edit_settings_avt"><div class="close_avt"><div class="closeavt"> <a href="javascript:void(0)" class="sair_fade"> X</a></div></div><div class="edit_avt_advanced"><form action="/profile" enctype="multipart/form-data" method="post" name="post" id="ucp" class="frm-form">'+targeteditavt+'</form></div></div></div><div class="avatar_fade_fora" style="display:none"></div>');
$('.sair_fade, .avatar_fade_fora').click(function (){
$('#avt_edite, .avatar_fade_fora').fadeOut('1500');
});
});

$('#edit_avat .editavt a').click(function(){
$('#avt_edite, .avatar_fade_fora').fadeIn('1500');
});

//Edit profile modal
$('#edit_profile .edite_p a').attr('href', '#open_profile');
$.get('/profile?mode=editprofile&page_profil=informations', function(target){
var bestskinscodep =  $('.pun #main-content .main form#ucp', target).html();
$('#page-body').before('<div id="bs_profile_modal_advanced" style="display:none"> <div id="close_bestskins"><div class="close_bs"><a href="#close_perfil"> X</a>
</div></div> <div id="profile_target"> <form action="/profile" enctype="multipart/form-data" method="post" name="post" id="ucp" class="frm-form"> '+ bestskinscodep +'</form></div></div><div id="profile_fade" style="display:none"></div>');

$('#close_bestskins .close_bs a, #profile_fade').click(function(){
$('#bs_profile_modal_advanced, #profile_fade').fadeOut('1800');
$('#page-body').fadeIn('1900');
});

});

$('#edit_profile .edite_p a').click(function(){
$('#bs_profile_modal_advanced, #profile_fade').fadeIn('2200');
$('#page-body').hide();
});

// Ban modal
$('body').prepend( modal_html );

$('.ban_modal > .click_ban > a').click(function (){
$('#banpop, .fade_fora').fadeIn('1100');
});

$('.close_ban > .cont_cls  > .fecha, .fade_fora').click(function (){
$('#banpop, .fade_fora').fadeOut('1400');
});

// Capa de perfil
$.get('/u'+id+'', function( capa ){
var capa = $('#field_id2 .field_uneditable', capa).text();
$('.pun #main-content .main-content.clearfix.center').css({
'background-image':'url('+capa+')',
'background-size':'cover';
});
});

//Rank ivisible
$('.pun #main-content .main-content.clearfix.center').val('Rank').addClass('ranked');

//ImageAvt
$('#main-content .main-content.clearfix.center img').addClass('avata_img');

});


Substitua o código de lá por este ^^

Até + amigo!

Funciono  completamente ! Obrigado mais uma vez, pode fechar

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código