Template 2.X Ajouter une annonce dans vos conversations via votre conversation_view [2.0]

SyTry

Ancien Staff
Ancien Staff
19/1/17
192
108
1058
29
sytrycommunity.fr
#1
Salut à toi membre de Insomni'Hack !

Aujourd'hui je vous partages un tutoriel sous xenForo 2.0 : celui-ci permet d'ajouter une annonce dans vos conversations !

Pour commencer dans votre template conversation_view chercher ceci (CTRL + F) :​
HTML:
<xf:breadcrumb href="{{ link('conversations') }}">{{ phrase('conversations') }}</xf:breadcrumb>

Ajouter ceci juste en dessous :​
[HIDE]
Code:
<xf:foreach loop="$recipients" value="$recipient">
   <xf:if is="{$recipient.User.is_staff}">
      <xf:set var="$hasStaff" value="1" />
   </xf:if>
</xf:foreach>
<xf:if is="{$hasStaff}">
   <p style="text-align: center;" class="annonce"><i class="fa fa-thumbs-up "></i> Un membre certifié de l'équipe officielle <a href="https://sytrycommunity.fr/">SyTry Community</a> se trouve dans cette conversation.</p>
<xf:else />
   <p style="text-align: center;" class="annonce"><i class="fa fa-flag"></i> Aucun membre de l'équipe officielle <a href="https://sytrycommunity.fr/">SyTry Community</a> ne se trouve dans cette conversation.</p>
</xf:if>
[/HIDE]

Dans votre template EXTRA.less ajouter ceci :​
[HIDE].annonce {
background: #383c42!important;
border-radius: 2px!important;
padding: 5px;
text-align: center!important;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.14), 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
}[/HIDE]

Le CSS est le même que ce tutoriel, si vous avez l'autre ne la copier pas deux fois :​

Résultat avant :
Screenshot_3.png

Résultat après :
Screenshot_1 (1).png

J'autorise le partage de ce tutoriel avec les crédits !​
SyTry,
 
O

OTuGaMoDz™

Visiteur
Visiteur
#2
merci bien pour le partage l'ami ;)