ChitChat Red Dom 5 maio 2013 - 12:26
Imagem da skin: [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Nome da skin: ChitChat Red
Fabricante: PureVB
Adaptado por: [Dark]Doki-.
Versão do tema: PunBB
Download: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Comentários adicionais: Demo: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Para ter os widgets iguais ao forum de demonstração
Crie um novo widget
Nome do widget : 1
Utilizar um table type : No
Título del módulo :
Fonte do widget * :
Agora criamos outro
Nome do widget : 2
Utilizar um table type : No
Título del módulo :
Fonte do widget * :
o widget 1 por cima de todos os outros widgets e o widget 2 no final de todos widgets
como na seguinte imagem
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Importante* E necessário que tenha os widgets desta maneira
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Nome da skin: ChitChat Red
Fabricante: PureVB
Adaptado por: [Dark]Doki-.
Versão do tema: PunBB
Download: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Comentários adicionais: Demo: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Para ter os widgets iguais ao forum de demonstração
Crie um novo widget
Nome do widget : 1
Utilizar um table type : No
Título del módulo :
Fonte do widget * :
- Código:
<div id="forum-widget" style="cursor: pointer; height: 36px; width: 28px; position: absolute;
margin-left: 1023px;margin-top: 10px;background: transparent url(http://i.imgur.com/ILQCoUy.png) no-repeat 0 0px;" onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','250px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 -37px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div>
Agora criamos outro
Nome do widget : 2
Utilizar um table type : No
Título del módulo :
Fonte do widget * :
- Código:
<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 -37px').css('margin-top','100px'); jQuery('#content-container div#content').css('margin-right','0px');} </script> <script>jQuery(document).ready(function(){var p=0,u='http://www.purevb.com/demo/images/styles/ChitChat/buttons/collapse_40b.png',v='http://www.purevb.com/demo/images/styles/ChitChat/buttons/collapse_40b_collapsed.png';jQuery('.main.module .main-head').each(function(){jQuery(this).next().attr('id',p);jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));jQuery(this).append('<img src="'+u+'" id="abrirf" style="float: right;margin-right: -1px;margin-top: -17px;height: 15px;"/>');jQuery(this).find('#abrirf').click(function(){var i=jQuery(this).closest('.main-head').next();if(i.css('display')=='none'){i.slideToggle();jQuery(this).attr('src',u);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0)}else{i.slideToggle();jQuery(this).attr('src',v);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0)}});p++})});</script>
o widget 1 por cima de todos os outros widgets e o widget 2 no final de todos widgets
como na seguinte imagem
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Importante* E necessário que tenha os widgets desta maneira
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]