| | [résolu]"hover" uniquement pour les membres |  |
|
|
 Orion 
{ Membre }
 Messages : 43
![[résolu]"hover" uniquement pour les membres Empty](https://2img.net/i/fa/empty.gif) | Bonjour, J'aimerais savoir s'il est possible de limiter le mon "hover" aux membres de mon forum. C'est à dire que les Invités ne pourraient pas voir le span qui s'affiche lorsqu'on passe le curseur sur la zone. - Code:
-
.imgstaff span {
background-color: #E7E9ED;
border-radius: 3px 3px 3px 3px;
border-top: 2px solid #8C5B00;
color: #8C5B00;
font-family: Comfortaa;
font-size: 14px;
margin-left: -27%;
margin-top: -220px;
opacity: 0;
position: absolute;
text-align: justify;
text-shadow: 1px 1px 0 #F4E6CB;
transform: scale(0) rotate(0deg);
transition: all 0.55s ease 0s;
width: 500px;
z-index: 999;
}
.imgstaff:hover span, .CONF:focus span {
opacity: 1;
transform: scale(1) rotate(0deg);
} Merci pour le soutient !! Orion. |
Dernière édition par Orion le Mer 11 Sep 2013, 12:23, édité 1 fois | |
|
| | |
Nihil 
{ Modérateur }
Messages : 1216
| Salut,
Alors, ce que tu peux éventuellement faire, c'est "supprimer" le contenu de ton "hover" quand les gens sont en invités. (dans le code généré par Forumactif lui même)
Par contre, cela est possible seulement si ton code se trouve dans les templates :/ (si c'est pour ta PA, il faudra donc la mettre directement dans ton template).
Tu trouveras les informations ici. (ce n'est pas de la pub, il s'agit d'un forum fermé maintenant) |
Dernière édition par Nihil le Sam 07 Sep 2013, 19:04, édité 1 fois | |
|
| | |
Orion
{ Membre }
Messages : 43
| Je ne comprend pas... comment "supprimer le contenu de mon hover", dans ce cas là mon hover ne marche plus si je fais ça ?
Regarde : http://portedesmondes.1fr1.net
met ton curseur sur le "bienvenue invité".
Je voudrais que les "invité" mette leur curseur dessus sans que rien ne se passe ... Alors que ça afficherais pour les membres... | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| As tu regardé le lien que j'ai mis ?
Il s'agit d'utiliser les boucles de ForumActif, pour afficher du code seulement si la personne est connectée... | | |
|
| | |
Orion
{ Membre }
Messages : 43
| Oui j'ai regardé, ma question est maintenant, comment introduire ce que j'ai dans ma barre d'annonce, dans un template, et surtout lequel !? | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Alors, je t'invite à regarder ce sujet. Pour trouver ce qui t'intéresse, recherche dans la liste des variables celles mentionnant "ticker". C'est ce qui gère les annonces  Je les utilise pour ainsi dire jamais, mais je suppose que la manière de faire doit être "habituelle" 1. Le principe : retrouver où cela est dans ton template. 2. Copier la structure de base d'une annonce, juste en dessous. 3. Mettre à l'intérieur le contenu html de ton annonce. Oh je viens juste de voir que le forum en question prenait contexte dans Gwendalavir *o* (j'adoooore Pierre Bottero) |
Dernière édition par Nihil le Dim 08 Sep 2013, 11:33, édité 1 fois | |
|
| | |
Orion
{ Membre }
Messages : 43
| Ok donc j'ai placé mon contenu dans le Template, ça marche niquel... - Nihil a écrit:
- Tu trouveras les informations ici. (ce n'est pas de la pub, il s'agit d'un forum fermé maintenant)
Sauf que quand j'encadre des deux balises (n'importe quelle paire) ça ne m'affiche plus mon contenu. j'ai placer mon contenu comme ça : - Code:
-
<!-- BEGIN ticker_row --> <div> <!-- BEGIN switch_user_logged_in --> Mon bazarre <!-- END switch_user_logged_in --> </div> <!-- END ticker_row --> A et pourquoi les Variables ou Invité ne marchent pas quand je les met dans le Template ? | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Oh mince j'avais zappé les variables pour les pseudo... Là ton problème devient un peu plus compliqué >o<
Là j'ai pas d'idée qui me vienne tout de suite à l'esprit :/ | | |
|
| | |
Orion
{ Membre }
Messages : 43
| J'ai trouver ceci... mais ça ne marche pas non plus ... - Code:
-
<span class="USERNAME"></span> | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Il faut utiliser - Code:
-
<span class="USERNAME"></span> Et dans le JS (PA > Modules > Gestions des codes Javascript) il faut rajouter ceci (sur toutes les pages) - Code:
-
(function(){if(window.ActiveXObject)var b=new ActiveXObject("Microsoft.XMLHTTP");else window.XMLHttpRequest&&(b=new XMLHttpRequest);null!=b&&(b.onreadystatechange=function(){if(4==b.readyState&&"undefined"===typeof var_fa_is_done){var_fa_is_done=1;var d,g="FORUMURL FORUMURLINK FORUMNAME FORUMNAMELINK FORUMDESC FORUMBIRTHDAY FORUMAGE FORUMCOUNTFORUM FORUMCOUNTOPIC FORUMCOUNTPOST FORUMCOUNTUSER FORUMONLINEUSER FORUMONLINEDATE FORUMLASTUSER FORUMLASTUSERLINK USERNAME USERLINK USERBIRTHDAY USERAGE USERREGDATE USERLASTVISIT USERCOUNTPOST NOW NOWWITHTIME".split(" ");
for(d=0;d<g.length;d++){var h=g[d],e=b.responseText.replace(RegExp('^.+<li style="margin-bottom:5px;direction:ltr;text-align:left;"><strong>{'+h+"}</strong> : (.*?) <span style='direction:ltr'>(.*?)</span><br /></li>.+$"),"$1");if(b.responseText!=e){for(var j=document.getElementsByTagName("*")||document.all,c=[],a=-1;++a<j.length;)for(var k=j[a],l=k.className.split(" "),f=0;f<l.length;f++)if(l[f]==h){c.push(k);break}for(a=-1;++a!=c.length;)"INPUT"==c[a].tagName||"TEXTAREA"==
c[a].tagName?c[a].value+=e:c[a].innerHTML+=e}}}},b.open("GET","/popup_help.forum?l=miscvars",!0),b.send(null))})();
Chez moi ça marche Je viens de faire un test avec dans mon template - Code:
-
<!-- BEGIN switch_user_logged_in -->
Mon bazarre
<!-- END switch_user_logged_in --> Cela marche parfaitement : rien ne s'affiche quand je suis déconnectée, et cela s'affiche que je suis connectée. | | |
|
| | |
Orion
{ Membre }
Messages : 43
| Et bah pas chez moi  - Code:
-
<td align="left" vertical-align="middle" width="110px"> <div id="mod_share"> <li id="fbindex1"> <a href="https://www.facebook.com/pages/lautre-rpg1fr1net/168798469804689"><img src="http://i34.servimg.com/u/f34/14/23/76/44/fbbutt10.png" alt="" /></a> </li> <li id="fbindex2"> <a href="http://www.youtube.com/watch?v=PXsHkvyNDZQ"><img src="http://i34.servimg.com/u/f34/14/23/76/44/ytbutt10.png" alt="" /></a> </li> <li id="fbindex3"> <a id="bookmarkme" href="http://portedesmondes.1fr1.net" rel="sidebar" title="Porte Des Mondes"><img src="http://i34.servimg.com/u/f34/14/23/76/44/fvbutt10.png" alt="" /></a> </li > </div> </td> <td style="padding-left:200px;"><div class="infobulle"> <!-- Illustration de l'infobulle --> <strong>Bienvenue </strong><span class="USERNAME"></span> <!-- Contenu de l'infobulle --> <div> <div class="bouh"> <h1>Liens Rapides</h1> <hr /> <p>A VENIR BIENTÔT...<br />En construction</p> </div> <div class="fleche"></div> </div> </div></td> | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Est ce que tu peux me prendre une screenshot de ton réglage pour le code Javascript à rajouter s'il te plait ^^ ? Et si possible l'URL aussi ^^ | | |
|
| | |
Orion
{ Membre }
Messages : 43
| http://portedesmondes.1fr1.net/16722.js ![[résolu]"hover" uniquement pour les membres 693334650](https://www.zupimages.net/up/3/693334650.png) | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Woups, je viens de remarquer je sais pas pourquoi ton code js est différent du miens... Pourtant il me semblait bien avoir fait un copier / coller O O (Voilà voilà, je deviens folle).
Peut tu réessayer en mettant dans ton code JS le même code que ici : http://world-of-nihil.forumactif.com/11638.js ^^ ? | | |
|
| | |
Orion
{ Membre }
Messages : 43
| Génial !!!! ça marche !
Maintenant, comment faire en sorte que les balises de membre connecté ou non connecté marchent ... je les ai placé à plusieurs endroits différent mais ça marche pas !
EDIT : En fait ça marche 1 fois sur deux selon le Refrech de la page ..... | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Hum... Je sais pas du tout ce qui peut causer ce bug... Eventuellement essaye de faire ça sur un nouveau fichier .js ? Sinon je ne vois vraiment pas >.<
Une fois que ça sera réglé, tu peux me copier / coller le code que tu mets (pour les balises de membre connecté), et à quel endroit ^^ ? | | |
|
| | |
Orion
{ Membre }
Messages : 43
| Voilà le code du Template - Code:
-
<!-- BEGIN switch_ticker_new --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> </td> </tr> </table> </div> <!-- END switch_ticker_new --> <!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content"> <!-- BEGIN ticker_row --> <div> <td align="left" vertical-align="middle" width="110px"> <div id="mod_share"> <li id="fbindex1"> <a href="https://www.facebook.com/pages/lautre-rpg1fr1net/168798469804689"><img src="http://i34.servimg.com/u/f34/14/23/76/44/fbbutt10.png" alt="" /></a> </li> <li id="fbindex2"> <a href="http://www.youtube.com/watch?v=PXsHkvyNDZQ"><img src="http://i34.servimg.com/u/f34/14/23/76/44/ytbutt10.png" alt="" /></a> </li> <li id="fbindex3"> <a id="bookmarkme" href="http://portedesmondes.1fr1.net" rel="sidebar" title="Porte Des Mondes"><img src="http://i34.servimg.com/u/f34/14/23/76/44/fvbutt10.png" alt="" /></a> </li > </div> </td> <td style="padding-left:200px;"><div class="infobulle"> <!-- Illustration de l'infobulle --> <strong>Bienvenue </strong><span class="USERNAME"></span> <!-- Contenu de l'infobulle --> <div> <div class="bouh"> <h1>Liens Rapides</h1> <hr /> <p>A VENIR BIENTÔT...<br />En construction</p> </div> <div class="fleche"></div> </div> </div></td> </div> <!-- END ticker_row --> </div> </div> </div> </td> </tr> </table> </div> <!-- END switch_ticker --> | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Oups, je ne vois pas dans ton code la partie où tu mets le code pour masquer si le membre est non connecté. Idéalement, il faudrait le mettre autour du contenu de l'infobulle.
Voilà voilà. | | |
|
| | |
Orion
{ Membre }
Messages : 43
| oui je ne l'ai pas mis sur ce code là, je me demandais s'il fallait le mettre avant ou après la div qui contient mon bazarre ?
| | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Je mettrai le code autour de la div avec la contenu de ton infobulle
---CODE DEBUT
ta div
---CODE FIN |
Dernière édition par Nihil le Dim 08 Sep 2013, 14:31, édité 1 fois | |
|
| | |
Orion
{ Membre }
Messages : 43
| Si c'est comme ça que tu veux dire : Alors ça marche toujours pas ! Où que je le mette, ça ne marche pas ! - Code:
-
<!-- BEGIN switch_ticker_new --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> </td> </tr> </table> </div> <!-- END switch_ticker_new --> <!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content"> <!-- BEGIN ticker_row --> <div> <td align="left" vertical-align="middle" width="110px"> <div id="mod_share"> <li id="fbindex1"> <a href="https://www.facebook.com/pages/lautre-rpg1fr1net/168798469804689"><img src="http://i34.servimg.com/u/f34/14/23/76/44/fbbutt10.png" alt="" /></a> </li> <li id="fbindex2"> <a href="http://www.youtube.com/watch?v=PXsHkvyNDZQ"><img src="http://i34.servimg.com/u/f34/14/23/76/44/ytbutt10.png" alt="" /></a> </li> <li id="fbindex3"> <a id="bookmarkme" href="http://portedesmondes.1fr1.net" rel="sidebar" title="Porte Des Mondes"><img src="http://i34.servimg.com/u/f34/14/23/76/44/fvbutt10.png" alt="" /></a> </li > </div> </td> <td style="padding-left:200px;"><!-- BEGIN switch_user_logged_in --><div class="infobulle"> <!-- Illustration de l'infobulle --> <strong>Bienvenue </strong><span class="USERNAME"></span> <!-- Contenu de l'infobulle --> <div> <div class="bouh"> <h1>Liens Rapides</h1> <hr /> <p>A VENIR BIENTÔT...<br />En construction</p> </div> <div class="fleche"></div> </div> </div><!-- END switch_user_logged_in --></td> </div> <!-- END ticker_row --> | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Hum, qu'est ce que tu entends par "ça ne marche pas" ? Cela ne change rien ? Tout disparaît ? Cela crée un bug ? | | |
|
| | |
Orion
{ Membre }
Messages : 43
| Tout ce qui est entre les balises disparait ! | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Hum, c'est vraiment bizarre chez moi ça marche très bien le code o___o
Et quand tu utilises les balises pour afficher seulement pour les invités ? | | |
|
| | |
Orion
{ Membre }
Messages : 43
| |
| | |
Contenu sponsorisé
| |
| | |
| | [résolu]"hover" uniquement pour les membres | |
|
![[résolu]"hover" uniquement pour les membres Bouton_active](https://2img.net/h/theme3.cssactif.com/ui/bouton_active.png)
![[résolu]"hover" uniquement pour les membres Bouton_hover](https://2img.net/h/theme3.cssactif.com/ui/bouton_hover.png)
![[résolu]"hover" uniquement pour les membres Fb-hover](https://2img.net/h/theme3.cssactif.com/facebook/fb-hover.png)
![[résolu]"hover" uniquement pour les membres Fb-active](https://2img.net/h/theme3.cssactif.com/facebook/fb-active.png)
![[résolu]"hover" uniquement pour les membres Logo](https://2img.net/h/theme3.cssactif.com/logo.png){kind=logo}
