Código da mensagem home page forumactif

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Código da mensagem home page forumactif

Mensagem por Master™ em 30/03/12, 07:17 pm

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

Master™
Usuário destaque

Masculino
Inscrito dia : 17/04/2009
Mensagens : 711
Pontos Ativos : 1130

Ver perfil do usuário http://vdesign.forumeiros.com

Resolvido Re: Código da mensagem home page forumactif

Mensagem por iPrompt em 30/03/12, 07:18 pm

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://illiweb.com/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://illiweb.com/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>
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Código da mensagem home page forumactif

Mensagem por Master™ em 30/03/12, 07:23 pm

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.

Master™
Usuário destaque

Masculino
Inscrito dia : 17/04/2009
Mensagens : 711
Pontos Ativos : 1130

Ver perfil do usuário http://vdesign.forumeiros.com

Resolvido Re: Código da mensagem home page forumactif

Mensagem por iPrompt em 30/03/12, 07:31 pm

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

Código:
.indtitl {
background: url(http://illiweb.com/fa/fdf3/right10.png) no-repeat transparent;
color: #0372BE;
cursor: pointer;
font-weight: 700;
padding-left: 14px;
text-transform: uppercase;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Código da mensagem home page forumactif

Mensagem por MateusV. em 30/03/12, 07:32 pm

Olá, o codigo é este
Código:
<div class="mes-txt"><div id="indexmenu"><img src="http://illiweb.com/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://illiweb.com/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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Código da mensagem home page forumactif

Mensagem por Master™ em 30/03/12, 10:12 pm

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.

Master™
Usuário destaque

Masculino
Inscrito dia : 17/04/2009
Mensagens : 711
Pontos Ativos : 1130

Ver perfil do usuário http://vdesign.forumeiros.com

Resolvido Re: Código da mensagem home page forumactif

Mensagem por Oto! em 13/04/12, 11:45 pm

Olá amigo

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

Abraços,
Mr.Helper.
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código da mensagem home page forumactif

Mensagem por Master™ em 14/04/12, 06:14 pm

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

Master™
Usuário destaque

Masculino
Inscrito dia : 17/04/2009
Mensagens : 711
Pontos Ativos : 1130

Ver perfil do usuário http://vdesign.forumeiros.com

Resolvido Re: Código da mensagem home page forumactif

Mensagem por Luciano98 em 15/04/12, 12:09 pm

Olá!

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

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código da mensagem home page forumactif

Mensagem por Master™ em 15/04/12, 12:24 pm

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

Master™
Usuário destaque

Masculino
Inscrito dia : 17/04/2009
Mensagens : 711
Pontos Ativos : 1130

Ver perfil do usuário http://vdesign.forumeiros.com

Resolvido Re: Código da mensagem home page forumactif

Mensagem por Luciano98 em 15/04/12, 11:56 pm

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://illiweb.com/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://illiweb.com/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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum