Résolu Comment avoir un TAG dans sa Shoutbox ?

ArTzMoDDeR

18 ans - Ancien YouTuber - +40k ♡
Premium
Inscription
2 Août 2013
Messages
222
Réactions
88
Points
5 326
    Réponse de 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 :
Vous devez être inscrit pour voir les images


Merci de me répondre au plus vite !
 
L'auteur de la discussion a jugé qu'une réponse pertinente à repondu à l'intérrogation de son topic. Cliquez ici pour la voir.

B3K

Ancien Responsable
Ancien staff
Inscription
25 Novembre 2011
Messages
10 040
Réactions
3 606
Points
15 595
    Réponse de 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
Vous devez être inscrit pour voir les images


Bonne soirée.
 
Cette réponse a aidé l'auteur de cette discussion !

ArTzMoDDeR

18 ans - Ancien YouTuber - +40k ♡
Premium
Inscription
2 Août 2013
Messages
222
Réactions
88
Points
5 326
    Réponse de 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
Inscription
2 Août 2013
Messages
222
Réactions
88
Points
5 326
    Réponse de 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

Ancien Responsable
Ancien staff
Inscription
25 Novembre 2011
Messages
10 040
Réactions
3 606
Points
15 595
    Réponse de 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
Inscription
2 Août 2013
Messages
222
Réactions
88
Points
5 326
    Réponse de ArTzMoDDeR Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ?
  • #6

B3K

Ancien Responsable
Ancien staff
Inscription
25 Novembre 2011
Messages
10 040
Réactions
3 606
Points
15 595
    Réponse de 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
Inscription
2 Août 2013
Messages
222
Réactions
88
Points
5 326
    Réponse de 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
Ca clignote
 

B3K

Ancien Responsable
Ancien staff
Inscription
25 Novembre 2011
Messages
10 040
Réactions
3 606
Points
15 595
    Réponse de 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
Inscription
2 Août 2013
Messages
222
Réactions
88
Points
5 326
    Réponse de ArTzMoDDeR Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ?
  • #10
je test ...
 

Ben Mhenni

Banni
Inscription
26 Novembre 2013
Messages
67
Réactions
21
Points
96
    Réponse de 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>

.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
Inscription
19 Janvier 2012
Messages
13 206
Réactions
5 525
Points
16 098
    Réponse de Fabi' Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ?
  • #12
Résolu? :)
 

DmZ

Skype : jah02000
VIP
Inscription
8 Juillet 2013
Messages
13 162
Réactions
4 904
Points
13 803
    Réponse de DmZ Forums généraux Informatique ⌨️ Windows Questions, aides et recherches Résolu : Comment avoir un TAG dans sa Shoutbox ?
  • #13

Fabi'

Fondateur de la Andro
Ancien staff
Inscription
19 Janvier 2012
Messages
13 206
Réactions
5 525
Points
16 098
    Réponse de 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
Inscription
10 Septembre 2013
Messages
14 192
Réactions
6 161
Points
11 908
    Réponse de 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
Inscription
3 Septembre 2013
Messages
3 019
Réactions
1 410
Points
7 904
    Réponse de 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 ? :)
 

B3K

Ancien Responsable
Ancien staff
Inscription
25 Novembre 2011
Messages
10 040
Réactions
3 606
Points
15 595
    Réponse de 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
Inscription
3 Septembre 2013
Messages
3 019
Réactions
1 410
Points
7 904
    Réponse de 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 : et pour l'autre j'ai ça :
 

Snake's 🐍

Administrateur
Administrateur
Inscription
5 Juin 2012
Messages
8 453
Réactions
6 427
Points
14 905
    Réponse de 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 : et pour l'autre j'ai ça :
Crée un autre sujet. (Restaure les templates puis remet le code, t'as du faire un doublon)
 

MindSystem

Membre Premium
Premium
Inscription
3 Septembre 2013
Messages
3 019
Réactions
1 410
Points
7 904
    Réponse de 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 :)
 



Retrouvez RealityGaming sur mobile

L'application mobile évolue depuis plusieurs semaines pour correspondre à vos besoins.
Retrouvez dès à présent les dernières versions sur iOS et Android.

Pour les reports de bug ou suggestions, c'est ici.

Membres du mois

Récompense de 70€ au membre qui a produit les meilleurs topics chaque mois (meilleur ratio résultats sur google + vues + réponses + likes sur une ou plusieurs de ses discussions). Plus d'infos.

RealityGaming sur YouTube !

Mobile app for XenForo 2 by Appify
Haut