os que registarem ganharão vaga.

Mega Tutorial - JS, HTML, CSS e linguagens Extras

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

Mega Tutorial - JS, HTML, CSS e linguagens Extras

Mensagem por Quakeline em Qui Dez 27, 2012 8:47 am

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 coloque:


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 e 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/
avatar
Quakeline
Membro Bronze
Membro Bronze

Mensagens Mensagens : 17
Pontos Pontos : 63
Reputação Reputação : 0
Localização Localização : Goiania

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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

- Tópicos similares

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