Widget que oculta conteudo
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Widget que oculta conteudo
Qual é minha questão:
Bem, testei o codigo deste tutorial
https://ajuda.forumeiros.com/t7418-tutorial-widget-que-oculta-conteudo
e ficou bugado no meu fórum, pois ele e pra phpbb3, queria este codigo para phpbb2.
Endereço do meu fórum:
http://somosmugiwara.forumeiros.com
Versão do fórum:
PHPBB2
Bem, testei o codigo deste tutorial
https://ajuda.forumeiros.com/t7418-tutorial-widget-que-oculta-conteudo
e ficou bugado no meu fórum, pois ele e pra phpbb3, queria este codigo para phpbb2.
Endereço do meu fórum:
http://somosmugiwara.forumeiros.com
Versão do fórum:
PHPBB2
Última edição por Houdini em 21.03.13 13:36, editado 1 vez(es)
Re: Widget que oculta conteudo
Olá querido!
Adicione este código em sua "Gestão de javascript"
Painel de controle -> Módulos -> HTML & JAVASCRIPT -> Gestão dos códigos JavaScript
Click em Criar um novo JavaScript
Confirmar.
Até.
Adicione este código em sua "Gestão de javascript"
Painel de controle -> Módulos -> HTML & JAVASCRIPT -> Gestão dos códigos JavaScript
Click em Criar um novo JavaScript
- Código:
jQuery(document).ready(function(){
jQuery('.main .main-head').append('<span style="display:none" class="contar2">1</span>');
jQuery('.main .main-head').css('cursor','pointer');
jQuery('.main .main-head').attr('title','Fechar Categoria Abaixo');
jQuery('.main .main-head').click(function(){
if(jQuery(this).find('.contar2').text() == "1"){
jQuery(this).next('.main-content').slideUp();
jQuery('.main .main-head').attr('title','Mostrar Categoria Abaixo');
jQuery(this).find('.contar2').text('2');
}else{
jQuery(this).next('.main-content').slideDown();
jQuery('.main .main-head').attr('title','Fechar Categoria Abaixo');
jQuery(this).find('.contar2').text('1');
}
});
});
Confirmar.
Até.
Convidado- Convidado
Re: Widget que oculta conteudo
http://www.onepiecerpg.com/
Olhem este forum, os widgets estão ocultos, mas quando clicamos no nome ele ficam visiveis, quero isso...
Olhem este forum, os widgets estão ocultos, mas quando clicamos no nome ele ficam visiveis, quero isso...
Re: Widget que oculta conteudo
olá a staff ainda esta estudando um codigo para outra versoes
outras versoes
outras versoes
Re: Widget que oculta conteudo
Mike, esse codigo e pra phpbb3, fica bugado no meu fórum. queria este codigo para phpp2.....
Re: Widget que oculta conteudo
Naum, naum Mike, naum ajudou.
Coloquei o widget no meu forum, veja como buga quando clico para abrir o conteudo oculto..
Coloquei o widget no meu forum, veja como buga quando clico para abrir o conteudo oculto..
Re: Widget que oculta conteudo
kkkk, não funciona para phpp2.....
e mesmo assim não e o efeito que quero.
observe este forum
http://www.onepiecerpg.com/
clique em procurados, quero esse efeito de ocultar conteudooo
e mesmo assim não e o efeito que quero.
observe este forum
http://www.onepiecerpg.com/
clique em procurados, quero esse efeito de ocultar conteudooo
Re: Widget que oculta conteudo
Olá querido,
Adicione em um Widget o seguinte código:
Código completo:
Para um auxilio sobre os widgets, queira checar:
Adicione em um Widget o seguinte código:
- Código:
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
jQuery(document).ready(function(){
jQuery("#procb").click(function(){
jQuery("#proco").slideToggle("slow");
});
});
</script>
<img id="procb" src="http://i.imgur.com/Z66CY.png" align="middle"><div id="proco" style="display: none;"><a href="postlink" title="Procurados"><img src="http://i.imgur.com/B8fS7.png" align="middle"></a></div></td></tr></tbody></table>
Código completo:
- Código:
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left">
<script type="text/javascript">
MRP.insert({
'url':'http://184.173.176.125:5590/;',
'codec':'mp3',
'volume':100,
'autoplay':false,
'buffering':5,
'title':'Radio%20Alliance',
'welcome':'Bem Vindo ao RPG',
'bgcolor':'#FFFFFF',
'skin':'repvku-100',
'width':110,
'height':25
});
</script><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="110" height="25" bgcolor="#FFFFFF"><param name="movie" value="http://hosted.musesradioplayer.com/muses-config.swf"><param name="flashvars" value="url=http://184.173.176.125:5590/;&lang=auto&codec=mp3&tracking=true&volume=100&autoplay=false&buffering=5&skin=http://hosted.musesradioplayer.com/muses-repvku-100.xml&title=Radio%20Alliance&welcome=Bem Vindo ao RPG"><param name="wmode" value="window"><param name="allowscriptaccess" value="always"><param name="scale" value="noscale"><param name="bgcolor" value="#FFFFFF"><embed src="http://hosted.musesradioplayer.com/muses-config.swf" flashvars="url=http://184.173.176.125:5590/;&lang=auto&codec=mp3&tracking=true&volume=100&autoplay=false&buffering=5&skin=http://hosted.musesradioplayer.com/muses-repvku-100.xml&title=Radio%20Alliance&welcome=Bem Vindo ao RPG" scale="noscale" wmode="window" width="110" height="25" bgcolor="#FFFFFF" allowscriptaccess="always" type="application/x-shockwave-flash"></object></center>
<!-- ENDS: AUTO-GENERATED MUSES RADIO PLAYER CODE --></td></tr></tbody></table><div style="height: 4px"></div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
jQuery(document).ready(function(){
jQuery("#pirateb").click(function(){
jQuery("#pirateo").slideToggle("slow");
});
});
</script>
<img id="pirateb" src="http://i.imgur.com/n3Iej.png" align="middle"><div id="pirateo" style="display:none;">
<a href="postlink"><img src="http://i.imgur.com/0pBUm.jpg" title="Bando Pirata"></a></div></td></tr></tbody></table><div style="height: 4px"></div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
jQuery(document).ready(function(){
jQuery("#marineb").click(function(){
jQuery("#marineo").slideToggle("slow");
});
});
</script>
<img id="marineb" src="http://i.imgur.com/THT4J.png" align="middle"><div id="marineo" style="display:none;"><a href="postlink" title="Frota da Marinha"><img src="http://i.imgur.com/oZtxU.jpg" align="middle"></a></div></td></tr></tbody></table><div style="height: 4px"></div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
jQuery(document).ready(function(){
jQuery("#revb").click(function(){
jQuery("#revo").slideToggle("slow");
});
});
</script>
<img id="revb" src="http://i.imgur.com/l5qbg.png" align="middle"><div id="revo" style="display:none;"><a href="postlink" title="Célula Revolucionária"><img src="http://i.imgur.com/7fluL.jpg" align="middle"></a></div></td></tr></tbody></table><div style="height: 4px"></div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
jQuery(document).ready(function(){
jQuery("#cacb").click(function(){
jQuery("#caco").slideToggle("slow");
});
});
</script>
<img id="cacb" src="http://i.imgur.com/J3kNu.png" align="middle"><div id="caco" style="display:none;"><a href="postlink" title="Clã de Caçadores"><img src="http://i.imgur.com/9nKWu.jpg" align="middle"></a></div></td></tr></tbody></table><div style="height: 4px"></div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
jQuery(document).ready(function(){
jQuery("#govb").click(function(){
jQuery("#govo").slideToggle("slow");
});
});
</script>
<img id="govb" src="http://i.imgur.com/pekou.png" align="middle"><div id="govo" style="display:none;"><a href="postlink" title="Governo Mundial"><img src="http://i.imgur.com/52cSO.jpg" align="middle"></a></div></td></tr></tbody></table><div style="height: 4px"></div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
jQuery(document).ready(function(){
jQuery("#empeb").click(function(){
jQuery("#empeo").slideToggle("slow");
});
});
</script>
<img id="empeb" src="http://i.imgur.com/gJGc1.png" align="middle"><div id="empeo" style="display:none;">
<a href="postlink"><img src="http://i.imgur.com/JneR4.jpg" title="Empresas"></a></div></td></tr></tbody></table><div style="height: 4px"></div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
jQuery(document).ready(function(){
jQuery("#procb").click(function(){
jQuery("#proco").slideToggle("slow");
});
});
</script>
<img id="procb" src="http://i.imgur.com/Z66CY.png" align="middle"><div id="proco" style="display:none;"><a href="postlink" title="Procurados"><img src="http://i.imgur.com/B8fS7.png" align="middle"></a></td></tr></tbody></table>
Para um auxilio sobre os widgets, queira checar:
Até mais.
Tópicos semelhantes
» Widget que oculta conteúdo
» [TUTORIAL] Widget que oculta conteúdo
» Seta que oculta todo o conteúdo do Widget
» Botão que oculta conteúdo
» Botão que oculta widget
» [TUTORIAL] Widget que oculta conteúdo
» Seta que oculta todo o conteúdo do Widget
» Botão que oculta conteúdo
» Botão que oculta widget
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos