YOUPASS - convertir le crédit téléphonique en monnaie ! : Partenaire RealityGaming.fr

Résolu Comment avoir un TAG dans sa Shoutbox ?

ArTzMoDDeR

18 ans - Ancien YouTuber - +40k ♡
Premium
Inscrit
2 Août 2013
Messages
222
J'aime
88
Points
5 326
Reply from ArTzMoDDeR Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #1
Bonjour à toutes et à tous !
J'ai créer mon forum avec XenForo, tout est parfait sauf que je ne sais pas comment faire pour avoir un tag dans la shoutbox (taigachat).
Je rappelle que le tag en question est un petit icône sur lequel, quand on clique dessus, va faire apparaître dans la barre ou on écrit son message, un @ suivi du pseudo de la personne à qui vous voulez répondre.

En gros ça :
proxy.php?image=http%3A%2F%2Fgyazo.com%2Fdffda64c74d3e88942c41d18bfeb8cb4.png&hash=23a144b05250eb0fcba7b7c44fd47845


Merci de me répondre au plus vite !
 

B3K

Super-modérateur
Super-modérateur
Inscrit
25 Novembre 2011
Messages
9 988
J'aime
3 571
Points
12 845
Reply from B3K Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #2
Salut,

Avec la shoutbox pro suit cette manipulation :

Admin CP > Apparence > votre style > Templates > dark_taigachat_list

Cherche :

Code:
<span class="{xen:if {$message.me}, 'taigachat_me'} {xen:if {$message.activity}, 'taigachat_activity'}">
Ajoute en dessous :

Code:
<span class="tagShoutbox" onclick="var membreATagger =$(this).parent().children('a.username').children().html(); $('input#taigachat_message').val($('#taigachat_message').focus().val()+'@'+membreATagger+': ');"> </span>

Maintenant rende-toi dans : dark_taigachat.css

Ajoute à la fin ce code :

Code:
.tagShoutbox {
background: url("styles/tag.png") no-repeat left center transparent;
height: 18px
width: 13px;
padding-left: 18px;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
display: inline-block;
padding-left: 3px;
}
Met l'image que tu veut voir apparaitre pour tag dans le dossier style de ton ftp et nomme cet image tag.png

Si ton problème est résolu clique sur le bouton
proxy.php?image=http%3A%2F%2Fimg802.imageshack.us%2Fimg802%2F4549%2Fz9i6.png&hash=9fd04125c47462649cc4f043e79ecb29


Bonne soirée.
 

ArTzMoDDeR

18 ans - Ancien YouTuber - +40k ♡
Premium
Inscrit
2 Août 2013
Messages
222
J'aime
88
Points
5 326
Reply from ArTzMoDDeR Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #3
je t'aime
 

ArTzMoDDeR

18 ans - Ancien YouTuber - +40k ♡
Premium
Inscrit
2 Août 2013
Messages
222
J'aime
88
Points
5 326
Reply from ArTzMoDDeR Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #4
Et je voulais savoir aussi par la même occasion comment on fait pour que, quand on passe la souris dessus, ça fasse un 360 ?
 

B3K

Super-modérateur
Super-modérateur
Inscrit
25 Novembre 2011
Messages
9 988
J'aime
3 571
Points
12 845
Reply from B3K Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #5
bah je t'ai donné le code ^^
 

ArTzMoDDeR

18 ans - Ancien YouTuber - +40k ♡
Premium
Inscrit
2 Août 2013
Messages
222
J'aime
88
Points
5 326
Reply from ArTzMoDDeR Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #6

B3K

Super-modérateur
Super-modérateur
Inscrit
25 Novembre 2011
Messages
9 988
J'aime
3 571
Points
12 845
Reply from B3K Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #7
Alors enlève ce que tu a mis dans dark_taigachat.css et colle ceci
.tagShoutbox {
background: url("styles/tag.png") no-repeat left center transparent;
height: 18px
width: 13px;
padding-left: 18px;}

.tagShoutbox:hover {
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
display: inline-block;
padding-left: 3px;
}
 

ArTzMoDDeR

18 ans - Ancien YouTuber - +40k ♡
Premium
Inscrit
2 Août 2013
Messages
222
J'aime
88
Points
5 326
Reply from ArTzMoDDeR Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #8
là ça fait un truc bizard enfin va voir
Vous devez vous inscrire pour voir les liens !

Ca clignote
 

B3K

Super-modérateur
Super-modérateur
Inscrit
25 Novembre 2011
Messages
9 988
J'aime
3 571
Points
12 845
Reply from B3K Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #9
Donc met sa :

.tagShoutbox {
background: url("styles/tag.png") no-repeat left center transparent;
height: 18px
width: 13px;
padding-left: 18px;}

.tagShoutbox:hover {
background: url("styles/tag.png") no-repeat left center transparent;
cursor: pointer;
opacity: 1;
color: red;
transition: all 0.52s ease 0s;
display: inline-block;
transform: rotate(720deg);
}
 

ArTzMoDDeR

18 ans - Ancien YouTuber - +40k ♡
Premium
Inscrit
2 Août 2013
Messages
222
J'aime
88
Points
5 326
Reply from ArTzMoDDeR Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #10
je test ...
 
Inscrit
26 Novembre 2013
Messages
67
J'aime
21
Points
96
Reply from Ben Mhenni Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #11
Code pour ShoutBox Pro 1.0.4 et non pro

<span class="tagShoutbox" onclick="var membreATagger =
$(this).parent().children('a.username').children().html();
$('input#taigachat_message').val($('#taigachat_message').focus().val()+'@'
+membreATagger+' ');"> </span>

Code pour ShoutBox Pro 1.2.0

<span class="tagShoutbox" onclick="var membreATagger = $(this).siblings('a.username').text(); $('#taigachat_message').val($('#taigachat_message').focus().val()+'@'+membreATagger+' ');"></span>
Vous devez vous inscrire pour voir les liens !

.tagShoutbox {
background: url("styles/tag.png") no-repeat left center transparent;
height: 13px;
width: 13px;
padding-left: 18px;
}
 

Fabi'

Fondateur de la Andro
Ancien staff
Inscrit
19 Janvier 2012
Messages
13 186
J'aime
5 508
Points
15 098
Reply from Fabi' Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #12
Résolu? :)
 

Fabi'

Fondateur de la Andro
Ancien staff
Inscrit
19 Janvier 2012
Messages
13 186
J'aime
5 508
Points
15 098
Reply from Fabi' Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #14
J'ai déplacé dans la section résolu :)
 

Naïm

Super-modérateur
Ancien staff
Inscrit
10 Septembre 2013
Messages
14 191
J'aime
6 160
Points
11 908
Reply from Naïm Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #15
Toujours utile merci pour le tuto :)
 

MindSystem

Membre Premium
Premium
Inscrit
3 Septembre 2013
Messages
3 025
J'aime
1 411
Points
5 404
Reply from MindSystem Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #16
Donc met sa :

.tagShoutbox {
background: url("styles/tag.png") no-repeat left center transparent;
height: 18px
width: 13px;
padding-left: 18px;}

.tagShoutbox:hover {
background: url("styles/tag.png") no-repeat left center transparent;
cursor: pointer;
opacity: 1;
color: red;
transition: all 0.52s ease 0s;
display: inline-block;
transform: rotate(720deg);
}
perso j'ai ça, tu peux m'aider ? :)
Vous devez vous inscrire pour voir les liens !
 

B3K

Super-modérateur
Super-modérateur
Inscrit
25 Novembre 2011
Messages
9 988
J'aime
3 571
Points
12 845
Reply from B3K Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #17

MindSystem

Membre Premium
Premium
Inscrit
3 Septembre 2013
Messages
3 025
J'aime
1 411
Points
5 404
Reply from MindSystem Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #18
Tu a du mettre deux fois, je voit pas ton code donc je peut pas trop t'aider.
j'ai ca pour la dark_taigachat.css :
Vous devez vous inscrire pour voir les liens !
et pour l'autre j'ai ça :
Vous devez vous inscrire pour voir les liens !
 

Snake's 🐍

Administrateur
Administrateur
Inscrit
5 Juin 2012
Messages
8 461
J'aime
6 417
Points
13 905
Reply from Snake's 🐍 Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #19
j'ai ca pour la dark_taigachat.css :
Vous devez vous inscrire pour voir les liens !
et pour l'autre j'ai ça :
Vous devez vous inscrire pour voir les liens !
Crée un autre sujet. (Restaure les templates puis remet le code, t'as du faire un doublon)
 

MindSystem

Membre Premium
Premium
Inscrit
3 Septembre 2013
Messages
3 025
J'aime
1 411
Points
5 404
Reply from MindSystem Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ? #20
Crée un autre sujet. (Restaure les templates puis remet le code, t'as du faire un doublon)
j'ai trouvé entre temps, il m'a juste suffis de désactiver l'extension je comprend pas pourquoi mais du moment que ca marche c'est le principal :)
 


Haut