~Criando Index ~ New ~

por Allan Sex Jan 27, 2012 2:50 pm

Allan: Membro CJHP; Mensagens : 177
Cash : 50

Mensagem nº1

~Criando Index ~ New ~

por Allan Sex Jan 27, 2012 2:50 pm

índice:
1.0 - Introdução.
1.1 - Programa solicitado.
1.2 - Ligações para ajudar.
2.0 - Estrutura.
2.1 - Etiquetas.
3.0 - Sistema de exploração madeireira.
3.1 - Form.
4.0 - formulário Design.
5.0 - Extras.

1.0 - Introdução:

Neste tutorial eu vou mostrar como criar um índice de 0. é muito fácil se você não quiser não precisa baixar nada. Você pode fazer isso para as pessoas sem nenhum conhecimento de qualquer linguagem de programação.

1.1 - Software necessário:
Paint.
Bloco de notas.
PhotoScape ou PhotoShop (só se você quiser, é design).
1,2 Links para ajudar:
html e.
php e.
css e.
Eles não são obrigatórios, são apenas para o seu bem, para você entender um pouco melhor.

2.0 - Estrutura:

A primeira coisa que você tem a fazer é apagar tudo o que você tem na pasta htdocs. Em seguida, crie duas pastas: "Imagens" e "css". Depois de criar três arquivos com extensão. Php "index", "login" e "config".

Dentro da pasta css criar um arquivo com a. Css chamado "login".

Agora, colocar isso em login.php:

Código:

<?php define('USERNAME_REQUIRED', FALSE); define('ACCOUNT_REQUIRED', FALSE); include('global.php'); if(isset($_POST['username'])) { if(isset($_POST['password'])) { $username = $core->EscapeString($_POST['username']); $password = md5($_POST['password']); $userq = mysql_query("SELECT * FROM users WHERE username ='".$username."'"); if(mysql_num_rows($userq) > 0) { if($users->CheckBan($username)) { header($users->BanInfo($username)); die; } $userq = mysql_query("SELECT * FROM users WHERE username ='".$username."'"); $user = mysql_fetch_array($userq); if($password == strtolower($user['password'])) { $user = mysql_fetch_array(mysql_query("SELECT * FROM users WHERE username ='".$username."'")); $_SESSION['username'] = $users->UserInfo($username, 'username'); $_SESSION['account'] = $user['mail']; $query = mysql_query("UPDATE users SET last_online = UNIX_TIMESTAMP(), ip_last = '".$_SERVER['REMOTE_ADDR']."' WHERE username = '".$username."'"); header("Location: ./me.php"); } else header("Location: ./index.php?error=password"); } else { $userq = mysql_query("SELECT * FROM users WHERE mail ='".$username."'"); if(mysql_num_rows($userq) > 0) { $user = mysql_fetch_array($userq); if($password == strtolower($user['password'])) { $_SESSION['account'] = $username; header("Location: ./characters.php"); } else header("Location: ./index.php?error=password"); } else header("Location: ./index.php?error=username"); } } else header("Location: ./index.php?error=password"); } else header("Location: ./index.php?error=username"); ?>

Este código é utilizado para ligar para mim.

Então você preencher o arquivo de configuração como dados de configuração para CMS que você usa, se Phoenix com que, se uber com a deles, e assim por diante.

O index.php deixá-lo, agora eu vou explicar.

2.1 - Tags:

Tags HTML são muito fáceis, a primeira coisa que você deve fazer é abrir o index.php e colocar as seguintes coisas:

Código:

<html> <head> <title>El titulo de tu index</title> </head> <body> </body> </html>

Explicação: <html> indicar quando de início e término código html. <head> Estão no topo da página, você pode colocar o título (neste caso é <title>), você pode colocar CSS, JS, etc O <body> são o corpo da página, ou seja, o que você vê ao entrar em uma página.

3.0 - Sistema de registro:

Nesta etapa eu vou explicar o sistema de log, é muito simples de preencher o formulário que faremos após esta etapa os dados são enviados para login.php, o login.php fazer uma consulta no db e se o conectar informações está correta.

Esta etapa e nós temos feito, o que fizemos no Passo 2.0 para colocar esse código no arquivo login.php

3.1 - Forma:
Criar um formulário é muito fácil, serve para se conectar.
A primeira é que na primeira linha do index.php, antes <html> deve colocar:

Código:

<?php include("/config.php"); ?>

No arquivo index.php dentro da tag body você coloca esse código:

Código:

<form action="/login.php"> nombre: <br> <input type="text"> <br> contraseña:<br> <input type="password"> <br> <input type="submit" value="enviar"> </form>

Explicação: A tag form indica um formulário. O rótulo é o texto de entrada tipo de entrada para o nome ou o tipo de entrada de e-mail e senha é a senha. O rótulo serve para uma entrada br espacion e envie o botão enviar.

Você pode modificar o texto, acrescentando o seguinte:

Código:

<font color="black" dace="arial" size="4px">Nombre:</font>

Mas é melhor aprender com htmlya.com.ar

4.0 - Form Design:
O projeto para o formulário é feito com css. Na pasta css, você cria um arquivo com a. Css chamado "login". Dentro de você colocar esse código:

Código:

.input { background-color: el color que quieras, puedes mirarlo aquí ; width: 150px; *****: 30px; }

Explicação: background-color é a cor de fundo da entrada, você pode colocar uma imagem caminhões imagem colorida e colocando dois pontos após a url ("/ imagens / imagem k Kieras");
Width: a largura da entrada
Altura: a entrada é alta.

Então vamos para o arquivo index.php
Dentro do <head> acrescentar:

Código:

<link type="text/css" rel="stylesheet" href="css/login.css" />

Então vamos para a forma que criamos anteriormente e adicionar a classe de entrada = "input" de modo que seja:

Código:

<input type="text" class="input"> y el de la contraseña <input type="password" class="input">

5.0 - Extras:

Bem, essa parte é a mais longa e mais difícil, se não compreender o seu índice de Xd ser feio.
A primeira coisa que eu vou te ensinar a colocar uma imagem com reedirección, se você quiser reedirigir para gravar:
] O código seria:

Código:

<a href="/quickregister/start"><img src="/imagenes/nombre de tu imagen.png"></a> o <a href="/register.php"><img src="/imagenes/nombre de tu imagen.png"></a>

Isto é muito útil, com isso, você pode ver e ter uma página de código. Basta usar o Google Chrome, clique direito, inspecione elemento. Aqui você vai tudo.
Elementos flutuantes:
Eu amo elementos flutuantes. Eu uso o meu índice em todos, são muito úteis e práticos. Com eles você pode definir a largura, altura e posição de um div, que pode colocar uma imagem.
O código seria:

Código:

<div id="shape" ****="*****:absolute; overflow:hidden; left:30px; top:300px; width:500px; *****: 200px; z-index:0;" class="shape"> aquí lo que quieras <>

Deixou que você quer que esteja em uma posição horizontal, expressa em px.
Direito seria o que você quer é vertical, é expressa em px.
Largura seria de largura da imagem, a div ou o que você colocou, é expressa em px.
Altura seria a altura da imagem, a div ou o que você colocou, é expressa em px.
Para fazer isso você pode usar a inspecção de componentes aleatórios.

Isto é muito fácil, basta colocar:

Código:

<img src="/imagenes/la imagen que quieras.png">

Creditos:
Omega.
e Pra Mim