[TUTORIAL] Multiplicar os widgets de votação
Fórum dos Fóruns :: Forumeiros e você ::
Página 1 de 1 • Compartilhe
[TUTORIAL] Multiplicar os widgets de votação
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
Multiplicar os widgets de votação
1º - 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:
Para mais informações consulte a 2ª parte do tutorial: Administração e instalação do portal / widgets |
2º - 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 |
3ª Parte<form method="post" action="/posting.forum?mode=vote&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">
</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:
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....-t0000.htm
2ª parte
este código terá de ser colocado um número igual ao de opções de escolha existentes na votação. Sendo que:<tr><td>
<input name="vote_id[]" value="0" type="radio"> </td>
<td><span class="gensmall">NOME_DA_OPÇÃO</span>
</td></tr>
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 |
3ª Parte<div class="poll">
<form method="post" action="/posting.forum?mode=vote&t=0000">
<p><b>QUESTÃO_DA_VOTAÇÃO?</b></p>
<fieldset>
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.</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>
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:
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....-t0000.htm
2ª parte
este código terá de ser colocado um número igual ao de opções de escolha existentes na votação. Sendo que:<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>
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 |
3ª Parte<div class="ballot">
<form method="post" action="/posting.forum?mode=vote&t=0000">
<h4>QUESTÃO_DA_VOTAÇÃO?</h4>
<fieldset class="clearfix">
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.</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>
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:
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....-t0000.htm
2ª parte
este código terá de ser colocado um número igual ao de opções de escolha existentes na votação. Sendo que:<dl><dd>
<input name="vote_id[]" value="0" type="radio"> </dd>
<dt><label>NOME_DA_OPÇÃO</label></dt>
</dl><div class="clear"></div>
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 |
3ª Parte<div class="box-content poll">
<form method="post" action="/posting.forum?mode=vote&t=0000">
<p><b>QUESTÃO_DA_VOTAÇÃO?</b></p>
<fieldset>
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.</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>
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:
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....-t0000.htm
2ª parte
este código terá de ser colocado um número igual ao de opções de escolha existentes na votação. Sendo que:<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>
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.
3º - 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 |
Tópicos semelhantes
» [TUTORIAL] Multiplicar os widgets de novidades
» [TUTORIAL] Multiplicar o widgets de últimos assuntos
» Multiplicar o widget de votação
» [TUTORIAL] Colorir o título dos widgets
» [TUTORIAL] Ocultar os widgets do fórum
» [TUTORIAL] Multiplicar o widgets de últimos assuntos
» Multiplicar o widget de votação
» [TUTORIAL] Colorir o título dos widgets
» [TUTORIAL] Ocultar os widgets do fórum
Fórum dos Fóruns :: Forumeiros e você ::
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos