Tutoriel pour modifier un skin

le 15 février 2004

"comment je supprime/je modifie/.... dans mes skins"

petit tutoriel d'un presque-neophyte a l'usage des neophytes

exemple de question :
je veux supprimer le bouton "italique"(I) dans tous formulaires. Comment je fais ?

notions prealables (rappels)

si vous ne savez pas ce que vous cherchez, le moyen le plus simple reste encore d'editer le code source HTML genere par IPB. Par exemple pour savoir comment modifier une image, un bouton ou une classe CSS dont on ignore le nom.
si vous buttez sur un mot en anglais, n'hesitez pas a vous aider d'un dictionnaire. Si vous ne comprenez rien en anglais, optez pour la version 1.1.2 100% francais. Si IPB vous semble trop complique, souvenez-vous que le meilleur forum reste celui qui vous convient. Personne ne vous oblige a utiliser IPB.
lorsque VOTRE HEBERGEUR est SAFE MODE ON (synonymes : 'yes', 'oui', 'da', 'si'...), cela signifie que votre hebergeur a desactive un certain nombre de commandes. Vous ne pouvez pas, par exemple, importer de skins de maniere automatique.
lorsque VOUS specifie que vous manipulez un "skin en safe mode" (parce que votre hebergeur est en SAFE MODE ON ou par choix personnel) cela signifie que vos skins ne seront pas charges depuis les fichier php mais directement depuis votre base de donnees.
si vous modifiez vos fichiers php alors que vous etes en SAFE MODE SKINS, n'oubliez pas de resynchroniser les donnees de votre base de donnees autrement, vos modifications ne seront pas prises en compte (puisque vous modifiez vos fichiers alors qu'IPB utilisera le contenu de vos tables SQL).

Use safe mode skins?
(Note: You may need to resynchronise your template sets after changing this if you have custom/edited skins)

------------------------------

Une fois que vous savez ce que vous voulez modifier, il existe 2 methodes pour modifier un skin. Via les fichiers php ou via l'Admin CP (synonymes : ACP, PCA, PC Admin... )

------------------------------

I. Via les fichiers php

avantages :

- plus rapide a mettre en oeuvre que via l'ACP

- permet de traiter plusieurs skins en meme temps

inconvenient : une recherche peut retourner enormement de resultats

pre-requis :

j'utilise un logiciel comme ultraedit qui permet de de faire une recherche dans plusieurs fichiers en meme temps. Mais cela fonctionne aussi avec grep (unix) ou avec la fonction Recherche de Windows.

1°/ je recherche le mot "italic" dans tous les fichiers de mon repertoire IPB

resultats retournes :

----------------------------------------
Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\Skin\s1\skin_post.php' :

E:\Program Files\EasyPHP\www\1p3final\Skin\s1\skin_post.php(77): <input type='button' accesskey='i' value=' I ' onclick='simpletag("I")' class='codebuttons' name='I' style="font-style:italic" onmouseover="hstat('italic')" />

E:\Program Files\EasyPHP\www\1p3final\Skin\s1\skin_post.php(147): <input type='button' accesskey='i' value=' I ' onclick='simpletag("I")' class='codebuttons' name='I' style="font-style:italic" onmouseover="hstat('italic')" />

E:\Program Files\EasyPHP\www\1p3final\Skin\s1\skin_post.php(318): var help_italic = "{$ibforums->lang['hb_italic']}";

Found 'italic' 6 time(s).

----------------------------------------

Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\Skin\s1\skin_ucp.php' :

E:\Program Files\EasyPHP\www\1p3final\Skin\s1\skin_ucp.php(509): var help_italic = "{$ibforums->lang['hb_italic']}";

E:\Program Files\EasyPHP\www\1p3final\Skin\s1\skin_ucp.php(542): <input type='button' accesskey='i' value=' I ' onclick='simpletag("I")' class='codebuttons' name='I' style="font-style:italic" onmouseover="hstat('italic')" />

Found 'italic' 4 time(s).

----------------------------------------

Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\sources\mods\installer\mod_installer_skin.php' :

E:\Program Files\EasyPHP\www\1p3final\sources\mods\installer\mod_installer_skin.php(56): .newcode_insert { font-style:italic; color: blue }

E:\Program Files\EasyPHP\www\1p3final\sources\mods\installer\mod_installer_skin.php(198): <input type='button' accesskey='i' value=' I ' onclick='simpletag("I")' class='codebuttons' name='I' style="font-style:italic" onmouseover="hstat('italic')" />

Found 'italic' 3 time(s).

----------------------------------------

Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\sources\mods\installer_addon_dev\CodeChange.php' :

