Conectar-se

Esqueci minha senha

Os membros mais ativos do mês

Quem está conectado
1 usuário online :: Nenhum usuário registrado, Nenhum Invisível e 1 Visitante

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 19 em Ter Jan 03, 2012 9:38 am
Últimos assuntos
» Equipe Web ASA Fórum
Dom Jun 24, 2012 11:15 am por Alisson Silva

» [Re-Apresentação] Fábio
Sex Maio 25, 2012 4:45 pm por Fábio

» PixelZIP ~ design&programção em só lugar
Sex Maio 25, 2012 4:44 pm por Fábio

» Pedido de logo
Dom Maio 20, 2012 10:06 am por Alisson Silva

» Kernel - Apresentação
Sab Maio 19, 2012 9:49 am por Alisson Silva

» [Galeria] Gabriel Schiavi - Atualizado (20/02 - !5:21)
Sab Maio 19, 2012 9:48 am por Alisson Silva

»  HEBBO HOTEL 24 HORAS ONLINE !!
Sex Maio 04, 2012 7:20 pm por Alisson Silva

» Pedido de Layout
Sex Maio 04, 2012 5:23 pm por Fonsecca

» [RESOLVIDO]TV CCE HPS 2071-D (IMAGEM SÓ EMBAIXO, ACIMA, LINHAS DE RETRAÇO E FAIXA PRÊTA NO TOPO DA TELA).
Qua Abr 11, 2012 4:07 pm por Fry

» [contato] Deixo aqui meus contatos virtuais
Qua Abr 11, 2012 3:25 pm por Fry


[TUTORIAL] Criar um gestor de temas para escolha do usuário

Ir em baixo

[TUTORIAL] Criar um gestor de temas para escolha do usuário

Mensagem por Fry em Qui Dez 29, 2011 12:06 pm

[Você precisa estar registrado e conectado para ver esta imagem.] Gestor de temas


Veremos como podemos criar um sistema que permite o utilizador escolher qual tema deseja utilizar quando navega no fórum. Isso é possível por meio da utilização dos temas temporários, possibilitando alternar entre, no máximo, quatro temas distintos entre si.


[Você precisa estar registrado e conectado para ver esta imagem.] Atenção :
Esta não é uma funcionalidade feita por Forumeiros, sendo assim ela possui limitações de uso, como poderemos ver no primeiro ponto deste mesmo tutorial.





--> Tutoriais, dicas e Astúcias <--
Criar um gestor de temas para escolha do usuário




- Limitações de utilização:
Antes de criar este sistema em seu fórum, terá de ter em conta algumas limitações que são muito importantes, considerando que este sistema não foi elaborado pelo Forumeiros e é, na verdade, uma adaptação utilizando a gestão dos temas temporários. Veja quais são:
  • Somente será possível alternar entre, no máximo quatro temas;
  • Quando postamos uma mensagem o tema é restaurado para o predefinido;
  • A página índice do fórum não sofre modificações;
  • O tema somente valerá para a seção, se o membro fechar o navegador, quando o abrir novamente será exibido o tema predefinido;



- Criar os temas temporários para serem utilizados:
Para que possamos criar os temas extras teremos de utilizar a gestão dos temas temporários. Com ela poderá criar no máximo três temas e, terá ainda o tema predefinido do fórum como um quarto.

[Você precisa estar registrado e conectado para ver esta imagem.] Para mais informações referentes a Gestão dos Temas Temporários, veja o tutorial expecífico desta função:
[Você precisa estar registrado e conectado para ver este link.]



[Você precisa estar registrado e conectado para ver esta imagem.] Opções por meio de imagem/texto



- Obter o código dos temas:
Poderemos escolher por três meios de utilizar o tema neste ponto. Podemos optar por Somente imagem, somente texto e imagem e texto. As explicações de como utilizar cada um dos códigos estará ao final do ponto.

Somente imagem
<a href="?change_temp=1"><img src="ENDEREÇO_DA_IMAGEM"></a>

Somente texto
<a href="?change_temp=1">Texto</a>

Imagem e texto
<a href="?change_temp=1"><img src="ENDEREÇO_DA_IMAGEM">Texto</a>



Violeta -> Deverá colocar o endereço da sua imagem que irá representar o redirecionamento do link para outro tema.
Preto -> Apresentará o nome do tema ou quaisquer outro texto que deseje colocar, neste local poderá utilizar quaisquer códigos HTML.
Laranja -> Será o número do tema, os números se iniciam no tema atuall, o zero e depois vão do um ao três os temas temporários. Veja mais detalhadamente na lista abaixo contento todos os quatro valores possíveis:
  • 0 -> Tema atual do fórum;
  • 1 -> Primeiro tema temporário criado;
  • 2 -> Segundo tema temporário criado;
  • 3 -> Terceiro tema temporário criado;



- Adicinar o código em locais que o mesmo tenha efeito:
Poderá adicionar o código nos seguintes locais:
  1. Mensagem da Home Page:
    Painel de Controle -> Visualização -> Home Page -> Geral -> "Mensagem da Home Page"
  2. Widgets (em todos que são possíveis de criar ou modificar):
    Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
    ou
    Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum



- Resultado final do código:
(carregue na imagem para aumentar)
[Você precisa estar registrado e conectado para ver este link.]




[Você precisa estar registrado e conectado para ver esta imagem.] Opções por meio de caixa de seleção



- Obter o código:
iremos criar uma caixa onde poderemos selecionar o tema que desejamos inserir no fórum. Ela somente poderá ter quatro valores, respoitando as limitações. Vejamos como ficará o códido e cada uma de suas partes:

Ao início:
<form name="jump"><script>function jumpMenu(){location=document.jump.menu.options[document.jump.menu.selectedIndex].value;}</script><select name="menu">
Para cada tema:
<option value="?change_temp=1">Texto</option>
Ao final:
</select>&nbsp;&nbsp;<a href="Javascript:jumpMenu()"><IMG SRC="ENDERECO_DA_IMAGEM" border=0></a></form>


Violeta -> Deverá colocar o endereço da sua imagem que irá representar o botão que ao clicar irá direcionar para o devido tema.
Preto -> Apresentará o nome do tema ou quaisquer outro texto que deseje colocar, neste local não poderá utilizar quaisquer códigos HTML.
Laranja -> Será o número do tema, os números se iniciam no tema atual, o zero e depois vão do um ao três os temas temporários. Veja mais detalhadamente na lista abaixo contento todos os quatro valores possíveis:
  • 0 -> Tema atual do fórum;
  • 1 -> Primeiro tema temporário criado;
  • 2 -> Segundo tema temporário criado;
  • 3 -> Terceiro tema temporário criado;



- Adicinar o código em locais que o mesmo tenha efeito:
Poderá adicionar o código nos seguintes locais:
  1. Mensagem da Home Page:
    Painel de Controle -> Visualização -> Home Page -> Geral -> "Mensagem da Home Page"
  2. Widgets (em todos que são possíveis de criar ou modificar):
    Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
    ou
    Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum



- Resultado final do código:
(carregue na imagem para aumentar)
[Você precisa estar registrado e conectado para ver este link.]





©
Adm_Gbs & Fórum dos Fóruns



[Você precisa estar registrado e conectado para ver esta imagem.] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Criar um gestor de temas para escolha do usuário
avatar
Fry
Admintradores
Admintradores

Posts Posts : 175
Idade Idade : 19
Respeito Respeito : 0
Web Moedas Web Moedas : 415

http://Em breve...

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum