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
» [Pedido] Banner
Hoje à(s) 17:59 por -xGabriel..

» Formulário de postagem
Hoje à(s) 17:30 por Cepheus

» Personalizar topo do fórum
Hoje à(s) 16:23 por while

» Deslocar os botões do perfil
Hoje à(s) 15:28 por Cream

» Erro no facebook connect
Hoje à(s) 15:07 por Cream

» Nome e e título do rank acima do avatar
Hoje à(s) 15:06 por Cream

» Fontes do editor do fórum
Hoje à(s) 14:51 por Cream

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
 
Sennior
 
Nogueira SSA
 
GollD
 
Nean
 

Quem está conectado
115 usuários online :: 10 usuários cadastrados, 1 Invisível e 104 Visitantes :: 2 Motores de busca

-xGabriel.., Connor R., Cream, giancamposm, GollD, guilhefran1, Holkis, MateusAnjosV, sandra51, while

[ Ver toda a lista ]


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

Perfil elegnte com erro na capa

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

Resolvido Perfil elegnte com erro na capa

Mensagem por Noiadofuk em Sex 5 Fev 2016 - 2:20

Detalhes da questão


Endereço do fórum: http://twoliferpg.directorioforuns.com/
Versão do fórum: PunBB

Descrição


Bom pessoal, eu tenho um javascript com a ajuda do CSS que faz o efeito de ter uma aparencia melhor do perfil do usuario... mas eu tenho um campo de perfil chamado "Capa de Perfil" e gostaria que o Javascript identificasse o campo pra que fique salvo a Url da Imagem mencionada no campo para a "capa".

Aqui está o javascript que eu uso:
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();
$('#profile-advanced-right .module:eq(1)').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(2)').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(2)').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(2)').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(2)').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(2)').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');

});

e aqui o CSS:
Código:
#profile-advanced-right .module {
    margin-top: 30px !important;
}
.pun .main-head:nth-child(6) {
    padding: 8px;
    background: #000;
    color: #fff;
    font-size: 14px;
}

.off_ipb {
    display: inline-block;
    display: inherit;
}

.online_ipb {
    display: inline-block;
}

.pun .main-head:nth-child(6) .h3 {
    display: inline-block;
}

.off_ipb {
    padding: 5px;
    background: rgb(205, 26, 26);
    border: 1px solid #A62525;
    border-radius: 5px;
    position: absolute;
    width: 3.45%;
    margin-left: 20px;
}

.off_ipb, .online_ipb  {
 top: 41.3%;
  
}
.online_ipb {
    padding: 5.5px;      
    background: rgb(66, 205, 26);      
    border: 1px solid #25A646;      
    border-radius: 5px;
    position: absolute;      
    margin-left: 60px;
    z-index: 1;
    width: 3.5%;
}

.reputation_ipb {
        background: #24BD00;
        border: 1px solid #24B103;
}

.reputation_ipb, .point_ipb {
    color: #fff;
    padding: 8px 5px 10px;
    border-radius: 4px;
    line-height: 130%;
    text-align: center;
    font-size: 14px;
}
.point_ipb {
    background-color: red;
    border: 1px solid #EEE;
    color: #fff!important;
}
span.rep_nb, span.rep_txt, {
    display: inline-block;
}
span.rep_txt, .pnt_txt {
        display: inline-block;
        margin-top: 4px;
}
span.rep_nb {
    display: inherit;
    /* position: absolute; */
    /* margin-top: -10px; */
    /* margin-left: 26px; */
    /* margin-bottom: 1px; */
}
.pnt_nb {
    display: inherit;
}

.friend-block .avatar img {
    background: #fff;
    border-radius: 100% !important;
}
.friend-block .avatar img {
    border-radius: 100% !important;
    border: 3px solid #F7F7F7;
    background: #FCFCFC;
    padding: 2px;
    box-shadow: 0px 2px 10px rgba(225, 225, 225, 0.45);
    -moz-box-shadow: 0px 2px 10px rgba(225, 225, 225, 0.45);
    -webkit-box-shadow: 0px 2px 10px rgba(225, 225, 225, 0.45);
    -o-box-shadow: 0px 2px 10px rgba(225, 225, 225, 0.45);
}
.friend-block .avatar {
    border: 0 !important;
    background: transparent;
}

