[ Tutorial ] Criando sua Index do 0%

+27
Tools™
De4n
Arghos
Cøld
ƒя1ѕ
SnowOut
Leonardo
VerdeHabbos
LocutorTutoriais
Restore
Frizen
Luc4
joaopaulo98
Pantry
4shared™
iLevel
Stream
WictorP
hollisterhotel
Foxy
Whiskey
Fłαsн™
Alks
Wake
FloopXz
luheca
M0nster
31 participantes

M0nster M0nster  • 03.11.13 1:04

[ Tutorial ] Criando sua Index do 0% Empty [ Tutorial ] Criando sua Index do 0% 03.11.13 1:04

Reputação da mensagem: 100% (10 votos)
Criando Sua Index do 0% { Tutorial }
------------------------------------------------------------------
1 - Inicialização
2 - Programação
3 - Tipos de Linguagem
4 - Estrutara Necessárias
5 - Tags Html
6 - Sistema de Registro [ Registrando ]
7 - Formulário
8 - Designer do Formulário

Vamos Começar [ Let's Start ] !

1º Passo - Inicialização :
No Tutorial Vou Ensinar como Iniciar uma Index do 0% é muito Fácil,Não é Necessário Baixar Nada [ Caso não Queira ] Você pode Fazer isso Pra qualquer Pessoa / é Recomendado Saber Algumas Linguagens de Programação como por exemplo Php.


2º Passo - Programação:

Paint ,Bloco de notas, PhotoScape ou PhotoShop (PhotoScape ou PhotoShop - Partes de Designer Topo , Bg Etc.)


3º Passo -Tipos de Linguagem:
HTML
PHP
CSS

Elas não são obrigatórias, Servem Pra sua Ajuda  e Melhoram o Seu Desempenho na Criação da Index ou Qualquer outro Tipo de Arquivo.

4º Passo - Estrutara Necessárias:

Apague Tudo o que Você Tiver na Pasta htdocs [ Tudo ]. Agora, Crie duas pastas: "Imagens" e "css". .. Depois de Criar , Crie Mais 3 Arquivos : Php "index", "login" e "config" 

Dentro da pasta css crie um arquivo com a css chamado "login" 

Coloque o Seguinte Codigo 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 serve para se Conectar no Hotel. Então preencha todos os arquivo de configuração.

5º Passo -Tags Html:
Tags html são muito Necessárias, Primeiro abra a Pasta index.php e coloque os seguintes Codigos:


Código:
<html> <head> <title>Nome de sua Index</title> </head> <body> </body> </html>
Explicação do <html> : 
<html> Indica quando é o Início e o fim do Código html. <head> Estão no Topo da Página, Utilizado pra Colocar o Título (Então é <title>), Tambem pode Colocar CSS, JS, etc... O <body> Corpo da página Então Tudo o que você Vê quando entra em uma Página.


6º Passo - Sistema de Registro :
Vou Explicar o Sistema de Registro é Muito Simples de Preencher o Formulário que Vamos Fazer após esta etapa, os Dados são enviados para login.php, o login.php faz uma consulta na db [ Database ] e se Conectar as informações Estará Pronta. Esta etapa e nós teremos Feito, O que Fizemos no 4 Passo Para coloca o Código em login.php


7º Passo - Formulário:
Criar um Formulário é muito Simples.
1 Passo a Fazer é : Vá até a primeira linha do index.php, e antes do <html> você Coloca:

Código:
<?php include("/config.php"); ?>
No arquivo index.php dentro do arquivo '' tag body '' você coloca Esse Código:

Código:
<form action="/login.php"> nome: <br> <input type="text"> <br> contrasenha:<br> <input type="password"> <br> <input type="submit" value="enviar"> </form>
Explicando a Tag:

A Tag Form é ou Indica um Formulário Qualquer. O Rótulo é o texto de entrada tipo de entrada para o nick ou e-mail e password é a senha. O rótulo Serve para uma entrada Exemplo: quando clikamos em Entrar.


Podemos Modificar Qualquer Texto Acrescentando o Seguinte:

Código:
<font color="black" dace="arial" size="4px">Nome:</font>

8º Passo - Designer do Formulário:

O projeto do Formulário é feito com css [ Sempre ]. Na pasta css, Crie um Arquivochamado "login". Dentro Devemos Colocar esse código:

Código:
.input { background-color: Cor que Você Quer, Pode Decidir Aqui ; width: 150px; *****: 30px; }
Explicação: 
background-color -  o Que é ? é a Cor de fundo da Entrada, Você Pode Utilizar uma imagem Colorida só devemos colocar dois pontos após a Url
Código:
("/ imagens / imagem que vai querer"); Width: Largura da Entrada /  Altura: Altura da Entrada
 Então vamos para o arquivo index.php Dentro do <head> Acrescentamos:

Código:
<link type="text/css" rel="stylesheet" href="css/login.css" />
Extras:

Então vamos para a Forma que Criamos no Passo Anterior e adicionar a Classe de Entrada = "input" de modo que Seja:

Código:
<input type="text" class="input">Contrasenha<input type="password" class="input">
Pronto Sua Index Está Feita Espero que Tenha Ajudado a Todos os Usuários do Power Pixel Fórum.

Créditos:
M0nster - Criar o Tutorial 
Fisher - Ajudar com o Tutorial e Expressar Opiniões.

luheca luheca  • 03.11.13 2:03

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 03.11.13 2:03

Ótimo tutorial ajudará a todos com certeza. 

Até mais!

FloopXz FloopXz  • 03.11.13 10:28

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 03.11.13 10:28

excelente tutorial , quando meu computador chegar estarei criando minha index!
obrigado por compartilhar ;)

