Cicklow
Admin
Dseda
Verificado
Verificación en dos pasos activada
Usuário popular!
Suscripción a IA
Olá, como estão? Neste novo tutorial vocês aprenderão a programar um site de tarot (tiragem de cartas de tarot), em PHP (funciona em qualquer servidor com suporte a PHP), também aprenderão como colocá-lo no Blogger e Wordpress!
Tutoriais Anteriores:
Horóscopo Grátis (Script)
Seu site de Tarot sem fazer nada
Programar nosso próprio site de tarot
Programar nosso próprio site de tarot - V2
Criar aplicativos Android - Horóscopo Chinês
O complemento de todo site de Tarot (Aplicativo Android)
Plugin para WP: https://forobeta.com/tutoriales/445768-tu-sitio-de-tarot-nada.html
Passo 1
Para nosso primeiro passo criaremos as variáveis de cada valor de cada carta de tarot (vale a redundância).
Estas variáveis conterão os valores de cada carta!
Agora adicionaremos as variáveis que contêm os nomes das cartas
Estas variáveis nós salvamos em um arquivo chamado: cartas.php
Passo 2
Agora criaremos o ambiente gráfico do nosso site (script mais que nada) (index.php)
O que faremos é colocar para mostrar imagens de cartas e abaixo de cada carta um checkbox (HTML) para que o usuário selecione 3 cartas.
O que fazemos é um for para mostrar as cartas (é para não colocar imagem por imagem e checkbox por checkbox kkkkk), ficaria assim:
Depois adicionamos tudo dentro de um formulário HTML.
Passo 3
Neste passo adicionaremos um pouco de lógica ao nosso script, verificaremos se o usuário selecionou alguma carta, se a quantidade de cartas é igual a 3, e mostrar resultados.
Passo 4
Executar nosso script, nos mostrará as cartas deste modo (tudo pode ser melhorado hehehe):
Passo 5 - Adicionar no Blogger e Wordpress
Para adicioná-lo no Blogger / Wordpress só precisam criar uma postagem (ou página) e adicionar um iframe para o script.
Passo 6 - DICAS
- Com este script podem criar muitas outras opções de tarot, exemplo: tarot cigano, tarot egípcio, tarot viking, etc... só busquem os valores de cada carta no google!
- Se forem colocar o script em um iframe (blogger ou wordpress), NÃO coloquem adsense dentro do script, já que o adsense não permite ser colocado dentro de um iframe.
- O design é básico, mas podem melhorá-lo muito, não tem muita ciência, e é fácil entender e modificar.
- Podem adicionar a opção de publicar no mural do Facebook os resultados das cartas 🙂
Eu programei estes scripts faz já bastante tempo, tenho muitos sites de tarot, os quais só subo estes scripts e o site está montado! E deixam muito bons rendimentos!
NÃO Citem este tutorial, já que se algo for modificado ficaria fragmentado nos outros posts!
Visualização: Tarot ForoBeta
Download: http://test.cicklow.me/ForoBeta/tarot/tarot.rar
UPDATE 2017: Agora é responsivo
Tutoriais Anteriores:
Horóscopo Grátis (Script)
Seu site de Tarot sem fazer nada
Programar nosso próprio site de tarot
Programar nosso próprio site de tarot - V2
Criar aplicativos Android - Horóscopo Chinês
O complemento de todo site de Tarot (Aplicativo Android)
Plugin para WP: https://forobeta.com/tutoriales/445768-tu-sitio-de-tarot-nada.html
Passo 1
Para nosso primeiro passo criaremos as variáveis de cada valor de cada carta de tarot (vale a redundância).
PHP:
$TextosCartas[0] = 'Esta carta es una carta';
$TextosCartas[1] = 'Esta es otra carta que hace algo';
$TextosCartas[2] = 'Si cruzas sin mirar la calle te atropella un venado';
$TextosCartas[3] = 'Si miras para arriba te cae un elefante';
$TextosCartas[4] = '...';Agora adicionaremos as variáveis que contêm os nomes das cartas
PHP:
$TextosTitulos[0] = 'El loco';
$TextosTitulos[1] = 'El pokemon';
$TextosTitulos[2] = 'El Troll';
$TextosTitulos[3] = 'El chanchito valiente que cruzo la calle';
$TextosTitulos[4] = '...';Estas variáveis nós salvamos em um arquivo chamado: cartas.php
Passo 2
Agora criaremos o ambiente gráfico do nosso site (script mais que nada) (index.php)
O que faremos é colocar para mostrar imagens de cartas e abaixo de cada carta um checkbox (HTML) para que o usuário selecione 3 cartas.
PHP:
<?php
define('WEB','http://127.0.0.1/ForoBeta/tarot/'); //URL de nuestro script
echo '<table border="0" cellpadding="0" cellspacing="0"><tr>';
echo '<td><center><img src="'.WEB.'pic1/carta.png"><br/><input type="checkbox" name="carta[]" value="1"></center></td>';
for($i=2;$i<=11;$i++){ echo '<td><center><img src="'.WEB.'pic1/carta2.png"><br/><input type="checkbox" name="carta[]" value="'.$i.'"></center></td>'; }
echo '<td><center><img src="'.WEB.'pic1/carta.png"><br/><input type="checkbox" name="carta[]" value="12"></center></td>';
for($i=13;$i<=22;$i++){ echo '<td><center><img src="'.WEB.'pic1/carta2.png"><br/><input type="checkbox" name="carta[]" value="'.$i.'"></center></td>'; }
echo '</tr></table><br/>';
?>Depois adicionamos tudo dentro de um formulário HTML.
HTML:
<form action="" method="GET">
ACA CODE PHP ANTERIOR
<input type="submit" name="FO" value="Ver Cartas">
</form>Passo 3
Neste passo adicionaremos um pouco de lógica ao nosso script, verificaremos se o usuário selecionou alguma carta, se a quantidade de cartas é igual a 3, e mostrar resultados.
PHP:
<?php
if($_GET[FO]==""){
//ACA FORMULARIO PASO 2
}else{
if(count($_GET['carta'])!=3){
echo 'Tienes que seleccionar 3 cartas!<a href="'.WEB.'">Volver...</a>';
else {
include('cartas.php'); //agregamos los valores de las cartas a nuestro script
$VAL = array_rand($TextosCartas, 3); //obtenemos 3 cartas al azar (SI...asi es el tarot online XD)
//creamos un for para mostrar los valores de nuestros array de cartas, array_rand saca 3 ID de nuestro array al azar...
for($i=0;$i<3;$i++){
echo '<tr><td colspan="2" style="background:#d6614d;"><font size="1" face="verdana">'.$TextosCarta[$i].'</font></td></tr><tr><td valign="top"><center><img width="100" src="'.WEB.'pic1/'.$VAL[$i].'.jpg"><br/><font size="1" face="verdana"><b>'.$TextosTitulos[$VAL[$i]].'</b></font></center></td><td width="100%" valign="top"><font size="3" face="verdana">'.$TextosCartas[$VAL[$i]].'</font></td></tr>';
}
}
}
?>Passo 4
Executar nosso script, nos mostrará as cartas deste modo (tudo pode ser melhorado hehehe):
Passo 5 - Adicionar no Blogger e Wordpress
Para adicioná-lo no Blogger / Wordpress só precisam criar uma postagem (ou página) e adicionar um iframe para o script.
HTML:
<iframe src="http://sitio.com/script_tarot/" frameborder="0" border="0" width="100%" height="500px" style="overflow:scroll;overflow-x: scroll;"></iframe>Passo 6 - DICAS
- Com este script podem criar muitas outras opções de tarot, exemplo: tarot cigano, tarot egípcio, tarot viking, etc... só busquem os valores de cada carta no google!
- Se forem colocar o script em um iframe (blogger ou wordpress), NÃO coloquem adsense dentro do script, já que o adsense não permite ser colocado dentro de um iframe.
- O design é básico, mas podem melhorá-lo muito, não tem muita ciência, e é fácil entender e modificar.
- Podem adicionar a opção de publicar no mural do Facebook os resultados das cartas 🙂
Eu programei estes scripts faz já bastante tempo, tenho muitos sites de tarot, os quais só subo estes scripts e o site está montado! E deixam muito bons rendimentos!
NÃO Citem este tutorial, já que se algo for modificado ficaria fragmentado nos outros posts!
Visualização: Tarot ForoBeta
Download: http://test.cicklow.me/ForoBeta/tarot/tarot.rar
Abraços e que o tarot os ilumine XD kkkkkkkkk :encouragement:
UPDATE 2017: Agora é responsivo
Última edição:
