Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
TUTORIALEstatísticas de votação SGBR 0.1


Versão: PunBB

Descrição: Com este tutorial você poderá dar um estilo totalmente inovador para o resultado das suas votações.
Para ativar o widget coloque o widget Votação dos seus Widgets predefinidos. Depois que o usuário votar, ele mudará para as estatísticas.

Para começar vamos mudar um template, vá até o seu Painel de Controle > Visualização > Templates > Portal > poll_result
Troque todo o conteúdo do template por este:
Código:
<span class="ttle_wid">
 {POLL_QUESTION}<br/>
 Total de {TOTAL_VOTES} votos!
  </span><center>
<!-- BEGIN poll_option -->
 <p id="line_separator">
 <span class="number_left">{poll_option.POLL_OPTION_PERCENT}</span><span class="text_right">{poll_option.POLL_OPTION_CAPTION}</span>
</p>
<!-- END poll_option --></center>
Agora precisamos aplicar o código CSS:
Código:
/** BEGIN_Estatísticas de votação SGBR 0.1 (TUTORIAL StafferGroupBR.StuninG.NeT/t2238-) **/
#line_separator:hover { opacity: .9; } #line_separator { display: block; transition: all 0.2s ease 0s; cursor: pointer; } .text_right { text-align: left !important; background: none repeat scroll 0% 0% rgb(30, 60, 92); display: inline-block; padding: 4px 5px; color: rgb(255, 255, 255); font-weight: normal; min-width: 100px; border-bottom: 1px solid rgba(0, 255, 255, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.1); } .number_left { background: rgb(32, 64, 102); padding: 4px 5px; display: inline-block; min-width: 35px; text-align: center; color: #fff; font-weight: bold; text-shadow: 1px 0px 1px rgba(0,0,0,.5); border-bottom: 1px solid rgba(0,255,255,.1); border-top: 1px solid rgba(0,0,0,.2); } .ttle_wid { display: block; text-align: center; font-weight: bold; font-size: 11px; background: none repeat scroll 0% 0% rgb(30, 60, 92); color: rgb(255, 255, 255); border-radius: 2px; box-shadow: 0px 1px 2px gray; padding: 3px 0px; }
/** END_Estatísticas de votação SGBR 0.1 **/
Agora valide os códigos e pronto, depois da votação o usuário vai ver as estatísticas desta forma!


  • Visualização:



Criador: D'Leandro™
Site: http://staffergroupbr.stuning.net/
Ver perfil do usuário

#2
 BielTM

avatar
Moderador
legal vo comenta para ve
Ver perfil do usuário

#3
 lucasyori

avatar
Membro
vlw
Ver perfil do usuário

#4
 ddr3

avatar
Membro
gracias
Ver perfil do usuário

#5
 Master Publicitario

avatar
Membro
Muito bom!
Ver perfil do usuário

#6
 Conteúdo patrocinado