.friend-block .avatar img:hover {
    border: 3px solid #F5F5F5;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    box-shadow: 0px 2px 10px rgba(225, 225, 225, 0.5);
    -moz-box-shadow: 0px 2px 10px rgba(225, 225, 225, 0.5);
    -webkit-box-shadow: 0px 2px 10px rgba(225, 225, 225, 0.5);
    -o-box-shadow: 0px 2px 10px rgba(225, 225, 225, 0.5);
                
}

#edit_avat {
    position: absolute;
    padding: 7px;
    right: 75%;
  font-size: 14px !important;
}

.editavt {
    background: rgba(0, 0, 0, 0.4);
    padding: 8px;
    border-radius: 5px;
}

a.edit-avt {
    color: #fff !important;
    padding: 3px;
}

.editavt:hover {
    background: rgba(0, 0, 0, 0.8);
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

.ranked {
  font-size: 0
}

#profile_fade {
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.39);
    top: 0;
    left: 0;
    z-index: 1!important;
}

div#bs_profile_modal_advanced {
    z-index: 999;
    padding: 6px;
    position: relative;
}

div#close_bestskins {
    float: right;
    background: rgba(0, 0, 0, 0.48);
    padding: 5px;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.36);
    margin-top: -3px;
    margin-right: -5px;
}

.close_bs {
    font-size: 15px;
    font-weight: 700;
}

.close_bs a {
    color: red !important;
    padding-right: 0px;
    padding-left: 2px;
    margin-right: -2px;
}

div#profile_target {
    z-index: 999;
    padding: 3px;
}

#bs_profile_modal_advanced #profile_target form#ucp {
    background: rgba(11, 11, 11, 0.5);
}

