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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Banner de area nova animais silvestres
Hoje à(s) 01:00 am por EDU2010

» Como colocar essa tabela
Hoje à(s) 12:54 am por tatsuhito

» Ranks forum
Ontem à(s) 09:44 pm por Gustavor

» Níveis de reputação
Ontem à(s) 09:22 pm por Taxy_InSaniTy

» Citação não aparece nome de usuário
Ontem à(s) 09:16 pm por iScroll

» Não consigo alterar essa cor
Ontem à(s) 09:09 pm por Luiz

» Plaquinhas de Rank para o meu Fórum
Ontem à(s) 09:02 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Quem está conectado
202 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 200 Visitantes :: 1 Motor de busca

Herbert Silva, Taxy_InSaniTy

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 05/02/16, 12:20 am

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);
}
avatar

Noiadofuk
Nível 7

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

Ver perfil do usuário http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. em 05/02/16, 04:53 pm

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3116
Pontos Ativos : 4027

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk em 05/02/16, 05:56 pm

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

Noiadofuk
Nível 7

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

Ver perfil do usuário http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Hukers em 07/02/16, 02:06 pm

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
avatar

Hukers
Nível 6

Masculino
Inscrito dia : 25/06/2013
Mensagens : 77
Pontos Ativos : 150

Ver perfil do usuário http://webgraphic.forumeiro.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk em 07/02/16, 11:43 pm

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

Noiadofuk
Nível 7

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

Ver perfil do usuário http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Hukers em 07/02/16, 11:58 pm

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
avatar

Hukers
Nível 6

Masculino
Inscrito dia : 25/06/2013
Mensagens : 77
Pontos Ativos : 150

Ver perfil do usuário http://webgraphic.forumeiro.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. em 08/02/16, 09:24 am

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3116
Pontos Ativos : 4027

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk em 08/02/16, 08:17 pm

Sim amigo,citei acima ...

é o field_id1


Última edição por Noiadofuk em 08/02/16, 09:14 pm, editado 1 vez(es)
avatar

Noiadofuk
Nível 7

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

Ver perfil do usuário http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. em 08/02/16, 08:30 pm

Olá,

Poderia deixar esse campo visível para visitantes?

Até mais.
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3116
Pontos Ativos : 4027

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk em 08/02/16, 09:15 pm

Entre nessa conta:


Última edição por RafaelS. em 08/02/16, 09:18 pm, editado 1 vez(es) (Razão : Dados colocados em hide)
avatar

Noiadofuk
Nível 7

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

Ver perfil do usuário http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. em 08/02/16, 09:25 pm

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3116
Pontos Ativos : 4027

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk em 08/02/16, 09:35 pm

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

Noiadofuk
Nível 7

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

Ver perfil do usuário http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. em 08/02/16, 09:38 pm

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

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3116
Pontos Ativos : 4027

Ver perfil do usuário 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