E:\Program Files\EasyPHP\www\1p3final\sources\mods\installer_addon_dev\CodeChange.php(580): .newcode_insert { font-style:italic; color: blue }

Found 'italic' 1 time(s).

----------------------------------------

Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\sources\mods\installer_addon_dev\CodeChange_fr.php' :

E:\Program Files\EasyPHP\www\1p3final\sources\mods\installer_addon_dev\CodeChange_fr.php(580): .newcode_insert { font-style:italic; color: blue }

Found 'italic' 1 time(s).

----------------------------------------

Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\lang\en\lang_post.php' :

E:\Program Files\EasyPHP\www\1p3final\lang\en\lang_post.php(33): 'hb_italic' => "Insert Italic Text (alt + i)",

Found 'italic' 2 time(s).

----------------------------------------

Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\lang\en\mod_bbcode_tags_lang.php' :

E:\Program Files\EasyPHP\www\1p3final\lang\en\mod_bbcode_tags_lang.php(96): $lang['IT_help'] = 'Italic';

Found 'italic' 1 time(s).

----------------------------------------

Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\lang\2\lang_post.php' :

E:\Program Files\EasyPHP\www\1p3final\lang\2\lang_post.php(33): 'hb_italic' => "Insérer du texte italique (alt + i)",

Found 'italic' 1 time(s).

----------------------------------------

Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\lang\2\mod_bbcode_tags_lang.php' :

E:\Program Files\EasyPHP\www\1p3final\lang\2\mod_bbcode_tags_lang.php(96): $lang['IT_help'] = 'Italic';

Found 'italic' 1 time(s).

----------------------------------------

Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\lang\fr\lang_post.php' :

E:\Program Files\EasyPHP\www\1p3final\lang\fr\lang_post.php(33): 'hb_italic' => "Insérer du texte italique (alt + i)",

Found 'italic' 1 time(s).

----------------------------------------

Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\lang\fr\mod_bbcode_tags_lang.php' :

E:\Program Files\EasyPHP\www\1p3final\lang\fr\mod_bbcode_tags_lang.php(96): $lang['IT_help'] = 'Italic';

Found 'italic' 1 time(s).

----------------------------------------

Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\lang\german\mod_bbcode_tags_lang.php' :

E:\Program Files\EasyPHP\www\1p3final\lang\german\mod_bbcode_tags_lang.php(109): $lang['IT_help'] = 'Italic';

Found 'italic' 1 time(s).

Search complete, found 'italic' 23 time(s). (12 files.)

2°/ parmi ces resultats, je repere ce qui est susceptible de m'interesser plus particulierement. Comme je recherche a supprimer des balises HTML, je me limite donc a des balises HTML.

----------------------------------------
Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\Skin\s1\skin_post.php' :

E:\Program Files\EasyPHP\www\1p3final\Skin\s1\skin_post.php(77): <input type='button' accesskey='i' value=' I ' onclick='simpletag("I")' class='codebuttons' name='I' style="font-style:italic" onmouseover="hstat('italic')" />

E:\Program Files\EasyPHP\www\1p3final\Skin\s1\skin_post.php(147): <input type='button' accesskey='i' value=' I ' onclick='simpletag("I")' class='codebuttons' name='I' style="font-style:italic" onmouseover="hstat('italic')" />

----------------------------------------

Find 'italic' in 'E:\Program Files\EasyPHP\www\1p3final\Skin\s1\skin_ucp.php' :

E:\Program Files\EasyPHP\www\1p3final\Skin\s1\skin_ucp.php(542): <input type='button' accesskey='i' value=' I ' onclick='simpletag("I")' class='codebuttons' name='I' style="font-style:italic" onmouseover="hstat('italic')" />

Found 'italic' 4 time(s).

----------------------------------------

3°/ je fais une copie de sauvegarde des fichiers indiques

4°/ j'edite les fichiers indiques, je me rends aux lignes indiques, et je supprime les lignes indiquees (ou je les mets en commentaires).

5°/ j'enregiste les fichiers modifies, et je les tranfert via ftp.

6°/ si je suis en SAFE MODE SKINS je resynchronise ma base de donnees via les fichiers php sinon les modifications ne seront pas prises en compte

si je ne suis pas en SAFE MODE SKINS je resynchronise egalement ma base de donnees. Ainsi si jamais je decide ulterieurement de modifier mes skins depuis mon ACP, je travaillerais depuis des donnees a jour.

------------------------------

II. Via l'ACP

avantage :

- facile a realiser lorsqu'on n'a pas acces au ftp (depuis le boulot par exemple)