Wake Wake  • 03.11.13 10:31

AdministradorMembro da Equipa

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 03.11.13 10:31

Excelente tutorial! Ajudará a todos com certeza. 

Até mais!, WakePT

Alks Alks  • 03.11.13 10:41

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 03.11.13 10:41

Muuuuito bem, mereço meu "+", porque em vez de fazer em video fez em escrito que demorou muito mais
e bela tutorial, parabéns.

Fłαsн™ Fłαsн™  • 03.11.13 10:57

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 03.11.13 10:57

Ola,

Obrigado Por Compartilhar,ira Ajudar muitos Usuarios

Ate!

Whiskey Whiskey  • 03.11.13 11:02

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 03.11.13 11:02

Excelente tutorial! To criando a minha.

M0nster M0nster  • 03.11.13 17:03

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 03.11.13 17:03

Obrigado pelas Opiniões Fiquei Muito Feliz em Ter Ajudado Boa Sorte com a Index de Vocêis.

Foxy Foxy  • 05.11.13 13:15

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 05.11.13 13:15

Isso é para quem manja um pco já, .-. eu n consegui, e infelizmente n tenho o PS

hollisterhotel hollisterhotel  • 29.11.13 14:03

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 29.11.13 14:03

sera que o senhor pode me ajudar?

hollisterhotel hollisterhotel  • 29.11.13 14:04

[ Tutorial ] Criando sua Index do 0% Empty ajuda 29.11.13 14:04

M0nster escreveu:
Obrigado pelas Opiniões Fiquei Muito Feliz em Ter Ajudado Boa Sorte com a Index de Vocêis.
ola sera que o senhor pode me ajuda com meu hotel nem sei como usar eu compre e nao sei administrar

WictorP WictorP  • 29.11.13 14:30

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 29.11.13 14:30

Após de tantos elogios eu vou criticar.
Isso não é do 0, se fosse do 0 você não daria os códigos . :)

Mas obrigado por compartilhar;

Fłαsн™ Fłαsн™  • 29.11.13 14:52

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 29.11.13 14:52

Olá,

Belo Tutorial, irá Ajudar Muitos Usuarios

Até.

