Perfil elegnte com erro na capa

3 participantes

Ir para baixo

Tópico resolvido Perfil elegnte com erro na capa

Mensagem por Noiadofuk 05.02.16 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
Noiadofuk
**

Membro desde : 07/01/2016
Mensagens : 90
Pontos : 137

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. 05.02.16 18:53

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

Perfil elegnte com erro na capa Warnin10
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: https://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: https://ajuda.forumeiros.com/t96192-

Até mais.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk 05.02.16 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
Noiadofuk
**

Membro desde : 07/01/2016
Mensagens : 90
Pontos : 137

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil elegnte com erro na capa

Mensagem por Hukers 07.02.16 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
Hukers
**

Membro desde : 25/06/2013
Mensagens : 89
Pontos : 166

http://webgraphic.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk 08.02.16 1:43

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

Membro desde : 07/01/2016
Mensagens : 90
Pontos : 137

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil elegnte com erro na capa

Mensagem por Hukers 08.02.16 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
Hukers
**

Membro desde : 25/06/2013
Mensagens : 89
Pontos : 166

http://webgraphic.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. 08.02.16 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.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk 08.02.16 22:17

Sim amigo,citei acima ...

é o field_id1


Última edição por Noiadofuk em 08.02.16 23:14, editado 1 vez(es)
Noiadofuk
Noiadofuk
**

Membro desde : 07/01/2016
Mensagens : 90
Pontos : 137

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. 08.02.16 22:30

Olá,

Poderia deixar esse campo visível para visitantes?

Até mais.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk 08.02.16 23:15

Entre nessa conta:


Última edição por RafaelS. em 08.02.16 23:18, editado 1 vez(es) (Motivo da edição : Dados colocados em hide)
Noiadofuk
Noiadofuk
**

Membro desde : 07/01/2016
Mensagens : 90
Pontos : 137

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. 08.02.16 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.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil elegnte com erro na capa

Mensagem por Noiadofuk 08.02.16 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
Noiadofuk
**

Membro desde : 07/01/2016
Mensagens : 90
Pontos : 137

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil elegnte com erro na capa

Mensagem por RafaelS. 08.02.16 23:38

Perfil elegnte com erro na capa Symbol10 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.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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