Perfil IPBoard para fórum

• Descrição:

Eu tava andando no fórum tibiadev.com ai me deparei com um estilo de perfil diferenciado 



Aonde eu vi Tibiadev.com

• Informações:

Código:

/************************
Name:
Profile Essencials
Creator:
Target
CopyRight(C) - Premotheus - 2014
Don't remove the copyright.
-- Version 1.0 --
Update: 10/9/14
************************/
#main-content .main-content.clearfix.center img {
    float: left;
    border-radius: 100%;
    padding: 4px;
    background: #fff;
    border: 1px solid #fff;
    margin-left: 5px;
}

.pun #main-content .main-content.clearfix.center {
background: rgba(10, 114, 46, 0.64) url(http://i74.servimg.com/u/f74/18/08/53/97/highli10.png) repeat-x 0 1px;
}

.pun #main-content .main-content {
    background: #fff;
    margin-top: 3px;
    margin-bottom: 6px;
}
#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: #F9F9F9;
    border: 1px solid #EEEEEE;
    color: #000 !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: 80%;
  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 edit settings
**********************/
#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%;
}

/**********************
Buttons - User edit - New_MP - ModeCP - AdmCP
***********************/
#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;
    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: 8px;
    margin-left: 62%;
    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;
}

/**********************
Edit profile avatar
***********************/
#avt_edite {
    position: absolute;
    width: 75%;
    left: 12%;
    top: 3.8%;
    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;
}

/************
Avatar - Box shadow
*************/
.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;
}


/***********************
Name:
Banir membro em pop up
Creator:
Premotheus
Version:
1.0
Update: 9/9/2014
************************/
.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);
}

/*********
End profile essencials
*********/


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');

});