#bs_profile_modal_advanced #profile_target form#ucp .main-head {
    display: none;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content {
border: 1px solid rgba(54, 54, 54, 0.38);
color: #2B2A2A!important;
padding: 6px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
background-color: rgba(75, 176, 244, 0.95);
transition: all 0.5s linear;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content fieldset.frm-set.multi {
    border-bottom: 0;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content .sub-head {
    border-bottom: 1px solid rgba(17, 17, 17, 0.2);
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content input[type="text"], #bs_profile_modal_advanced #profile_target form#ucp .main-content textarea.inputbox {
    background: rgba(64, 91, 118, 0.8);
    border: 1px solid rgb(37, 53, 69);
    padding: 3px;
    color: #fff;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content input:focus, #bs_profile_modal_advanced #profile_target form#ucp .main-content textarea.inputbox:focus, #bs_profile_modal_advanced #profile_target form#ucp .main-content select:focus {
    outline: none;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content dt > label {
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 1px;
    padding-bottom: 1px;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content select {
    background: rgba(57, 56, 56, 0.85);
    padding: 3px;
    color: #fff;
    border: 1px solid #111;
    padding: 2px;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content select option {
    background: rgba(64, 91, 118, 0.8);
    color: #fff;
    border: 1px solid rgb(37, 53, 69);
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content dl.frm-buttons {
    border-top: 0;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content dl.frm-buttons input.button2 {
    padding: 7px;
    cursor: pointer;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content dl.frm-buttons input.button2:hover {
transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
}
  
  
#bs_profile_modal_advanced #profile_target #ucp .frm p.frm-info {
    background: #e67e22;
    padding: 13px;
    color: #fff;
    border: 1px solid #C46A19;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content dl.frm-buttons input[type="submit"] {
    background: #2ecc71 !important;
    color: #fff;
    border: 1px solid #27ae60;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content dl.frm-buttons input[type="reset"] {
    background: #c0392b !important;
    border: 1px solid #BC3123;
    color: #fff;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content dl.frm-buttons input[type="submit"]:hover {
    background: #24B863 !important;  color: #fff;  
    border: 1px solid #1E9651;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content dl.frm-buttons input[type="reset"]:hover {
    background: #B53124 !important;
    border: 1px solid #8E1F14;
}

#bs_profile_modal_advanced #profile_target form#ucp {
width: 80%;
height: 50%;
margin: 0 auto;
}


#bs_profile_modal_advanced #profile_target form#ucp .main-content dl.frm-buttons input[type="reset"]:hover {
    background-image: -webkit-linear-gradient(#DCDBDB, #EBEAEA 38%, #ABA7A7);
    border: 1px solid rgba(0, 0, 0, 0.49);
    text-shadow: none;
    color: #000 !important;
    transition-duration: 1s;
      -f-transition-duration: 1s;
      -o-transition-duration: 1s;
      -webkit-transition-duration: 1s;
      -moz-transition-duration: 1s;
}

#bs_profile_modal_advanced #profile_target form#ucp .main-content .frm-buttons dd {
    float: right;
    position: relative;
    right: 80%;
}

#edit_profile, .mp_envie, .ban_modal, .admin_settings {
    display: inline-block;
}

#edit_profile {
    padding: 5px;
    background: #EFEFEF url(http://i.imgur.com/6qXhrdm.png) repeat-x 0 1px;
    border-radius: 2px;
    float: right;
    margin-left: 5px;
    border: 1px solid #ccc;
}

.edite_p a {
    color: #000 !important;
    padding: 3px;
}

.mp_envie {
    float: right;
    padding: 5px;
    background: #E1E4E3 url(http://i.imgur.com/6qXhrdm.png) repeat-x 0 1px;
    border: 1px solid #C6C4C4;
    border-radius: 3px;
}

#mp_new a.mp_link {
    padding: 2px;
}

.ban_modal {
    float: left;
    padding: 5px;
  margin-left: 200px;margin-top:10px;
    background: rgb(5, 159, 223) url(http://i.imgur.com/6qXhrdm.png) repeat-x 0 1px;
    border-radius: 3px;
    border: 1px solid rgb(8, 106, 149);
}

#edit_profile:hover {
    background-color: #E8E8E8;
    transition-duration: 1s;
    border: 1px solid #BABABA;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    -f-transition: 1s;
}

.mp_envie:hover {
    background-color: #eee;
    border: 1px solid #ccc;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    -f-transition: 1s;
    transition-duration: 1s;
}

.click_ban a {
    color: #000 !important;
    padding: 2px;
}

.ban_modal:hover {
    background-color: rgb(7, 142, 198);
    transition-duration: 1s;
    border: 1px solid rgb(9, 77, 106);
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    -f-transition: 1s;
}

.admin_settings {
    padding: 5px;
    background: rgb(220, 74, 0) url(http://i.imgur.com/6qXhrdm.png) repeat-x 0 1px;
    margin-bottom: 4px;
    margin-top:-28px;margin-left:40px;
    border-radius: 3px;
    text-transform: uppercase;
    border: 1px solid rgb(181, 1, 1);
}

.admin_settings:hover {
    background-color: rgb(239, 89, 14);
    transition: 1s;
    border: 1px solid rgb(137, 44, 5);
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    -f-transition: 1s;
}

.admin_advance a#admin_perfil {
    color: #fff !important;
}

#avt_edite {
    position: absolute;
    width: 75%;
    top:500px;left:270px;
    z-index: 999;
    border-radius: 4px;
    line-height: 110%;
}

.edit_settings_avt {
    padding: 5px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border-radius: 6px;
}

.edit_avt_advanced .main-head {
    padding: 6px;
    background: rgba(0, 0, 0, 0.73);
    border: 1px solid rgba(0,0,0, 0.75);
    border-radius: 3px;
}

.close_avt {
    float: right;
    background: rgba(255, 251, 251, 0.78);
    padding: 3px;
    border-radius: 3px;
}

.closeavt {
    font-size: 15px;
    padding: 2px;
    font-weight: 900;
}

.close_avt .closeavt a {
    color: rgb(226, 4, 4) !important;
}

.edit_avt_advanced .main-content {
    background: rgba(18, 18, 18, 0.89);
    border: 1px solid #000;
}

.edit_avt_advanced .frm-buttons {
    border-top: 3px double rgba(0, 0, 0, 0.13);
}

.edit_avt_advanced fieldset.frm-set dl.frm-buttons dt {
    float: right;
}

.edit_avt_advanced .main-content fieldset.frm-set dl.frm-buttons dd {
    margin-left: 0!important;
}

.edit_avt_advanced input.button2 {
    padding: 5px 0.9em 6px !important;
    color: #fbfbfb;
    font-size: 12px !important;
    cursor: pointer;
}

.edit_avt_advanced input[type="submit"] {
    background: #1A78A1  url(://i74.servimg.com/u/f74/18/08/53/97/highli10.png) repeat-x 0 1px;
    border: 1px solid #176080;
}

.edit_avt_advanced input.button2:hover {
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
}

.edit_avt_advanced input[type="submit"]:hover {
    background-color: #12678C;
    border: 1px solid #094E6B;
}

.edit_avt_advanced input[type="reset"] {
    background: #149432 url(://i74.servimg.com/u/f74/18/08/53/97/highli10.png) repeat-x 0 1px;
    border: 1px solid #0D7525;
}

.edit_avt_advanced input[type="reset"]:hover {
    background-color: #107127;
    border: 1px solid #0D6621;
}

.edit_avt_advanced .main-content p.frm-info {
    padding: 11px;
    background: rgba(58, 56, 56, 0.7);
    border: 1px solid #000;
    width: 90%;
    margin-left: 25px;
}

.avatar_fade_fora {
    position: fixed;
    height: 100%;
    top: 0;
    width: 100%;
    background: rgba(28, 28, 28, 0.4);
    z-index: 9;
    left: 0;
}

.avata_img {
    width: 140px;
    height: 145px;
    box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.8);
    -o-box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.8);
    -f-box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.8);
    margin-top: 3px;
    margin-bottom: 5px;
}

