Résolu Comment avoir un TAG dans sa Shoutbox ?

[ArTzMoDDeR]

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 :

Merci de me répondre au plus vite !

 

[BEK.]

Salut,

Avec la shoutbox pro suit cette manipulation :

Admin CP > Apparence > votre style > Templates > dark_taigachat_list

Cherche :

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

Ajoute en dessous :

<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 :

.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

Bonne soirée.

 

[ArTzMoDDeR]

je t'aime

 

[ArTzMoDDeR]

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 ?

 

[BEK.]

bah je t'ai donné le code ^^

 

[ArTzMoDDeR]

bah je t'ai donné le code ^^

il est censé faire un 360 ? moi le mien ne bouge pas

 

[BEK.]

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]

là ça fait un truc bizard enfin va voir

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Ca clignote

 

[BEK.]

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]

je test ...

 

[Ben Mhenni]

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 être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

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

 

[Fabi']

Résolu?

 

[DmZ]

Résolu?

D'après la réponse oui

 

[Fabi']

J'ai déplacé dans la section résolu

 

[Naïm]

Toujours utile merci pour le tuto

 

[MindSystem]

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 être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

 

[BEK.]

perso j'ai ça, tu peux m'aider ?

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Tu a du mettre deux fois, je voit pas ton code donc je peut pas trop t'aider.

 

[MindSystem]

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 être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

et pour l'autre j'ai ça :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

 

[Snake's]

j'ai ca pour la dark_taigachat.css :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

et pour l'autre j'ai ça :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Crée un autre sujet. (Restaure les templates puis remet le code, t'as du faire un doublon)

 

[MindSystem]

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