[Tutorial] Perfil estiloso

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

avatar
Admin
Administrador
Tempo Online : 12d 56m 43s
Mensagens : 693
Reputação : 3
Ver perfil do usuário http://bestweb.forumais.com

MensagemAdmin em Qui Set 29, 2016 11:43 pm

Informações:

Autor: Target
Versões: Todas as versões
Introdução: Perfil Estiloso

Instalação:

Acesse:
Painel de controle ->> Modulos ->> HTML & Javascripts ->> Gestão dos códigos Javascripts
Então crie um novo javascript com investimento em todas as paginas com esse código:
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');

});

Depois disto, acesse:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de Estilo
E Adicione esse código na sua folha de estilo:
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
*********/

Resultado:

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

Cria uma conta ou logue para postar uma mensagem.

Você precisa ser um membro, para poder postar uma resposta.

Criar conta

Participe de nossa comunidade, basta se registrar. É Fácil!


Criar uma conta

Logar

Já tem uma conta? Sem problemas, Logue agora.


Logar-se

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum