Ajout d'icone devant les sections/forums

[FactisGame]

Bonjour, Je travail avec un ami sur un forum dédié a la vie d'ado,
et nous voudrions que, devant chaque section, il y ais le même genre d'icone :



Seulement, nous utilisons un thèmes qui n'en utilise initialement pas...
Hors nous souhaitons garder ce thèmes et intégrer nos propres icone...
Il s'agit de MySkins.

Merci de votre attention, et de votre (futur ou actuelle) aide !

[spyto]

Il suffit de remplacer ces trois images :
/images/on.gif
/images/off.gif
/images/offlock.gif
par celles de ton choix, de préférence de la même taille et en conservant leurs noms, sans quoi il faudra aussi modifier des templates.

[FactisGame]

(12-06-2013, 18:52)spyto a écrit :  Il suffit de remplacer ces trois images :
/images/on.gif
/images/off.gif
/images/offlock.gif
par celles de ton choix, de préférence de la même taille et en conservant leurs noms, sans quoi il faudra aussi modifier des templates.

Oui bien sur, seulement le thème n'en utilise pas. De toute façon, Traxmix ma aider et maintenant ça marche. Explication et solution :
Il suffit d'aller dans les templates, chercher "index" et de repérer :

Code :

{$boardstats}

Et de coller juste en dessous :

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>

2ème étapes aller dans : forum bit template >> forumbit_depth2_forum et de coller le code ci-dessous juste en-dessous du premier "<tr>" :

Code :

<td class="{$bgcolor}" style="background: rgba(0, 0, 0, 0.07)" align="center" valign="top" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>

3ème étape :

modifier/remplacer les images on.gif off.gif et offlock.gif du thèmes par défaut qui ce trouve (depuis la racine de votre forum) dans le dossier "images".

/!\_ATTENTION_/!\ :
Je parle bien de celle du thèmes par défaut car dans le thèmes Myskins (dans mon cas) elles n'y sont pas !

Citation :

Quand bien même merci a spyto pour sa perspicacité !

Problème résolu !

[Azik]

Bonjour,

Vue que sa parle du même sujet, j'aurais voulus savoir comment changer le 30x30 par 35x35 ?

Cordialement,

[spyto]

Même avec une image de 35x35, ça devrait s'afficher correctement.
Peut-être faudra-t-il retoucher le padding-bottom là :

Code :

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

Si l'image fait 5 px de plus, padding-bottom; 2px; devrait convenir. ,

PS : c'est encore un tout petit réglage CSS. Pas encore commencé l'apprentissage (Site du Zéro ou autres ?)