1. IMPORTANT : Nouvelles mesures de sécurité - 2. Règles pour obtenir de l'aide dans les forums de support - 3. Restrictions des droits pour le groupe "Support suspendu"

Il est obligatoire de respecter les Règles de MyBB.fr : Version abrégée ou Version complète pour obtenir du support sur nos forums.

Les membres ayant un site/forum contrevenant aux règles de MyBB.support seront placés dans le groupe "Support suspendu" et ne bénéficieront plus du support du staff. Nous recommandons aux autres membres d'agir de même. Il ne s'agit pas d'un bannissement, le membre retrouvera son statut "normal" dès que sa situation sera conforme aux règles.

Nouveau : un Wiki en français : plus de détails.
Avant de soumettre votre problème, consultez-le, ainsi que la FAQ, sans oublier le moteur de recherche interne.


Note de ce sujet :
  • Moyenne : 4 (1 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
Remplacer les icônes d'état .GIF (on/off/offlock) par des .PNG
Mots-clés » remplacer, icônes, état, gif, onoffofflock, png
09-10-2012, 15:21, (Modification du message : 09-10-2012, 15:25 par spyto.)
#1
Remplacer les icônes d'état .GIF (on/off/offlock) par des .PNG
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 :
Code :
<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 :
Code :
<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 :
Code :
<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 :
Code :
<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 :
Code :
<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 :
Code :
<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 :
Code :
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 :
Code :
if(element.src.match("off.png") || element.src.match("offlock.png") || (element.title &amp;&amp; element.title == lang.no_new_posts)) return;

c) Recherchez :
Code :
$('mark_read_'+fid).src = $('mark_read_'+fid).src.replace("on.gif", "off.gif");

d) Remplacez par :
Code :
$('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 Notepad++ ou Hapedit

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre


Messages dans ce sujet
Remplacer les icônes d'état .GIF (on/off/offlock) par des .PNG - spyto - 09-10-2012, 15:21



Utilisateur(s) parcourant ce sujet : 1 visiteur(s)

Contact | MyBB.support | Retourner en haut | Retourner au contenu | Version bas-débit (Archivé) | Syndication RSS
 Utilitaire de traduction fourni par Regentronique