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] Multiplicar os widgets de votação

Ir em baixo

[TUTORIAL] Multiplicar os widgets de votação

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

[Você precisa estar registrado e conectado para ver esta imagem.] Widget votação personalizado


Para que possa um Fórum dispor de vários widgets com votações diferentes, poderá utilizar o widget de votação personalizado, onde poderá criar o widget manualmente, dando-lhe quase o mesmo efeito que o widget normal!




--> Tutoriais, dicas e astúcias <--
Multiplicar os widgets de votação





- Criar um widget personalizado:
O ideal é que o painel de usuário esteja disposto num widget, para que seja independente a qualquer outro conteúdo e assim poder destacar-se no Fórum/Portal.

Sendo assim teremos de aceder a:
Painel de controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
E carregar em: [Você precisa estar registrado e conectado para ver este link.]

(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.] Para mais informações consulte a 2ª parte do tutorial:
[Você precisa estar registrado e conectado para ver este link.]




- O código da votação:
Os códigos para ambas as versões são semelhantes, apenas alteraram as configurações de estilo. Serão assinalados os pormenores a serem alterados e no final será apresentada a explicação para cada cor.

O modo de procedimento ao colocar o código no widget, terá de colocar a 1ª Parte, de seguida deixar um pequeno espaço e colocar a 3ª Parte, depois no espaço deixado entre a 1ª e 3ª Parte, terá de colocar a 2ª Parte o número de vezes igual a de escolhas existentes na votação.

Oriente-se pela versão do seu Fórum:


[Você precisa estar registrado e conectado para ver esta imagem.] PhpBB 2


1ª Parte
<form method="post" action="/posting.forum?mode=vote&amp;t=0000">
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<span class="gensmall">
<b>QUESTÃO_DA_VOTAÇÃO?</b>
</span></td></tr>
<tr><td align="center">
<table border="0" cellpadding="2" cellspacing="0">
3ª Parte
</table>
</td></tr><tr><td align="center"><input name="submit" value="TEXTO_DO_BOTÃO" class="liteoption" type="submit"></td></tr><tr><td align="center"><span class="gensmall"><b><a href="/-t0000.htm" class="gensmall">ACEDER_AO_TÓPICO</a></b></span></td></tr></table>
<input name="topic_id" value="0000" type="hidden">
<input name="mode" value="vote" type="hidden">
</form>



Laranja - Poderá definir o texto que pretender, sendo na 1ª parte o título para a questão a colocar na votação. Na 3ª parte será o texto do botão para votar, e o texto do link, para aceder ao tópico da votação.
Vermelho - A vermelho teremos de substituir pelo número do tópico onde se encontra a votação. Como o determinar? Apenas terá de aceder ao tópico da votação, e ter em conta o endereço da página. Irá reparar que no final terá esta parte:
...-t0000.htm
Onde o 0000 é o número do tópico, que terão de copiar e substituir em todas as partes que temos a vermelho no código, com o número 0000.

2ª parte
<tr><td>
<input name="vote_id[]" value="0" type="radio">&nbsp;</td>
<td><span class="gensmall">NOME_DA_OPÇÃO</span>
</td></tr>
este código terá de ser colocado um número igual ao de opções de escolha existentes na votação. Sendo que:
Rosa - Deverá colocar o nome da escolha.
Azul - Deverá colocar o número correspondente à escolha, sendo que a primeira opção tem o número 0, como está no exemplo, a segunda opção, terá de substituir o 0 pelo 1, na terceira opção, terá de substituir o 0 pelo 2, e assim sucessivamente, até completar o número de opções existentes na votação.



[Você precisa estar registrado e conectado para ver esta imagem.] PhpBB 3


1ª Parte
<div class="poll">
<form method="post" action="/posting.forum?mode=vote&amp;t=0000">
<p><b>QUESTÃO_DA_VOTAÇÃO?</b></p>
<fieldset>
3ª Parte
</fieldset>
<br>
<fieldset class="submit-buttons">
<input name="submit" value="TEXTO_DO_BOTÃO" class="button1" type="submit">
</fieldset>
<p class="center">
<b><a href="/-t0000.htm">ACEDER_AO_TÓPICO</a></b>
</p>
<input name="topic_id" value="0000" type="hidden">
<input name="mode" value="vote" type="hidden">
</form>
</div>
Laranja - Poderá definir o texto que pretender, sendo na 1ª parte o título para a questão a colocar na votação. Na 3ª parte será o texto do botão para votar, e o texto do link, para aceder ao tópico da votação.
Vermelho - A vermelho teremos de substituir pelo número do tópico onde se encontra a votação. Como o determinar? Apenas terá de aceder ao tópico da votação, e ter em conta o endereço da página. Irá reparar que no final terá esta parte:
...-t0000.htm
Onde o 0000 é o número do tópico, que terão de copiar e substituir em todas as partes que temos a vermelho no código, com o número 0000.

