Código da mensagem home page forumactif

Qual é minha questão:
Bom, estive vendo o fórum de ajuda francês (http://forum.forumactif.com/index.forum) e achei esta mensagem de home page interessante. Gostaria dos códigos do efeito tooltip dela.

Agradeço desde já,

Medidas que eu tomei para corrigir o problema:
-

Links e imagens do meu problema:


Endereço do meu fórum:
http://superligado.forumeiros.com/

Versão do meu fórum:
PHPBB3

Aqui esta o código

Código:

<div class="panel introduction"><div class="inner"><span class="corners-top"><span></span></span><div class="mes-txt"><div id="indexmenu"><img src="http://2img.net/i/fa/optimisation_fdf/fr/help11.png" id="acc-mons" alt="">

<!-- <span id="acc-welc">Bienvenue Invité sur le Forum des Forums <span style="color: #00A5CD;">Forum</span><span style="color: #7CBA2C;">Actif</span></span><div id="acc-news"><div id="acc-contnews"><a id="acc-neweff" href="http://forum.forumactif.com/t326963-le-fdf-fait-peau-neuve#2824855" ><div><h4>Le Forum des Forums fait peau neuve !</h4></div></a></div></div>  -->


Le Forum des Forums est le support officiel de la communauté des administrateurs et utilisateurs de forums <span style="color: #00A5CD;">Forum</span><span style="color: #7CBA2C;">Actif</span>. Celui-ci étant basé sur l'Entraide, il est nécessaire de <b>faire une recherche</b> avant de poster sa question ou son problème. Si aucun résultat ne correspond, vous pouvez alors ouvrir un sujet en <b>exposant clairement</b> votre problème.
<br>De plus, afin de faciliter le travail du staff de ce forum, pensez à cocher l'icône <img src="http://r24.imgfast.net/users/2413/10/00/00/smiles/505812.png" alt="Résolu"> dès lors que votre problème a trouvé sa solution.
<br><br>

<a onclick="dispindex(1); chgclass(); $(this).addClass('acc-open');" class="indtitl">Faire une recherche</a><br><div id="catindex1" class="acc-seemore" style="display: none;">Les sujets de l'Entraide ayant obtenus une solution sont archivés. Les autres sont supprimés après plusieurs jours. Faire une recherche permet donc généralement de trouver des sujets correspondant à votre problème, et déjà résolus !<br>
<form id="searchPA" action="/search?search_where=11" method="get">
<input type="text" class="inputbox" id="keywordsPA" name="search_keywords"><button type="submit"><img src="http://2img.net/i/fa/optimisation_fdf/fr/search10.png" alt=""></button><br>
<span style="font-size: 9px;">Pensez à utiliser l'étoile comme joker, ex : sign<b>*</b></span></form>
Pensez également à lire les <a href="http://forum.forumactif.com/t78679-"><b>Questions &amp; Réponses fréquentes</b></a>. De nombreux tutoriels y sont disponibles.
</div>

<a onclick="dispindex(2); chgclass(); $(this).addClass('acc-open');" class="indtitl">Bien exposer son problème</a><br><div id="catindex2" class="acc-seemore" style="display: none"><a href="/t230834-comment-bien-exposer-son-probleme">Exposer votre problème clairement</a> est la base de l'Entraide. Si vous voulez obtenir une réponse, il faut que votre problème soit compréhensible. Pensez à <b><a href="/profile?mode=editprofile">remplir les champs techniques</a> de votre profil</b> et n'hésitez pas à donner le plus de précisions possibles : URL du forum, navigateur utilisé, version du forum, templates modifiées ou non, CSS personnalisé... etc.<br><br>
<b>A lire :</b> <a href="http://forum.forumactif.com/t114085-topic">Règles générales</a> | <a href="http://forum.forumactif.com/t12987-topic">Ce qu'il ne faut pas faire</a> | <a href="http://forum.forumactif.com/t189659-topic">Garder l'email de fondation secret</a> | <a href="http://forum.forumactif.com/t179632-topic">Votre forum est en sécurité !</a></div>

<a onclick="dispindex(3); chgclass(); $(this).addClass('acc-open');" class="indtitl">Proposer une suggestion</a><br><div id="catindex3" class="acc-seemore" style="display: none">Si vous avez une amélioration à proposer, n'hésitez pas : la <u>grande majorité</u> de nos mises à jour proviennent de <u>vos</u> propositions ! Pour cela, vous pouvez visiter les <a href="http://forum.forumactif.com/f55-suggestions-ameliorations">Suggestions &amp; Améliorations</a>.
<span style="display: block; padding-top: 8px;">Avant de poster votre suggestion, merci de <a href="/t277092-regles-de-la-section"><b>lire les règles</b></a> et d'<b>effectuer une recherche</b> afin d'avoir la certitude que votre suggestion n'existe pas déjà.</span></div>

<a onclick="dispindex(4); chgclass(); $(this).addClass('acc-open');" class="indtitl">L'équipe du FDF</a><br><div id="catindex4" class="acc-seemore" style="display: none">Le staff de ce forum ne fournit aucune aide par MP, afin que les solutions profitent au plus grand nombre. Si votre problème nécessite de contacter un membre du staff, vous pouvez voir la composition de celui-ci dans ce sujet : <br>
<a href="/t114086-l-equipe-forumactif-staff">L’Équipe ForumActif</a><br>
Merci de ne contacter qu'<b>un seul membre du staff</b>, pour éviter les traitements multiples.  </div>

</div></div><span class="corners-bottom"><span></span></span></div></div>

Olá!

Código:

<div id="catindex1" class="acc-seemore" style="[b]display: none[/b];">Les sujets de l'Entraide ayant obtenus une solution sont archivés. Les autres sont supprimés après plusieurs jours. Faire une recherche permet donc généralement de trouver des sujets correspondant à votre problème, et déjà résolus !<br>
<form id="searchPA" action="/search?search_where=11" method="get">

Exatamente aí que empaco. por que como está no código o "display: none" eu não consigo fazer ele aparecer. Eu gostaria do código do tooltip de modo a janela abrir e fechar quando clico em cima do link.

Esqueci adiciona este código em sua Folha de estilo CSS

Código:

.indtitl {
background: url(http://2img.net/i/fa/fdf3/right10.png) no-repeat transparent;
color: #0372BE;
cursor: pointer;
font-weight: 700;
padding-left: 14px;
text-transform: uppercase;
}

Olá, o codigo é este

Código:

<div class="mes-txt"><div id="indexmenu"><img src="http://2img.net/i/fa/optimisation_fdf/fr/help11.png" id="acc-mons" alt="">

<!-- <span id="acc-welc">Bienvenue Invité sur le Forum des Forums <span style="color: #00A5CD;">Forum</span><span style="color: #7CBA2C;">Actif</span></span><div id="acc-news"><div id="acc-contnews"><a id="acc-neweff" href="http://forum.forumactif.com/t326963-le-fdf-fait-peau-neuve#2824855" ><div><h4>Le Forum des Forums fait peau neuve !</h4></div></a></div></div>  -->


Le Forum des Forums est le support officiel de la communauté des administrateurs et utilisateurs de forums <span style="color: #00A5CD;">Forum</span><span style="color: #7CBA2C;">Actif</span>. Celui-ci étant basé sur l'Entraide, il est nécessaire de <b>faire une recherche</b> avant de poster sa question ou son problème. Si aucun résultat ne correspond, vous pouvez alors ouvrir un sujet en <b>exposant clairement</b> votre problème.
<br>De plus, afin de faciliter le travail du staff de ce forum, pensez à cocher l'icône <img src="http://r24.imgfast.net/users/2413/10/00/00/smiles/505812.png" alt="Résolu"> dès lors que votre problème a trouvé sa solution.
<br><br>

<a onclick="dispindex(1); chgclass(); $(this).addClass('acc-open');" class="indtitl">Faire une recherche</a><br><div id="catindex1" class="acc-seemore" style="display: none;">Les sujets de l'Entraide ayant obtenus une solution sont archivés. Les autres sont supprimés après plusieurs jours. Faire une recherche permet donc généralement de trouver des sujets correspondant à votre problème, et déjà résolus !<br>
<form id="searchPA" action="/search?search_where=11" method="get">
<input type="text" class="inputbox" id="keywordsPA" name="search_keywords"><button type="submit"><img src="http://2img.net/i/fa/optimisation_fdf/fr/search10.png" alt=""></button><br>
<span style="font-size: 9px;">Pensez à utiliser l'étoile comme joker, ex : sign<b>*</b></span></form>
Pensez également à lire les <a href="http://forum.forumactif.com/t78679-"><b>Questions &amp; Réponses fréquentes</b></a>. De nombreux tutoriels y sont disponibles.
</div>

<a onclick="dispindex(2); chgclass(); $(this).addClass('acc-open');" class="indtitl">Bien exposer son problème</a><br><div id="catindex2" class="acc-seemore" style="display: none"><a href="/t230834-comment-bien-exposer-son-probleme">Exposer votre problème clairement</a> est la base de l'Entraide. Si vous voulez obtenir une réponse, il faut que votre problème soit compréhensible. Pensez à <b><a href="/profile?mode=editprofile">remplir les champs techniques</a> de votre profil</b> et n'hésitez pas à donner le plus de précisions possibles : URL du forum, navigateur utilisé, version du forum, templates modifiées ou non, CSS personnalisé... etc.<br><br>
<b>A lire :</b> <a href="http://forum.forumactif.com/t114085-topic">Règles générales</a> | <a href="http://forum.forumactif.com/t12987-topic">Ce qu'il ne faut pas faire</a> | <a href="http://forum.forumactif.com/t189659-topic">Garder l'email de fondation secret</a> | <a href="http://forum.forumactif.com/t179632-topic">Votre forum est en sécurité !</a></div>

<a onclick="dispindex(3); chgclass(); $(this).addClass('acc-open');" class="indtitl">Proposer une suggestion</a><br><div id="catindex3" class="acc-seemore" style="display: none">Si vous avez une amélioration à proposer, n'hésitez pas : la <u>grande majorité</u> de nos mises à jour proviennent de <u>vos</u> propositions ! Pour cela, vous pouvez visiter les <a href="http://forum.forumactif.com/f55-suggestions-ameliorations">Suggestions &amp; Améliorations</a>.
<span style="display: block; padding-top: 8px;">Avant de poster votre suggestion, merci de <a href="/t277092-regles-de-la-section"><b>lire les règles</b></a> et d'<b>effectuer une recherche</b> afin d'avoir la certitude que votre suggestion n'existe pas déjà.</span></div>

<a onclick="dispindex(4); chgclass(); $(this).addClass('acc-open');" class="indtitl">L'équipe du FDF</a><br><div id="catindex4" class="acc-seemore" style="display: none">Le staff de ce forum ne fournit aucune aide par MP, afin que les solutions profitent au plus grand nombre. Si votre problème nécessite de contacter un membre du staff, vous pouvez voir la composition de celui-ci dans ce sujet : <br>
<a href="/t114086-l-equipe-forumactif-staff">L’Équipe ForumActif</a><br>
Merci de ne contacter qu'<b>un seul membre du staff</b>, pour éviter les traitements multiples.  </div>

</div></div>

Quanto a sua dificuldade, ainda não há compreendi, poderia ser mais especifico?

Cordialmente.

Bom, como devem ter visto, o efeito da home page é: Quando clica no escrito em azul, aparecem algumas informações. Mais eu não consigo obter este efeito, por causa disso:

<div id="catindex4" class="acc-seemore" style="display: none">

Como o código foi só copiado da mensagem de home page, ele fica com este defeito, e quando eu coloco no meu fórum, não consigo obter o mesmo efeito.

Olá amigo

Mude as partes que estiverem com o erro para:

<div id="catindex4" class="acc-seemore" style="display:;">

Abraços,
Mr.Helper.

Olá, continua igual, as informações ficam escondidas.

Olá!

Tente o seguinte:

Código:

<div id="catindex4" class="acc-seemore">

Até mais.

Olá! Como pode ver, agora ele fica aberto, e não tem o efeito de abrir e fechar tal como no fórum francês

Olá!

Utilize esse código:

Código:

<script>function dispindex(cat){$('#indexmenu > div.acc-seemore').slideUp(500);$('#catindex'+cat).slideDown(900)};function chgclass(){$('a.indtitl').removeClass("acc-open")}</script><div class="mes-txt"><div id="indexmenu"><img src="http://2img.net/i/fa/optimisation_fdf/fr/help11.png" id="acc-mons" alt="" />

<span id="acc-welc">Bienvenue Invité sur le Forum des Forums <span style="color: #00A5CD;">Forum</span><span style="color: #7CBA2C;">Actif</span></span>

Le Forum des Forums est le support officiel de la communauté des administrateurs et utilisateurs de forums <span style="color: #00A5CD;">Forum</span><span style="color: #7CBA2C;">Actif</span>. Celui-ci étant basé sur l'Entraide, il est nécessaire de <b>faire une recherche</b> avant de poster sa question ou son problème. Si aucun résultat ne correspond, vous pouvez alors ouvrir un sujet en <b>exposant clairement</b> votre problème.
<br />De plus, afin de faciliter le travail du staff de ce forum, pensez à cocher l'icône <img src="http://r24.imgfast.net/users/2413/10/00/00/smiles/505812.png" alt="Résolu" /> dès lors que votre problème a trouvé sa solution.
<br /><br />

<a onclick="dispindex(1); chgclass(); jQuery(this).addClass('acc-open');" class="indtitl">Faire une recherche</a><br /><div id="catindex1" class="acc-seemore" style="display: none;">Les sujets de l'Entraide ayant obtenus une solution sont archivés. Les autres sont supprimés après plusieurs jours. Faire une recherche permet donc généralement de trouver des sujets correspondant à votre problème, et déjà résolus !<br />
<form id="searchPA" action="/search?search_where=11" method="get">
<input type="text" class="inputbox" id="keywordsPA" name="search_keywords" /><button type="submit"><img src="http://2img.net/i/fa/optimisation_fdf/fr/search10.png" alt="" /></button><br />
<span style="font-size: 9px;">Pensez à utiliser l'étoile comme joker, ex : sign<b>*</b></span></form>
Pensez également à lire les <a href="http://forum.forumactif.com/t78679-"><b>Questions &amp; Réponses fréquentes</b></a>. De nombreux tutoriels y sont disponibles.
</div>

<a onclick="dispindex(2); chgclass(); jQuery(this).addClass('acc-open');" class="indtitl">Bien exposer son problème</a><br /><div id="catindex2" class="acc-seemore" style="display: none"><a href="/t230834-comment-bien-exposer-son-probleme">Exposer votre problème clairement</a> est la base de l'Entraide. Si vous voulez obtenir une réponse, il faut que votre problème soit compréhensible. Pensez à <b><a href="/profile?mode=editprofile">remplir les champs techniques</a> de votre profil</b> et n'hésitez pas à donner le plus de précisions possibles : URL du forum, navigateur utilisé, version du forum, templates modifiées ou non, CSS personnalisé... etc.<br /><br />
<b>A lire :</b> <a href="http://forum.forumactif.com/t114085-topic">Règles générales</a> | <a href="http://forum.forumactif.com/t12987-topic">Ce qu'il ne faut pas faire</a> | <a href="http://forum.forumactif.com/t189659-topic">Garder l'email de fondation secret</a> | <a href="http://forum.forumactif.com/t179632-topic">Votre forum est en sécurité !</a></div>

<a onclick="dispindex(3); chgclass(); jQuery(this).addClass('acc-open');" class="indtitl">Proposer une suggestion</a><br /><div id="catindex3" class="acc-seemore" style="display: none">Si vous avez une amélioration à proposer, n'hésitez pas : la <u>grande majorité</u> de nos mises à jour proviennent de <u>vos</u> propositions ! Pour cela, vous pouvez visiter les <a href="http://forum.forumactif.com/f55-suggestions-ameliorations">Suggestions &amp; Améliorations</a>.
<span style="display: block; padding-top: 8px;">Avant de poster votre suggestion, merci de <a href="/t277092-regles-de-la-section"><b>lire les règles</b></a> et d'<b>effectuer une recherche</b> afin d'avoir la certitude que votre suggestion n'existe pas déjà.</span></div>

<a onclick="dispindex(4); chgclass(); jQuery(this).addClass('acc-open');" class="indtitl">L'équipe du FDF</a><br /><div id="catindex4" class="acc-seemore" style="display: none">Le staff de ce forum ne fournit aucune aide par MP, afin que les solutions profitent au plus grand nombre. Si votre problème nécessite de contacter un membre du staff, vous pouvez voir la composition de celui-ci dans ce sujet : <br />
<a href="/t114086-l-equipe-forumactif-staff">L’Équipe ForumActif</a><br />
Merci de ne contacter qu'<b>un seul membre du staff</b>, pour éviter les traitements multiples.  </div>

</div></div>

Até mais.