Stream Stream  • 29.11.13 15:47

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 29.11.13 15:47

Olá, muito bom o tópico ! Irá ajudar muitos usuários que querem criar sua própria index !
Irei estar guardando em meus favoritos...

iLevel iLevel  • 29.11.13 16:02

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 29.11.13 16:02

Obrigado Ajudou Muito !:parabéns: 

4shared™ 4shared™  • 30.11.13 15:06

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 30.11.13 15:06

Muito Bom amigo muitos usuários com certeza queriam saber um tuto desse para desenvolver e até postar no forum, Até :bounce:

Pantry Pantry  • 30.11.13 15:20

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 30.11.13 15:20

OTIMO! VOCÊ É FERA! OBRIGADO POR COMPARTILHAR PARA TODOS DO FÓRUM POWER PIXEL

Atenciosamente, Pantry

joaopaulo98 joaopaulo98  • 30.11.13 18:48

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 30.11.13 18:48

Olá muito obrigado por compartilhar ajudará a min e outros usuarios que não sabem fazer uma Index

Luc4 Luc4  • 01.12.13 13:33

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 01.12.13 13:33

Belo tutorial parabéns

Frizen Frizen  • 05.12.13 19:55

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 05.12.13 19:55

Vlw Cara , ótimo tutorial !!   Ajudou mt









                                                                   [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Anonymous Convidado  • 05.12.13 21:29

Restore Restore  • 05.12.13 22:37

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 05.12.13 22:37

Bom tutorial , obrigado por compartilhar...

LocutorTutoriais LocutorTutoriais  • 12.12.13 23:36

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 12.12.13 23:36

Eu já sabia mais vai ajudar muita gente, obrigado por compartilhar.

VerdeHabbos VerdeHabbos  • 16.12.13 21:50

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 16.12.13 21:50

Obrigado por compartilhar.

Leonardo Leonardo  • 16.12.13 21:53

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 16.12.13 21:53

Totalmente errado para quem não sabe nada do assunto.
- Mas á quem consiga!

SnowOut SnowOut  • 13.01.14 22:56

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 13.01.14 22:56

Obrigado por compartilhar!

ƒя1ѕ ƒя1ѕ  • 16.01.14 11:33

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 16.01.14 11:33

Olá, ótimo tutorial ... Muito usuário vai aprender Criar sua própia Index.


Até mais. :D

Anonymous Convidado  • 16.01.14 11:37

Cøld Cøld  • 20.01.14 14:21

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 20.01.14 14:21

Vlw cara 
Ajudou muito

Arghos Arghos  • 20.01.14 14:36

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 20.01.14 14:36

Tentarei desenvolver a minha do 0.

avatar De4n  • 20.01.14 14:54

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 20.01.14 14:54

ADOREI o tutorial, muito detalhado.
Me ajudou muito :interessante:
Falora

Tools™ Tools™  • 20.01.14 14:59

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 20.01.14 14:59

Ótimo tutorial,já tinha visto antes,muito bom ! ;)

Kyacrudo Kyacrudo  • 04.02.14 12:00

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 04.02.14 12:00

Irei testar em meu hotel, obrigado por compartilhar!

Bet4 Bet4  • 06.02.14 0:29

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 06.02.14 0:29

Bom acho que uma INDEX não se cria dando os códigos,
mais obrigado por compartilhar!

Vong Vong  • 11.10.14 8:19

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 11.10.14 8:19

@Moderação
o Usuário Hollisterhotel cometeu uma infração
 infração: DualPost
Não será púnido pois ainda não é membro.

xjoao xjoao  • 11.10.14 11:05

[ Tutorial ] Criando sua Index do 0% Empty Re: [ Tutorial ] Criando sua Index do 0% 11.10.14 11:05

@suporte
usuario: fr3dHp cometeu +2 infrações
motivo: comentou um tópico inativo a mais de 9 messes fez trabalho staff
leia as Regras
tópico fechado !!!
Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.