• Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.


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
3 826
#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 :


Merci de me répondre au plus vite !
 

B3K 🚀

Responsable GlitchsHacksFR
Modérateur
Inscrit
25 Novembre 2011
Messages
9 903
J'aime
3 434
Points
9 175
#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


Bonne soirée.
 

ArTzMoDDeR

18 ans - Ancien YouTuber - +40k ♡
Premium
Inscrit
2 Août 2013
Messages
222
J'aime
88
Points
3 826
#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 🚀

Responsable GlitchsHacksFR
Modérateur
Inscrit
25 Novembre 2011
Messages
9 903
J'aime
3 434
Points
9 175
#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;
}
 

B3K 🚀

Responsable GlitchsHacksFR
Modérateur
Inscrit
25 Novembre 2011
Messages
9 903
J'aime
3 434
Points
9 175
#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);
}
 


Discussions similaires