.ban_content {
    padding: 11px;
}

div#banpop {
    position: fixed;
    background: rgba(52, 73, 94, 0.8);
    color: #fff;
    top: 20%;
    border-radius: 5px;
    z-index: 999;
    left: 33%;
    padding: 8px;
}

.close_ban {
    position: absolute;
    right: -3%;
    top: -5%;
    float: right;
}

.cont_cls {
    background: #fff;
    border-radius: 100%;
    border: 1px solid #f1f1f1;
}

.fade_fora {
    z-index: 9;
    height: 100%;
    width: 100%;
    background: rgba(31, 31, 31, 0.6);
    padding: 5px;
    position: fixed;
    top: 0;
}


.conteudo > .header > .page-title {
    font-size: 22px;
    padding: 3px;
    margin-bottom: 8px;
}

.conteudo_banimento {
    padding: 5px;
    background: rgba(44, 62, 80, 0.75);
    font-size: 14px;
    border-radius: 5px;
}

.ban-modal .ban_content > .conteudo > .header {
    background: rgb(44, 62, 80);
}

.conteudo_banimento .frm-form .frm-info {
    padding: 14px;
    background: rgba(17, 17, 17, 0.36);
    margin-top: -5px;
    border-radius: 3px;
    margin-bottom: 20px;
    border: 1px solid #000;
}

.conteudo_banimento > .frm-form > p > input.inputbox.tiny {
    padding: 3px;
    margin-bottom: 6px;
    background: /* rgba(0, 0, 0, 0.24)*/ rgba(64, 91, 118, 0.8);
    color: #fff;
    border: 1px solid rgb(37, 53, 69);
    margin-left: 6px;
}

.conteudo_banimento > .frm-form > p > input.inputbox.tiny:focus {
    outline: 0;
}

.conteudo_banimento > .frm-form > fieldset.frm-set > dl {
    padding: 5px;
    float: left;
    margin-left: -66%;
}

.conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"] {
    float: left;
    padding: 4px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 4px;
}

.conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"] {
    background: rgb(58, 149, 237) url(://i74.servimg.com/u/f74/18/08/53/97/highli10.png) repeat-x 0 1px;
    color: #fff;
    border: 1px solid rgb(59, 137, 242)
}

.conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"]:hover {
    background-color: rgb(39, 120, 200);
    border: 1px solid rgb(44, 120, 223);
}

.conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"]:hover {
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -f-transition-duration: 1s;
}

.conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[name="cancel"] {
    background: rgba(0, 220, 3, 1) url(://i74.servimg.com/u/f74/18/08/53/97/highli10.png) repeat-x 0 1px;
    color: #fff;
    border: 1px solid rgb(9, 188, 9);
}

.conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[name="cancel"]:hover {
    background-color: rgba(4, 184, 7, 1);
    border: 1px solid rgb(14, 200, 14);
}

Noiadofuk
Nível 7

Masculino
Inscrito dia : 07/01/2016
Mensagens : 90
Pontos Ativos : 404

http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. em Sex 5 Fev 2016 - 18:53

@Noiadofuk escreveu:@Daemon , @Fraise , @RafaelS. Podem me ajudar?
Desculpe o double post :/

Atenção!
Você não pode fazer UPs antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que você leia as regras do subfórum e principalmente os termos de uso do FdF: http://ajuda.forumeiros.com/t82- para não cometer novos erros!

Faça atenção a isto, pois após varias ocorrências teremos que tomar outras providencias. Se quer adicionar algo ao seu tópico, apenas-o edite ou espere passar as 24 horas.

Quanto à sua questão, queira ler como proceder: http://ajuda.forumeiros.com/t96192-

Até mais.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4876

http://maisforum.forumeiros.com

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk em Sex 5 Fev 2016 - 19:56

Meio confuso.... pois não sei onde mudar... tem como ajustar pra mim por favor? no proprio codigo js que lhe mandei, pois não quero perder esse perfil que faz esse js que mandei...

e obrigado pela dica de edição de mensagem.

Noiadofuk
Nível 7

Masculino
Inscrito dia : 07/01/2016
Mensagens : 90
Pontos Ativos : 404

http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Hukers em Dom 7 Fev 2016 - 16:06

Olá.
Se quiser utilizar outro código, remova estes dois e crie um JavaScript com investimento em todas as páginas com esse código:
Código:

console.log('title: BestSkins Profile');
console.log('author: DeeW.');
console.log('version: v2.0');
console.log('version: punBB');
console.log('platform: Forumotion');
console.log('http://bestskins.net');
console.log('If remove my credits of code, your forum will be excluded by forumotion');
if (window.location.pathname.indexOf('/u') === 0) {
   $(document).ready(function(){
      var sCover = $('#field_id2 .field_uneditable').text();
      var sAvatar = $('.center > img').attr('src');
      var sReputation = $('#field_id-14 .field_uneditable').text();
      var sPoints = $('#field_id-13 .field_uneditable').text();
      $('#profile-advanced-right').hide();
      $('#profile-advanced-layout').prepend('<div class="profile-cover">'+
         '<div class="profile-avatar"><img src="'+sAvatar+'" /></div>'+
            '<div class="boxInfo">'+
               '<div class="sPoints">'+
                  '<span>'+sPoints+'</span>'+
                  '<span>Moedas</span>'+
               '</div>'+
               '<div class="sReputation">'+
                  '<span>'+sReputation+'</span>'+
                  '<span>Reputação</span>'+
               '</div>'+
            '</div>'+  
         '</div>');
      $('.profile-cover').attr('style','background-image:url('+sCover+')');
      $(function() {
                var ajaxTAB = function() {
                    $('#tabs li').click(function(e) {
                        e.preventDefault();
                        var url = this.firstChild.href;
                        if (url == '#') return;
                        $('#profile-advanced-left').load(url + ' #profile-advanced-left', ajaxTAB);
                    });
                };
                ajaxTAB();
        });
      $('body').append(
         '<style type="text/css">'+
         '.profile-cover {'+
         'background: #FFF;'+
         'height: 250px;'+
         'margin: 0 auto;'+
         'box-shadow: inset 0 -25px 50px rgba(0, 0, 0, 0.55);'+
         'border-bottom: 3px solid #333;'+
         '}'+
         '#profile-advanced-layout #new-message {'+
         'margin-top: 0!important;'+
         'position: relative!important;'+
         'margin: 0 auto;'+
         'text-align: center;'+
         '}'+
         '#tabs ul li a {'+
         'background-color: rgba(0, 0, 0, 0.5);'+
         'border: 1px solid rgba(0, 0, 0, 0.5);'+
         'float: left;'+
         'font-size: 13px;'+
         'font-weight: 400;'+
         'line-height: 2em;'+
         'padding: 4px 10px;'+
         'text-decoration: none;'+
         'border-bottom: 0 none;'+
         'color: #FFF;'+
         'text-transform: uppercase;'+
         '}'+
         '#tabs ul li.activetab a {'+
         'background-color: rgba(51, 51, 51, 0.79)!important;'+
         'border-color: #000!important;'+
         'color: #FFF;'+
         'text-decoration: none!important;'+
         'font-weight: bold!important;'+
         '}'+
         '#tabs ul li.activetab a:hover {'+
         'background-color: #4C4C4C;'+
         '}'+
         '#tabs ul li a:hover {'+
         'background-color: rgba(244, 244, 244, 0.5);'+
         '}'+
         '.profile-avatar {'+
         'background: #FFF;'+
         'float: left;'+
         'padding: 5px;'+
         'box-shadow: 0 0 15px #333;'+
         'border-radius: 3px;'+
         'margin: 10px;'+
         '}'+
         '.profile-avatar img {'+
         'max-width: 150px;'+
         'max-height: 150px;'+
         '}'+
         '.boxInfo {'+
         'padding: 15px;'+
         'margin-top: 100px;'+
         'float: right;'+
         'width: 15%;'+
         '}'+
         '.sPoints,.sReputation {'+
         'display: block;'+
         'float: none;'+
         'font-weight: normal;'+
         'margin: 0px 0px 8px;'+
         'padding: 10px 10px;'+
         'text-align: center;'+
         'border-radius: 5px;'+
         'color: #FFF;'+
         'background: none repeat scroll 0px 0px #27AACA;'+
         '}'+
         '.sReputation {'+
         'background: #6F8F52;'+
         '}'+
         '.sReputation > span,.sPoints > span {'+
         'display: block;'+
         '}'+
         '#profile-advanced-left{'+
         'margin-right: 0!important'+
         '}'+
         '</style>');
   });  
};

Partes que são editáveis:
Código:
var sCover = $('#field_id2 .field_uneditable').text(); mude o #field_id2 pelo id do campo da capa de perfil.

var sReputation = $('#field_id-14 .field_uneditable').text(); mude o #field_id14 pelo id do campo de reputação.

var sPoints = $('#field_id-13 .field_uneditable').text(); mude #field_id-13 pelo ID do campo dos pontos.

Créditos do código a DeeW.

Abrass Piscada

Hukers
Nível 6

Masculino
Inscrito dia : 25/06/2013
Mensagens : 74
Pontos Ativos : 1332

http://webgraphic.forumeiro.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk em Seg 8 Fev 2016 - 1:43

Amigo, se eu quisesse outro codigo , eu nem criaria esse né? :/

Noiadofuk
Nível 7

Masculino
Inscrito dia : 07/01/2016
Mensagens : 90
Pontos Ativos : 404

http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Hukers em Seg 8 Fev 2016 - 1:58

Bom Amigo! Eu recomendaria utilizar este que lhe mandei, ou usar a que o FdF disponibiliza, até tentei editar seu código, mas não consegui chegar em algo que funcione para a capa de perfil.
Boa Sorte!
Abrass Piscada

Hukers
Nível 6

Masculino
Inscrito dia : 25/06/2013
Mensagens : 74
Pontos Ativos : 1332

http://webgraphic.forumeiro.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. em Seg 8 Fev 2016 - 11:24

Olá!

Acima de tudo, você deveria agradecer por pelo menos tentarem lhe ajudar. Eu não sei porquê essa insistência nesse código sendo que o tutorial que lhe passei realiziaria o mesmo efeito.

Mas bom, tudo bem. Você já criou o campo de perfil corresponde a imagem de fundo da capa?

Até mais.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4876

http://maisforum.forumeiros.com

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk em Seg 8 Fev 2016 - 22:17

Sim amigo,citei acima ...

é o field_id1


Última edição por Noiadofuk em Seg 8 Fev 2016 - 23:14, editado 1 vez(es)

Noiadofuk
Nível 7

Masculino
Inscrito dia : 07/01/2016
Mensagens : 90
Pontos Ativos : 404

http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. em Seg 8 Fev 2016 - 22:30

Olá,

Poderia deixar esse campo visível para visitantes?

Até mais.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4876

http://maisforum.forumeiros.com

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk em Seg 8 Fev 2016 - 23:15

Entre nessa conta:


Última edição por RafaelS. em Seg 8 Fev 2016 - 23:18, editado 1 vez(es) (Razão : Dados colocados em hide)

Noiadofuk
Nível 7

Masculino
Inscrito dia : 07/01/2016
Mensagens : 90
Pontos Ativos : 404

http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. em Seg 8 Fev 2016 - 23:25

Olá!

Para além de ter um erro de sintaxe no código, era o field_id1 e não o field_id2, como me tinha dito :S
Troque o código para este:

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();
$('#profile-advanced-right .module:eq(1)').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(2)').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(2)').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(2)').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(2)').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(2)').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_id1 .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');

});

Resulta? Estilo cool

Até mais.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4876

http://maisforum.forumeiros.com

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk em Seg 8 Fev 2016 - 23:35

sim, eu modifiquei antes de ter mandado a mensagem dos dados da conta... não viu não? ...
e Sim, funcionou, Obrigado parceiro.

Noiadofuk
Nível 7

Masculino
Inscrito dia : 07/01/2016
Mensagens : 90
Pontos Ativos : 404

http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. em Seg 8 Fev 2016 - 23:38

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4876

http://maisforum.forumeiros.com

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