[TUTORIAL] Multiplicar os widgets de votação

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Multiplicar os widgets de votação

Mensagem por Flavisic em 25/06/09, 09:00 pm

  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:

(carregue na imagem para aumentar)

Para mais informações consulte a 2ª parte do tutorial:
Administração e instalação do portal / widgets

- 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:


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"> </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.



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.



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"> </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.



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



Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Multiplicar os widgets de votação
avatar

Flavisic
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 09/11/2007
Mensagens : 6290
Pontos Ativos : 3467

Ver perfil do usuário http://www.webscriptner.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


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