inconvenients :

- plus long, necessite de traiter skin par skin

- necessite de savoir lire/comprendre/se servir un minimum de son ACP (synonymes : ACP, PCA, PC Admin... )

1°/ ACP -> Skins & Templates -> HTML Templates -> Manage HTML

2°/ En haut a droite de la page se trouve un menu deroulant "Quick Clicks".

parmi les choix propose celui que je recherche est tres probablement "Edit Post & View & Table". Go !

le script m'affiche trois blocs de resultat avec le code HTML/javascript correspondant

Template: Header
Template: Post Entry

Template: Footer

3°/ En toute logique, le bouton "italic" que je cherche se trouve dans le bloc "Post Entry". je regarde le bloc de plus pres

<table width='100%' border='0' cellspacing='1' cellpadding='3'> <tr> <td valign='middle' class='row4' width="1%"><a name='entry'></a><span class=''></span></td> <td class='row4' valign='top' width="99%">  <div align='left' class='row4' style='float:left;padding-top:4px;padding-bottom:4px'> <span class='postdetails'><b><a title="" href="#" onclick="link_to_post(); return false;" style="text-decoration:underline"></a></b> </span> </div>  <div align='right'> <a href='act=Post&CODE=06&f=&t=&p='><{P_QUOTE}></a> </div> </td> </tr> <tr> <td valign='top' class=''> <span class='postdetails'><br /><br /> <br /> <br /><br /> <br /> <br /> <br /> <br /><br /> </span><br />  <img src='/spacer.gif' alt='' width='160' height='1' /><br /> </td> <td width='100%' valign='top' class=''>  <div class='postcolor'> </div>  </td> </tr> <tr> <td class='darkrow3' align='left'><b></b></td> <td class='darkrow3' nowrap="nowrap" align='left'>  <div align='left' class='darkrow3' style='float:left;width:auto'> </div>  <div align='right'> <a href='java script:scroll(0,0);'><img src='/p_up.gif' alt='Top' border='0' /></a> </div> </td> </tr> </table> <div class='darkrow1' style='height:5px'></div>

Gasp. Ce n'est pas ce que je cherche. On dirait plutot une ligne de Sujet...

4°/ Je clic sur le bouton "search". Une fenetre de recherche s'ouvre. J'entre comme mot-cle "italic".

resultats de la recherche :

Post Screen Sections
+ pm_postbox_buttons

+ postbox_buttons

+ get_javascript

User Control Panel Section

+ signature

5°/Je ferme la fenetre et a l'ecran precedent, je clique sur "Invision Power Board Template Set".

Je sais maintenant que je dois me rendre dans la section "Post Screen Sections".

Donc je clique sur "Post Screen Sections" puis je cherche "pm_postbox_buttons"...

Garsp, je ne le vois pas. Pas grave, j'edite "PM: Code Buttons & msg Text area". Bingo Je supprime le code HTML que je voulais supprimer.

Et je clique sur "Update templates".

Je fais les memes operations avec "Post: Code Buttons & Post Text area". Puis avec "Signature Edit / Preview" dans la section "User Control Panel Section".

6°/ Je repete les manipulations pour tous les skins que je souhaite modifier

------------------------------

Au besoin je n'ai aucune honte a faire une Recherche, a lire la faq ou a m'aider de la Base de Connaissances

- Correspondance Fichiers Skin <=> Templates Html

- IPB 1.2 Basic Css Guide

- ...

Si j'ai un probleme de comprehension du CSS/HTML, je n'hesite pas a consulter des ouvrage de CSS/HTML, des sites traitant de ce sujet, etc.

------------------------------

Voila. Voila. Vous en savez maintenant autant que moi puisque c'est ainsi que je fais depuis de nombreux mois maintenant pour repondre a de tres nombreuses questions sur ibf-french :

- "comment faire pour mettre l'option machin par defaut"

- "comment faire pour modifier le header"

- "je veux supprimer le lien "vérifier la longueur du message"

- "je veux changer le nom du lien " Aide code ib "

- ...

Vous connaissez maintenant l'un de mes secrets. Et si je peux y arriver, vous aussi. N'ayant plus rien a vous apprendre, ou si peu, je retourne dans ma caverne.

le 15 février 2004

Superbe :blink:

Aller j'épingle, tu es trop modeste pour le faire toi même :blink:

Connexion

Tutoriel pour modifier un skin

Messages recommandés

dash

Lien vers le commentaire

Partager sur d’autres sites

simous

Lien vers le commentaire

Partager sur d’autres sites

Naviguer

Activité

Support

Information importante