[Tutorial] Administrar fórum - modo rápido

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

Admin
Admin
Administrador
Tempo Online : 250d 6h 21m 59s
Mensagens : 693
Reputação : 4
https://bestweb.forumeiro.com

MensagemAdmin Seg Out 03, 2016 10:17 pm

Autor: Premotheus (Target)
Funcionalidade: Em todas as versões

Primeiro, vamos criar um novo widget:

[Tutorial] Administrar fórum - modo rápido WFL9oVH

Essas são as configurações, no conteúdo do widget (Fonte do widget* Feliz, inserimos o seguinte código:

Código:

<div class="iframe_admincp" style="display:none">
              
 <div class="frame_close">
        <a href="#close_admincp"> X </a>        
 </div>
          <iframe src="/admin" frameborder="0" class="iframe" style="
    width: 100% !important;
    height: 100% !important;
"> </iframe>
</div>
<div class="admcp_out" style="display:none">
</div>
 <style>
.admcp_out{
height: 100%;
position: fixed;
background: rgba(0, 0, 0, 0.3);
width: 100%;
z-index: 1;
top: 0;
left: 0;
right: 0;
}

.iframe_admincp {
    z-index: 9999;
    position: fixed;
    height: 100%;
    top: 0;
    left: 8%;
    padding: 7px;
    background: rgba(109, 3, 3, 0.4);
    top: 15px;
    width: 85%;
    border-radius: 5px;
}

.frame_close {
    float: right;
    background: #111;
    padding: 8px;
    border-radius: 100%;
    position: fixed;
    right: 5%;
    top: 0%;
}

div#admincp {
    position: fixed;
    top: 40%;
    width: 8%;
    left: -0.5%;
    background: rgba(42, 145, 204, 0.5);
    padding: 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 10px;
    border: 1px solid rgba(33, 124, 207, 0.9);
}

.admcp {
    background: rgba(0, 0, 0, 0.01);
    padding: 2px;
    width: 100%;
    border: 1px solid rgba(17, 17, 17, 0.01);
    border-radius: 6px;
}

#admincp .admcp a {
    color: #FFF!important;
    font-size: 14px;
}

.frame_close a {
    font-size: 15px !important;
    color: #fff !important;
}
</style>

Coloque o widget acima de todos os outros (recomendável / opcional).
Agora vamos criar um  novo javascript:

Titulo *: Qualquer
Investimento *: Em todas as páginas

Código:
Código:

$(document).ready(function(){
var admin = _userdata["user_level"] === 1;

if(admin){
$('body').before('<div id="admincp"> <div class="admcp"> <a href="#">  Administrar Fórum </a></div> </div>');
$('#admincp .admcp > a').click(function(){
$('.iframe_admincp, .admcp_out').fadeIn('1500');
});

$('.frame_close a, .admcp_out').click(function(){
$('.iframe_admincp, .admcp_out').fadeOut('1500');

});
};

});

Agora Salve.

Visualize seu fórum e veja como ficou! ;)

[Tutorial] Administrar fórum - modo rápido KGNsZgP

Ver o tópico anterior Ver o tópico seguinte Ir para o 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ões neste sub-fórum
Não podes responder a tópicos