2ª parte
<dl><dt style="width: 70%;">
<label for="vote_id0">NOME_DA_OPÇÃO</label>
</dt><dd style="margin-left: 72%;">
<input name="vote_id[]" id="vote_id0" value="0" type="radio">
</dd></dl>
este código terá de ser colocado um número igual ao de opções de escolha existentes na votação. Sendo que:
Rosa - Deverá colocar o nome da escolha.
Azul - Deverá colocar o número correspondente à escolha, sendo que a primeira opção tem o número 0, como está no exemplo, a segunda opção, terá de substituir o 0 pelo 1, na terceira opção, terá de substituir o 0 pelo 2, e assim sucessivamente, até completar o número de opções existentes na votação.



[Você precisa estar registrado e conectado para ver esta imagem.] PunBB


1ª Parte
<div class="ballot">
<form method="post" action="/posting.forum?mode=vote&amp;t=0000">
<h4>QUESTÃO_DA_VOTAÇÃO?</h4>
<fieldset class="clearfix">
3ª Parte
</fieldset>
<fieldset class="center">
<input name="submit" value="TEXTO_DO_BOTÃO" class="button1" type="submit">
</fieldset>
<p class="center">
<b><a href="/-t0000.htm">ACEDER_AO_TÓPICO</a></b>
</p><b>
<input name="topic_id" value="0000" type="hidden">
<input name="mode" value="vote" type="hidden"></b>
</form></div>
Laranja - Poderá definir o texto que pretender, sendo na 1ª parte o título para a questão a colocar na votação. Na 3ª parte será o texto do botão para votar, e o texto do link, para aceder ao tópico da votação.
Vermelho - A vermelho teremos de substituir pelo número do tópico onde se encontra a votação. Como o determinar? Apenas terá de aceder ao tópico da votação, e ter em conta o endereço da página. Irá reparar que no final terá esta parte:
...-t0000.htm
Onde o 0000 é o número do tópico, que terão de copiar e substituir em todas as partes que temos a vermelho no código, com o número 0000.

2ª parte
<dl><dd>
<input name="vote_id[]" value="0" type="radio">&nbsp;</dd>
<dt><label>NOME_DA_OPÇÃO</label></dt>
</dl><div class="clear"></div>
este código terá de ser colocado um número igual ao de opções de escolha existentes na votação. Sendo que:
Rosa - Deverá colocar o nome da escolha.
Azul - Deverá colocar o número correspondente à escolha, sendo que a primeira opção tem o número 0, como está no exemplo, a segunda opção, terá de substituir o 0 pelo 1, na terceira opção, terá de substituir o 0 pelo 2, e assim sucessivamente, até completar o número de opções existentes na votação.



[Você precisa estar registrado e conectado para ver esta imagem.] Invision


1ª Parte
<div class="box-content poll">
<form method="post" action="/posting.forum?mode=vote&amp;t=0000">
<p><b>QUESTÃO_DA_VOTAÇÃO?</b></p>
<fieldset>
3ª Parte
</fieldset>
<fieldset style="text-align: center;">
<input name="submit" value="TEXTO_DO_BOTÃO" class="button" type="submit">
</fieldset>
<p class="center">
<b><a href="/-t0000.htm">ACEDER_AO_TÓPICO</a></b>
</p>
<input name="topic_id" value="0000" type="hidden">
<input name="mode" value="vote" type="hidden">
</form></div>
Laranja - Poderá definir o texto que pretender, sendo na 1ª parte o título para a questão a colocar na votação. Na 3ª parte será o texto do botão para votar, e o texto do link, para aceder ao tópico da votação.
Vermelho - A vermelho teremos de substituir pelo número do tópico onde se encontra a votação. Como o determinar? Apenas terá de aceder ao tópico da votação, e ter em conta o endereço da página. Irá reparar que no final terá esta parte:
...-t0000.htm
Onde o 0000 é o número do tópico, que terão de copiar e substituir em todas as partes que temos a vermelho no código, com o número 0000.

2ª parte
<dl><dt style="width: 70%;">
<label for="vote_id0">NOME_DA_OPÇÃO</label>
</dt><dd style="margin-left: 72%;">
<input name="vote_id[]" id="vote_id0" value="0" type="radio">
</dd></dl>
este código terá de ser colocado um número igual ao de opções de escolha existentes na votação. Sendo que:
Rosa - Deverá colocar o nome da escolha.
Azul - Deverá colocar o número correspondente à escolha, sendo que a primeira opção tem o número 0, como está no exemplo, a segunda opção, terá de substituir o 0 pelo 1, na terceira opção, terá de substituir o 0 pelo 2, e assim sucessivamente, até completar o número de opções existentes na votação.



- Algumas considerações:
Tenha atenção a estes três aspectos, muito importantes:

  • Ao contrário do que acontece no widget normal, neste não é possível visualizar os resultados, por isso é que foi substituído o link "Exibir resultados" pelo link "Aceder ao tópico", pois é a única maneira de visualizar os resultados;

  • Outro aspecto negativo é que o widget aparecerá sempre com a possibilidade de votar, mas quando o usuário for a votar uma segunda vez, é lhe informado que já exerceu voto naquela votação;

  • É recomendável que ao adicionar o widget com estes códigos, que o faça dando permissões apenas aos usuários registados, isto porque um convidado poderá votar sempre na votação;






© 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] Multiplicar os widgets de votação
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