[Tutorial] Administrar fórum - modo rápido
Página 1 de 1 • Compartilhe
Autor: Premotheus (Target)
Funcionalidade: Em todas as versões
Primeiro, vamos criar um novo widget:
Essas são as configurações, no conteúdo do widget (Fonte do widget* , 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! ;)
Tópicos semelhantes
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|