Planet Pixel - Planeta dos Pixels

Sejam bem vindos ao Planet Pixel !
Planeta dos Pixels. , venha participar do mais jovem fórum.
Se registre-se e faça muitas amizades.

Participe do fórum, é rápido e fácil

Planet Pixel - Planeta dos Pixels

Sejam bem vindos ao Planet Pixel !
Planeta dos Pixels. , venha participar do mais jovem fórum.
Se registre-se e faça muitas amizades.

Planet Pixel - Planeta dos Pixels

Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Planet Pixel - Planeta dos Pixels


2 participantes

    Mega Tutorial - JS, HTML, CSS e linguagens Extras

    Quakeline
    Quakeline
    Administração
    Administração


    <b>Post's</b> Post's : 62
    <b>Like's</b> Like's : 152
    <b>Reputação</b> Reputação : 2
    Idade : 25

    Mega Tutorial - JS, HTML, CSS e linguagens Extras Empty Mega Tutorial - JS, HTML, CSS e linguagens Extras

    Mensagem por Quakeline Qui Dez 27, 2012 6:38 pm

    Este é o mega tutorial de js, css e html...

    1º - Como por música em site

    Abra seu site, em qualquer area das tags body coloque o seguinte código:

    Código:
    <embed src="nomedamusica.mp3" hidden="true"></embed>
    Onde está "true" coloque "false" para aparecer o menu de play, pause, stop.

    2º - Como fazer um menu de iframes.

    Abra seu site, na area em que você quer o menu coloque:

    Código:
    <div id="menu">
          <ul>
            <li>
                <a href="link.htm" target="iframe01">Início</a></li>        <li>
                <a href="link.htm" target="iframe01">Serviços</a></li>        <li>
                <a href="link.htm" target="iframe01">Equipe</a></li>        <li>
                <a href="link.htm" target="iframe01">Clientes</a></li>        <li>
                <a href="link.htm" target="iframe01">Contato</a></li>        <li>
                <a href="link.htm" target="iframe01">Webmail</a></li>  <li>
             <a href="link.htm" target="iframe01">Encomendas</a></li></li>        <li>
             <a href="link.htm" target="iframe01">Dicas Rápidas</a></li></li>        <li>
           </ul>
      </div>

    Depois entre as tags <head> coloque:
    <type="text/css">

    Código:
       {  }
    body {
        margin: 0px;
       padding: 0px;
        text-align: center;
       background:#FFFFFF;

       background-position: 10px 0px;

     }


             margin:0 auto;

          }

          #menu ul {
          background: #FFD700;

             margin-left:auto;

              margin-right:auto;

              margin-top:0;

              display:table;

              width:100%;


             list-style:none;

             font:100% Arial;

          }



          #menu ul li { display: inline; }



          #menu ul li a {



             color: #000000;

             text-decoration: none;

             border-bottom:7px solid #FFD700;

             padding: 2px 40px;

             float:center;

          }



          #menu ul li a:hover {

             background-color: #FFD700;

             color: #000000;

             border-bottom:7px solid #000;

          }

          body { overflow-x: hidden; }
    #logo_desenvolvedor {
            width: 82px;
            height: 32px;
            float: right;
            margin-right: 45px;
          }

      -->

       -->

       </style>

    abaixo do menu coloque:

    Código:
     <p align="center">
          <iframe id=iframe01 name="iframe01" src="primeirapaginaquevaiaparecer.htm" width="800" height="650" scrolling="Auto" frameborder="0" p align="center"></iframe>
        </p>

    Bom... Este é o tuto de como fazer um menu de iframe com css...

    3º - como fazer pop-up em javascript...

    Abra seu site, coloque entre as tags <head> e </head> o seguinte código:

    Código:
    <script language ="javascript">
    function abrir()
    {
    window.open ("LINKDESEJADOQUEABRANOIFRAME.htm", "Nome da Janela", "status=no, width=500, height=250")
    }
    abrir() </script>



    4º - Como por logo de desenvolvedor sem colocar CSS:

    Abra seu site e na última linha antes de body, coloque o seguinte código...


    Código:
    <td width="461"><p align="right"><a href="LINKDOSEUSITE.com" target="_blank"><img src="seulogo.gif" width="85" height="41" /></a> </td>

    Tutorial de Sistema de Login ASP

    Sistema de Login e Senha em ASP
    Criamos 3 páginas e um banco de dados, pode ser em access.

    "form.asp" | "logar.asp" | "logout.asp" e "banco.mdb"

    "banco.mdb" > Banco de dados

    Crie uma tabela chamada de "usuarios" com os campos "nome", "login" e "senha"

    "form.asp" > formulário de login

    Ela que chamará "logar.asp"

    Campo Login > com o nome "login" - sem aspas
    Campo Senha > com o nome "senha" - também sem aspas

    lembre-se, o modo de enviar os dados aqui estão em GET OK!!!!

    e a página "logar.asp" com o seguinte código

    Código:
    <%
     
    ' CONEXÃO ACCESS
     
    Set conn=Server.CreateObject("ADODB.Connection")
    drv= "DRIVER={Microsoft Access Driver (*.mdb)}; DBQ="& Server.MapPath("banco.mdb") & ";"
    conn.Open drv
     
    login=Request.QueryString("login") 'aqui recuperamos o login digitado, através da QueryString
    senha=Request.QueryString("senha") 'aqui recuperamos a senha digitado, através da QueryString
     
    'SQL QUE SELECIONA OS DADOS DO USUARIO CASO O LIGN E A SENHA ETEJAM CORRETOS
    sql = "SELECT * FROM usuarios WHERE login = '" & login &"' AND senha = '" & senha & "' "
     
    'SETAMOS A VARIAVEL rsLogar e ABRIMOS O COMANDO SQL
    Set rsLogar = Server.CreateObject("ADODB.Recordset")
    rsLogar.Open sql, conn
     
    'A CONDIÇÃOˆ -  SE CHEGOU AO FIM "eof" DO BANCO DE DADOS, SIGNIFICA QUE
    'NAO EXISTE NADA COM ESSE LOGIN E COM ESSA SENHA
    'SENAO "Else" ELE ABRE A SESSAO 'Entrada' que é igual a "sim" E JUNTAMENTE PEGA OS DADOS DO USUARIO PARA USAR NAS PAGINAS SEGUINTES...
     
    'Segue abaixo
     
    if (rsLogar.eof) Then
     
    Response.Write "ERRO - Login ou Senha incorretos"
     
    Else
     
    Session("entrada") = "sim"
    Session("nome") = rsLogar("nome")
     
    Response.redirect("pagina_restrita.asp")
     
     
    End If
     
    %>

    Feito isso, para impedir que o usário entre na página restrita caso nao esteja logado,
    inclua esse codigo nela

    Código:
    <%
    'AQUI CASO NAO ESTEJA LOGADO VAI PARA A PAGINA DE LOGIN
    if Session("entrada") <> "sim"  then
    response.Redirect("login.asp")
    end if
    %>


    e para finalizar a sessão, crie um link para a página "logout.asp" com o código
    Código:

    <%
    Session.Abandon()
    Respopnse.Write "Sessão Finalizada"
    %>

    Sistema de LOGIN em PHP
    index.php:

    Código:
    <?php
    include "protecao.php";
    ?>

    login.html:
    Código:
    <html>
    <head>
    <title>Sistema de Login</title>
    </head>

    <body>
    <h1>Sistema de Login</h1>
    <form action= "index.php" method="post" name="login" id="login"></a>
     <label for="nome">Nome:</label>

    <input type="text" name="nome" id="nome" />

    <label for="senha">Senha:</label>

     <input type="password" name="senha" id="senha" />
    <input type="submit" name="submit" value="Entrar" style="cursor: pointer;" />
    </form>
    </body>
    </html>

    protecao.php:
    Código:
    <?php
    session_start();

    //função anti sql injection
    function anti_injection($txt)
    {
     //Verifico se esta ativado magic_quotes caso esteja desativado uso a função addslashes
     $txt = get_magic_quotes_gpc() == 0 ? addslashes($txt) : $txt;
     //referencia:
     //http://www.php.net/get_magic_quotes_gpc
     //http://www.php.net/addslashes
     
     // retiro da variavel esses caracteres (--, #, *, ;)
     return preg_replace("@(--|#|*|;|=)@s", "", $txt);
    }

    function verifica_usuario($nome, $senha)
    {
     //conecto ao servidor de banco de dados passo o nome do servidor usuario e senha
     mysql_connect("localhost", "usuario", "senha");
     // seleciono o banco de dados
     mysql_select_db("login");

     /*faço uma pesquisa perguntando a quantidade de usuarios com o nome e a senha passada pelo usuario usando o count ele conta a quantidade de ocorrencias no select essa maneira é a forma mais rapida e correta desse tipo de pesquisa, muitas pessoas usam o select * from e pega com mysql_num_rows() dessa forma prejudica muito mais o acesso ao banco podendo travar se tiver muitos acessos simutaneos*/

     $re = mysql_query("select count(*) as total from usuarios where nome = '$nome' and senha =
    md5('$senha')");

     //referencia: http://www.php.net/md5 e http://www.php.net/mysql_result
     $total = mysql_result($re, 0, "total");
     mysql_close();
     
     /* se o total for diferente de 1 é porque o usuario nao esta cadastrado usando dessa forma o resultado esperado sempre sera 1 porque você precisa tbm criar um sistema de cadastros que deixe apenas um usuario ser cadastrado evitando usuarios repetidos */
     if($total != 1)
     {
     // redireciono para pagina de login
     header("Location: login.html");
     exit;
     }
     // se nao existir ja a sessao eu gravo ela
     if(!isset($_SESSION["dados"]))
     {
     $dados["nome"] = $nome;
     $dados["senha"] = $senha;
     //gravo a sessao por padrao o php hj ja passa o serialize automaticamente nao precisa mais passar ela
     $_SESSION["dados"] = serialize($dados);
     }
    }

    //verifico se existe a sessao e ja pego os dados que nela contem
    if(isset($_SESSION["dados"]))
    {
     $dados = unserialize($_SESSION["dados"]);
     $nome = $dados["nome"];
     $senha = $dados["senha"];
     verifica_usuario($nome, $senha);
    }
    else
    {
     //aqui eu verifico se o usuario esta vindo de um formulario e pego os valores
     $nome = isset($_POST["nome"]) ? anti_injection($_POST["nome"]) : "";
     $senha = isset($_POST["senha"]) ? anti_injection($_POST["senha"]) : "";
     verifica_usuario($nome, $senha);
    }

    ?>
    </body>
    </html>

    principal.php:
    Código:
    <?php
    // incluo a pagina de protecao que faz a verificação do usuario
    include "protecao.php";
    ?>

    pagina2.php:

    Código:
    <?php
    include "protecao.php";
    ?>

    banco de dados usado no exemplo:

    ja tem o usuario Teste senha 123
    obs: lembre-se na hora de gravar mais um usuario usar md5 na senha

    Código:
    CREATE TABLE usuarios (
     id_usuario smallint(5) UNSIGNED NOT NULL AUTO_INCREMENT,
     nome varchar(40) NOT NULL DEFAULT '',
     senha varchar(32) NOT NULL DEFAULT '',
     PRIMARY KEY (id_usuario)
    )
    INSERT INTO usuarios VALUES >(1, 'Teste', '202cb962ac59075b964b07152d234b70');

    Como fazer um código QR:

    Como fazer um código QR?
    1. Digite sua mensagem.
    2. Clique Qurifique para qurificar sua mensagem.
    3. Baixe a imagem do código QR.
    4. QR Code Pronto!

    EM: http://www.qurify.com/pt/
    VictorV.
    VictorV.
    Administração
    Administração


    <b>Post's</b> Post's : 31
    <b>Like's</b> Like's : 65
    <b>Reputação</b> Reputação : 3

    Mega Tutorial - JS, HTML, CSS e linguagens Extras Empty Re: Mega Tutorial - JS, HTML, CSS e linguagens Extras

    Mensagem por VictorV. Qui Dez 27, 2012 9:07 pm

    Um ótimo tutorial,obrigado por compartilhar.

      Data/hora atual: Sex maio 10, 2024 12:27 pm