Web Pixel

Novo Tema WebPixel 5.6 Dê sua opinião!

Servidores de jogos, habbo, mu online, counter strike, ddtank Em breve!

Design Fórum

Vbulletin Theme


Você não está conectado. Conecte-se ou registre-se

[Tutorial]Efeito Painel de Controle.

Ir em baixo  Mensagem [Página 1 de 1]

1 [Tutorial]Efeito Painel de Controle. em Dom Jul 01, 2012 2:06 pm

ϟ Rємiix

avatar
« Membro Expert II »
« Membro Expert II »
Estimados membros,

Este efeito faz com que:
Ele poem um link do Painel de Controle, caso o mesmo tenha permissão, ao você clicar ele cria uma caixa que aparece em um efeito lindo, e com dentro o painel de controle.
Ponha o código abaixo em: includes/footer.php
Código:
Código:
<script>
$(function(){
   $('#painel_amostrar').dialog({
      autoOpen: false,
      show: "fold",
       hide: "fold",
      modal: true,
      width: "1000px",
      position: [250, 218],
   });
$('#link_painel').click(function(e) {
    e.preventDefault();
   $('#painel_amostrar').dialog("open", function(){jQuery('html, body').animate({scrollTop: $('#painel_amostrar').offset().top}, 800);
});
});
});
</script>
><?php
$user1 = $users->UserInfo($username, 'username');
$staffq = mysql_query("SELECT * FROM users WHERE username = '$user1' ORDER BY id ASC");
while($staff = mysql_fetch_array($staffq))
         {
            ?>
                  <?php
                   }
                  ?><?php
$user1 = $users->UserInfo($username, 'username');
$staffq = mysql_query("SELECT * FROM users WHERE username = '$user1' ORDER BY id ASC");
while($staff = mysql_fetch_array($staffq))
         {
            ?><?php
                  if($staff['rank'] >= 5)
                  {
                  ?>
                     <center><a id="link_painel" href="./housekeeping">Painel de Controle</a></center>
                  <?php
                  } else{
                  echo "SUA_MENSAGEM_AQUI";   
                  }}
                  ?>
                  
                        <div id="painel_amostrar" title="Painel de Controle." style="height:1000px">
        <p>
        <iframe src="/housekeeping" scrolling="yes" width="1000" height="1000"></iframe>
        </p>
                       
                        </div>
                  <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.21.custom.css" />
                        <script src="../Public/JS/jquery-ui.min.js"></script>
Edite somente onde está escrito: SUA_MENSAGEM_AQUI, deixe as aspas.

Agora extraia o arquivo abaixo para o www, ou htdocs, não ponha dentro de nenhuma pasta.
Código:
http://www.mediafire.com/?mf9y64tbsi3d6jm

Scan:
Código:
https://www.virustotal.com/file/db50803e9e08a4f021b90dda4dca0ce07f234db8921bed95f659084ec44cc696/analysis/1341101329/

Print:
Código:
http://www.imagespower.com.br/imagens/a6aa6f8c8ce3b8371a2d2f5eddf4c618.png
[/quote]

2 Re: [Tutorial]Efeito Painel de Controle. em Dom Jul 01, 2012 4:10 pm

GabrielTawares

avatar
« Membro Participativo »
« Membro Participativo »
Já conhecia este efeito, mais vai ajudar aqueles que não sabem!

Voltar ao Topo  Mensagem [Página 1 de 1]

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