Código da mensagem home page forumactif

5 participantes

Ir para baixo

Tópico resolvido Código da mensagem home page forumactif

Mensagem por Master™ 30.03.12 23:17

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
avatar
Master™
Membro

Membro desde : 18/04/2009
Mensagens : 711
Pontos : 1130

http://vdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da mensagem home page forumactif

Mensagem por Roevs 30.03.12 23:18

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>
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da mensagem home page forumactif

Mensagem por Master™ 30.03.12 23:23

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.
avatar
Master™
Membro

Membro desde : 18/04/2009
Mensagens : 711
Pontos : 1130

http://vdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da mensagem home page forumactif

Mensagem por Roevs 30.03.12 23:31

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;
}
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da mensagem home page forumactif

Mensagem por MateusV. 30.03.12 23:32

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. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da mensagem home page forumactif

Mensagem por Master™ 31.03.12 2:12

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.
avatar
Master™
Membro

Membro desde : 18/04/2009
Mensagens : 711
Pontos : 1130

http://vdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da mensagem home page forumactif

Mensagem por Oto! 14.04.12 3:45

Olá amigo

Mude as partes que estiverem com o erro para:
<div id="catindex4" class="acc-seemore" style="display:;">

Abraços,
Mr.Helper.
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da mensagem home page forumactif

Mensagem por Master™ 14.04.12 22:14

Olá, continua igual, as informações ficam escondidas.
avatar
Master™
Membro

Membro desde : 18/04/2009
Mensagens : 711
Pontos : 1130

http://vdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da mensagem home page forumactif

Mensagem por Luciano98 15.04.12 16:09

Olá!

Tente o seguinte:
Código:
<div id="catindex4" class="acc-seemore">

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da mensagem home page forumactif

Mensagem por Master™ 15.04.12 16:24

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
avatar
Master™
Membro

Membro desde : 18/04/2009
Mensagens : 711
Pontos : 1130

http://vdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da mensagem home page forumactif

Mensagem por Luciano98 16.04.12 3:56

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos