XOOPS WAP Mobile
Fóruns
XOOPS Cube
- Legacy
- Solução do dia, horóscopo na tela, xl greybox
Detalhes:
Título: Solução do Dia, 24, 02, Horóscopo na Tela, XL Greybox
Autor: leuonline
Data: 2007-02-25 00:42
Conteúdo:

A comunidade XOOPS no Brasil já conhece soluções relacionadas a horóscopo portáveis ao nosso CMS. Mas hoje apresentamos uma solução diferenciada.
Utilizando o Script Java Greybox o sistema mostra o signo requerido na sua página não saindo da estrutura do portal.
O efeito é mais ou menos esse:

Mas vamos passo-a-passo. A parceria utilizada ainda é do portal Horóscopo Virtual. E portanto ainda é necessário visitar o portal e cadastrar-se como parceiro.
Acompanhe:

Logo após cadstrar-se você receberá um e-mail. Nele há um endereço para uma página do HV que mostra o código que você deveria utilizar para inserir o script no seu site. Mas neste caso o "deveria" é de propósito. Neste e-mail você deve prestar atenção em um detalhe apenas:

Vamos utilizar o seu código de parceiro em nosso script. Veja:


Para ver o horóscopo do dia clique em seu signo abaixo:



Áries.


Touro.


Gêmeos.


Câncer.


Leão.


Virgem.


Libra.


Escorpião.


Sagitário.


Capricórnio.


Aquário.


Peixes.



Substitua todas as vezes em que aparece o "3283" pelo seu número de parceiro. Com isto pronto insira o script acima em um bloco qualquer. Está feito o primeiro passo.
Agora vamos para a parte do script. Baixe os arquivos Greybox pelo endereço a seguir:
Clique aqui
Decompacte os arquivos e envie o diretório greybox para a raiz do seu portal XOOPS.
Após vamos fazer as alterações no seu tema. Acrescente o seguinte código tomando cuidado para que o mesmo venha logo após o <{$xoops_module_header}>:
<script type="text/javascript">
Var GB_ROOT_DIR = "<{$xoops_url}>/greybox/";
</script>
<script type="text/javascript" src="<{$xoops_url}>/greybox/AJS.js"></script>
<script type="text/javascript" src="<{$xoops_url}>/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="<{$xoops_url}>/greybox/gb_scripts.js"></script>
<link href="<{$xoops_url}>/greybox/gb_styles.css" rel="stylesheet" type="text/css" />

Alterando e atualizando tudo a solução está pronta. Veja a mesma em funcionamento no portal do XoopsLab:
XoopsLab
Qualquer dúvida poste aqui no fórum.
Abraços,
Leonardo Rocha

<< 1 ..14 (15)
Responder Editar Remover
Escrever