Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 4
Sexo: Masculino

Passar tema do ThemeRoller

17-07-2012 18:59

Olá!

Estou criando um MOD para phpBB que se funcionar... :rofl: vai ser uma grande ajuda no combate para acabar com SPAM nos fóruns phpBB.

Ja coloquei algumas opções como enable/disable entre outras coisas. Agora só falta implementar o ThemeRoller que nada mais é do que temas que podem ser aplicados como pode ser visto nesta pagina http://jqueryui.com/themeroller/

O que preciso se alguem puder dar alguma sugestão é de como passar o nome do tema que é selecionado no painel de configuração para onde a aplicação é usado.

Se alguem quiser ver o que estou falando acesse este site de teste e tente fazer um cadastro, reparem que o botão ENVIAR só é lierado depois de deslizar a barro. No topo tem SWITCH THEME onde pode mudar o tema.

http://www.mundophpbb.com.br/forum_teste/

Grato
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Passar tema do ThemeRoller

17-07-2012 19:39

Mas onde que fica armazenado o nome do tema?
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 4
Sexo: Masculino

Passar tema do ThemeRoller

17-07-2012 19:53

Puxa daqui

<link type="text/css" rel="stylesheet" href="http://jqueryui.com/themes/base/ui.all.css" /> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css" type="text/css" media="all" /> <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" /> <script type="text/javascript" src="http://jqueryui.com/js/jquery.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript"></script>

Exemplo:
<!DOCTYPE html> <html> <head> <title>JQuery Theme Roller</title> <link type="text/css" rel="stylesheet" href="http://jqueryui.com/themes/base/ui.all.css" /> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css" type="text/css" media="all" /> <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" /> <script type="text/javascript" src="http://jqueryui.com/js/jquery.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript"></script> <script type="text/javascript"> //Set theme roller      $(document).ready(function () {         $('#ThemeRoller').themeswitcher();     }); //Show date time picker control     $(function () {         $("#datepicker").datepicker(); }); //Show Dialog     $(function () {         $("#dialog").dialog();     }); //Progress Bar     $(function () {         $("#progressbar").progressbar({             value: 50         });     }); </script> </head> <body style="font-size:62.5%;">    <script type="text/javascript"   src="http://jqueryui.com/themeroller/themeswitchertool/"> </script> <div id="ThemeRoller"></div> <p>Date: <input id="datepicker" type="text" /> </p>      <div id="dialog" title="Basic dialog">     <p>     This is a Demo Dialog box using JQuery!!<br />     Change theme to see this Dialog in different theme.     </p> </div>     <div id="progressbar" style="width:200px;">     </div> </body> </html>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Passar tema do ThemeRoller

17-07-2012 20:32

Eu dei uma olhada no código, e aparentemente a base do script está nesse link http://jqueryui.com/themeroller/themeswitchertool/
Que é onde fica armazenado o painel, cookie onde salva o tema escolhido, etc...

Se todo esse script funcionar localmente, ou seja, sem pegar dados em outro servidor, acho que é possível criar uma variável para passar o nome do thema que é gravado no cookie para uma div por exemplo.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 4
Sexo: Masculino

Passar tema do ThemeRoller

17-07-2012 20:37

Cookie....... :rofl:

Não tinha pensado nisto
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Passar tema do ThemeRoller

17-07-2012 20:55

;)
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 4
Sexo: Masculino

Passar tema do ThemeRoller

27-07-2012 22:18

Estou usando o themeswitchertool.js

Agora funciona corretamente mas se eu configurar por exemplo no IE, somente o IE altera o tema, no FF ou Chrome não. Então preciso que uma vez setado em qualquer navegador ele funcione tambem em qualquer navegador.

Sei que preciso colocar um GOLBAL COOKIE no phpBB, não sei se vocês tem conhecimento dele, mas tentei colocar no includes/functions.php e não resolveu.

Tentei usar algo parecido com isto

setcookie('the_cookie', 'the_value', 0, '/', 'example.com'); 

Devo ter colocado ou no arquivo errado, ou no lugar errado.

Tentei colocar aqui o themeswitchertool.js mas da erro.

Se precisar dele eu coloco um link pra download
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Passar tema do ThemeRoller

27-07-2012 23:21

Trabalha com cookie pelo jQuery. Você vai ter menos conflito entre os navegadores. Trabalhando-com-cookie-no-jQuery_3_5443.html
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado