Tutorial Personnalisé l'affichage de la Motd TaigaChat Pro

Salut communauté iHaxGlobal ,

Je vous explique au cours de ce Tutoriel comment améliorer esthétiquement l'affichage de la motd de la TaigaChat pro.

Avant :

Après :


Tutorial :

Vous allez créer une modification de Template :

Modification N°:1
Template : dark_taigachat_chatbox
Clé de la modification : add_motd
Trouver :

Contenu caché:

Code:

<xen:if is="{$taigachat.popup}">
            <blockquote class="taigachat_motd"><span id="taigachat_inchat">(<span id="taigachat_count">0</span> {xen:phrase dark_users_in_chat})</span> <span id="taigachat_motd">{xen:raw $taigachat.motd}</span></blockquote>
            <a href="{xen:link 'taigachat/motd'}" class="OverlayTrigger" style="display:none"></a>       
        </xen:if>

Remplacer :

Contenu caché:

Code:

$0
<xen:if is="{$taigachat.motd}"><blockquote class="nodeDescription baseHtml"><span id="taigachat_motd">{xen:raw $taigachat.motd}</span></blockquote></xen:if>

Modification N°:2

Template : dark_taigachat_chatbox
Clé de la modification : remove_motd_1
Trouver :

Contenu caché:

Code:

<h3><a href='{xen:link '{$xenOptions.dark_taigachat_route}'}'>{xen:phrase dark_shoutbox} (<span id="taigachat_count">0</span>)</a>               
                <xen:if is="{$taigachat.motd}"><blockquote><span id="taigachat_motd">{xen:raw $taigachat.motd}</span></blockquote></xen:if>

Remplacer :

Contenu caché:

Code:

<h3><a href='{xen:link '{$xenOptions.dark_taigachat_route}'}'>{xen:phrase dark_shoutbox} (<span id="taigachat_count">0</span>)</a>

Modification N°:3

Template : dark_taigachat_chatbox
Clé de la modification : remove_motd_2
Trouver :

Contenu caché:

Code:

<h3 class="nodeTitle"><a href="{xen:link '{$xenOptions.dark_taigachat_route}'}">{xen:phrase dark_shoutbox} (<span id="taigachat_count">0</span>)</a></h3>           
                        <xen:if is="{$taigachat.motd}"><blockquote class="nodeDescription baseHtml"><span id="taigachat_motd">{xen:raw $taigachat.motd}</span></blockquote></xen:if>

Remplacer :

Contenu caché:

Code:

<h3 class="nodeTitle"><a href="{xen:link '{$xenOptions.dark_taigachat_route}'}">{xen:phrase dark_shoutbox} (<span id="taigachat_count">0</span>)</a></h3>

Ce sujet touche à sa fin :neo:

 

Fait un screen de ce que tu as fait