Entrar
Os membros mais ativos do mês
Nenhum usuário |
Quem está conectado?
Há 5 usuários online :: 0 registrados, 0 invisíveis e 5 visitantes :: 1 motor de buscaNenhum
[ Ver toda a lista ]
O recorde de usuários online foi de 23 em Seg Jun 08, 2020 3:43 am
Últimos assuntos
[TUTORIAL] Multiplicar os widgets de votação
Web ASA Fórum | Oficial :: Geral :: :: Serviços Web Sites :: Suporte Forumeiros :: Forumeiros & Você :: Tutoriais, dicas e astúcias :: Widgets e módulos personalizados
Página 1 de 1
[TUTORIAL] Multiplicar os widgets de votação
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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
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: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
(carregue na imagem para aumentar)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Para mais informações consulte a 2ª parte do tutorial: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] |
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 |
1ª Parte
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 |
1ª Parte
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 |
1ª Parte
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 |
1ª Parte
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: [Dúvida] Multiplicar os widgets de votação |
Tópicos semelhantes
» [TUTORIAL] Multiplicar os widgets de novidades
» [TUTORIAL] Multiplicar o widgets de últimos assuntos
» [TUTORIAL] Slides em widgets
» [TUTORIAL] Ocultar os widgets do fórum
» [TUTORIAL] Colocar fundo em widgets
» [TUTORIAL] Multiplicar o widgets de últimos assuntos
» [TUTORIAL] Slides em widgets
» [TUTORIAL] Ocultar os widgets do fórum
» [TUTORIAL] Colocar fundo em widgets
Web ASA Fórum | Oficial :: Geral :: :: Serviços Web Sites :: Suporte Forumeiros :: Forumeiros & Você :: Tutoriais, dicas e astúcias :: Widgets e módulos personalizados
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
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
Sáb maio 19, 2012 9:49 am por Alisson Silva
» [Galeria] Gabriel Schiavi - Atualizado (20/02 - !5:21)
Sáb 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