Résolu XenForo : Comment faire un Système de Tag sur la shoutBox ?

Statut
N'est pas ouverte pour d'autres réponses.

Lyrix

Student ✦ UX/UI Design
Ancien staff
Inscription
20 Août 2012
Messages
22 668
Réactions
8 147
Points
36 866
Salut,

Rend toi dans :

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 souhaites voir apparaitre pour tag dans le dossier style de ton ftp et nomme cet image tag.png
 

KSS57-OFFICIEL

C#/C++ Developer
Premium
Inscription
7 Juillet 2013
Messages
1 883
Réactions
365
Points
5 148
Salut,

Rend toi dans :

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 souhaites voir apparaitre pour tag dans le dossier style de ton ftp et nomme cet image tag.png
Il y a pas dark_taigachat_list il y a que
1.PNG
 

Lyrix

Student ✦ UX/UI Design
Ancien staff
Inscription
20 Août 2012
Messages
22 668
Réactions
8 147
Points
36 866
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 souhaites voir apparaitre pour tag dans le dossier style de ton ftp et nomme cet image tag.png
Ce code-ci, va permettre de faire faire un 360° à l'icône.
 

Lyrix

Student ✦ UX/UI Design
Ancien staff
Inscription
20 Août 2012
Messages
22 668
Réactions
8 147
Points
36 866
Je comprend pas :(
A la fin que tu es ajouté le dernier code de : dark_taigachat.css

Rajoute ce code en dessous :

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;
}
 

KSS57-OFFICIEL

C#/C++ Developer
Premium
Inscription
7 Juillet 2013
Messages
1 883
Réactions
365
Points
5 148
A la fin que tu es ajouté le dernier code de : dark_taigachat.css

Rajoute ce code en dessous :
Une fois que j'ai mit sa
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;
}

Je met quoi ?
 

Lyrix

Student ✦ UX/UI Design
Ancien staff
Inscription
20 Août 2012
Messages
22 668
Réactions
8 147
Points
36 866
Une fois que j'ai mit sa
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;
}

Je met quoi ?
Bah tu sauvegarde, après sur ta shoutbox, tu as un tag qui tourne à 360°.
Et met l'image que tu souhaites voir apparaitre pour tag dans le dossier style de ton ftp et nomme cet image tag.png
 

TaGa'

Premium
Inscription
30 Janvier 2012
Messages
3 562
Réactions
1 387
Points
23 101
Une fois que j'ai mit sa
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;
}

Je met quoi ?
N'oulie de mettre dans les ftp le tag.png
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut