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

Tutoriel Remplacer les icônes d'état .GIF en MyBB

Statut
N'est pas ouverte pour d'autres réponses.
Inscrit
6 Février 2013
Messages
146
J'aime
33
Points
113
#1
Vous avez envie de remplacer les icônes .gif par des icônes .png de meilleure qualité ?

Tout d'abord, il faut savoir que ces icônes d'état sont au nombre de 3 et se trouvent dans le dossier /images de votre thème, ce sont :
- on.gif pour "Ce forum contient de nouveaux messages"
- off.gif pour "Ce forum ne contient pas de nouveaux messages"
- offlock.gif pour "Ce forum est fermé"

Une fois que vous avez créé les icônes .png de remplacement :

1. Upload des nouvelles icônes
Uploadez les icônes png dans le dossier images de votre thème.
IMPORTANT : Conserver les mêmes noms (on.png, off.png et offlock.png)

2. Modifications du template 'index'.
Admin > Templates & Style > Templates > Développer votre set de templates > Page Index Templates > index

a) Recherchez :​
<dl class="forum_legend smalltext">
<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->new_posts}</dd>

<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->no_new_posts}</dd>

<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
<dd>{$lang->forum_locked}</dd>
</dl>
b) Remplacez par :​
<dl class="forum_legend smalltext">
<dt><img src="{$theme['imgdir']}/on.png" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->new_posts}</dd>

<dt><img src="{$theme['imgdir']}/off.png" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->no_new_posts}</dd>

<dt><img src="{$theme['imgdir']}/offlock.png" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
<dd>{$lang->forum_locked}</dd>
</dl>​
c) Enregistrez

3. Modifications du template 'forumbit_depth2_cat'
Admin > Templates & Style > Templates > Développer votre set de templates > Forum Bit Templates > forumbit_depth2_cat

a) Recherchez :​
<img id="mark_read_{$forum['fid']}" class="ajax_mark_read" title="{$lightbulb['altonoff']}" src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" />
b) Remplacez par :​
<img id="mark_read_{$forum['fid']}" class="ajax_mark_read" title="{$lightbulb['altonoff']}" src="{$theme['imgdir']}/{$lightbulb['folder']}.png" alt="{$lightbulb['altonoff']}" />
c) Enregistrez

4. Modifications du template 'forumbit_depth2_forum'
Admin > Templates & Style > Templates > Développer votre set de templates > Forum Bit Templates > forumbit_depth2_forum

a) Recherchez :​
<img id="mark_read_{$forum['fid']}" class="ajax_mark_read" title="{$lightbulb['altonoff']}" src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" />​
b) Remplacez par :​
<img id="mark_read_{$forum['fid']}" class="ajax_mark_read" title="{$lightbulb['altonoff']}" src="{$theme['imgdir']}/{$lightbulb['folder']}.png" alt="{$lightbulb['altonoff']}" />
c) Enregistrez

5. Modifications du fichier /jscripts/general.js
Ouvrez /jscripts/general.js dans votre éditeur de texte (pas dans le Bloc-notes de Windows !!!). Utilisez un vrai éditeur de texte genre Notepad++

a) Recherchez :​
if(element.src.match("off.gif") || element.src.match("offlock.gif") || (element.title &amp;&amp; element.title == lang.no_new_posts)) return;
b) Remplacez par :​
if(element.src.match("off.png") || element.src.match("offlock.png") || (element.title &amp;&amp; element.title == lang.no_new_posts)) return;
c) Recherchez :​
$('mark_read_'+fid).src = $('mark_read_'+fid).src.replace("on.gif", "off.gif");
d) Remplacez par :​
$('mark_read_'+fid).src = $('mark_read_'+fid).src.replace("on.png", "off.png");
e) Enregistrez et uploadez pour remplacer le fichier dans /jscripts/general.js

Voilà, c'est terminé. Et si vous ne savez pas quel éditeur de texte utiliser, je vous conseille
Vous devez vous inscrire pour voir les liens !
ou
Vous devez vous inscrire pour voir les liens !
+1 sa ferais pas de mal ;)
 
Statut
N'est pas ouverte pour d'autres réponses.