0byt3m1n1
Path:
/
data
/
applications
/
aps.bak
/
coppermine
/
1.5.12-0
/
standard
/
htdocs
/
docs
/
fr
/
[
Home
]
File: theme_upgrade_14x-15x.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <title>Mise à jour d'un thème de cpg1.4.x vers cpg1.5.x - Coppermine Photo Gallery - Documentation & manuel</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="fr" /> <meta name="copyright" content="Coppermine dev team" /> <meta name="description" content="Pour que votre thème personnalisé de cpg1.4.x fonctionne avec cpg1.5.x, vous devrez faire certaines modifications. Pensez à sauvegarder vos fichiers originaux, de manière à revenir vers une version qui fonctionne au cas ou quelque chose ne se passerait pas correctement avec les modifications." /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <meta http-equiv="imagetoolbar" content="no" /> <!-- SVN version info: Coppermine version: 1.5.12 $HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.5.x/docs/fr/theme_upgrade_14x-15x.htm $ $Revision: 8154 $ --> <link rel="stylesheet" type="text/css" href="../style/style.css" media="all" /> <link rel="stylesheet" type="text/css" href="../style/screen.css" media="screen" /> <link rel="stylesheet" type="text/css" href="../style/print.css" media="print" /> <link rel="shortcut icon" href="../favicon.ico" /> <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.treeview.js" type="text/javascript"></script> <script src="script.js" type="text/javascript"></script> </head> <body> <h1 id="docheader">Coppermine Photo Gallery v1.5.x: Documentation et manuel</h1> <div id="toc"> <a href="toc.htm">Table des matières</a> </div> <a name="theme_convert"></a><h1>Convertir un thème de cpg1.4.x pour cpg1.5.x</h1> <p>Pour faire votre thème personnalisé à base de travail avec cpg1.4.x cpg1.5.x, vous aurez besoin de faire quelques changements. N'oubliez pas de sauvegarder vos fichiers d'originaux, de sorte que vous puissiez revenir à une version fonctionnant dans les cas où quelque chose se passerait mal avec les modifications.</p> <p>Les fichiers à modifier se trouvent dans le répertoire particulier du thème dans le dossier themes. Par exemple, les fichiers du thème "curve" sont dans themes/curve</p> <p>Si vous avez utilisez un paquetage par défaut fourni avec cpg1.4.x mais également celui qui est livré avec cpg1.5.x et si vous n'avez pas modifié vos fichiers de thème, vous n'avez pas à appliquer de changement ainsi, vous pouvez sauter cette page. Toutefois, si vous utilisez un thème personnalisé ou si vous avez une modifier l’un des thèmes par défaut (ce qui en fait donc un thème personnalisé) vous avez besoin de lire cette page et faire comme suggéré sur dedans.</p> <p>Assurez-vous que le nom du dossier de votre thème personnalisé diffère du nom de thème par défaut sur lequel vous avez fondé votre thème personnalisé, c'est à dire veiller à <a href="theme_create.htm#theme_create_rename">Commencez par renommer votre thème</a>. <p class="cpg_message_warning">Vous ne pouvez <strong>pas</strong> utiliser un thème qui a été conçu pour cpg1.4.x avec une galerie cpg1.5.x à moins que vous n’appliquiez les modifications de base indiquée sur cette page. Ceci s'applique à tous les thèmes qui étaient pou cpg1.4.x.</p> <ul> <li><a href="#theme_convert_style">Modifier style.css</a></li> <li><a href="#theme_convert_template">Modifier template.html</a></li> <li><a href="#theme_convert_theme">Modifier theme.php</a></li> <li><a href="#theme_convert_validation">Méthode de validation</a></li> </ul> <a name="theme_convert_style"></a><h2>Modifier style.css<a href="#theme_convert_style" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h2> <p>Pour tous les changements ci-dessous, modifier themes/votre_thème_personnalisé/style.css</p> <div class="indent"> <a name="theme_convert_style_pseudo"></a><h3>Définissez les pseudos classes <tt class="code">:link</tt>, <tt class="code">:visited</tt>, <tt class="code">:focus</tt>, <tt class="code">:active</tt><a href="#theme_convert_style_pseudo" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Avant d'appliquer ce correctif, assurez-vous que votre feuille de style ne contient pas déjà de définitions pour les pseudos classes. Si elle ne contient pas les classes</p> <p>Trouvez:</p> <pre class="cpg_code smallcode">a:hover {</pre> <p>Ajoutez avant (dans une nouvelle ligne):</p> <pre class="cpg_code smallcode">a:link { color: #0033CC; text-decoration: none; } a:visited { color: #0033CC; text-decoration: none; } a:focus { color: #0033CC; text-decoration: none; } a:active { color: #0033CC; text-decoration: none; }</pre> et modifiez les couleurs et mises en forme en fonction de vos souhaits. <a name="theme_convert_style_bold_table_headers"></a><h3>En-têtes de table en gras<a href="#theme_convert_style_bold_table_headers" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Trouvez:</p> <pre class="cpg_code smallcode">.tableh1 {</pre> <p>et ajoutez juste après:</p> <pre class="cpg_code smallcode"> font-weight:bold;</pre> <hr /> <p>Trouvez:</p> <pre class="cpg_code smallcode">.alblink a {</pre> <p>et ajoutez avant (dans une nouvelle ligne):</p> <pre class="cpg_code smallcode">.alblink { font-weight:bold; }</pre> <hr /> <p>Trouvez:</p> <pre class="cpg_code smallcode">.catlink {</pre> <p>et ajoutez juste après:</p> <pre class="cpg_code smallcode"> font-weight:bold;</pre> <a name="theme_convert_style_navmenu"></a><h3>Modifier la class «<tt class="code">navmenu</tt>»<a href="#theme_convert_style_navmenu" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Trouvez:</p> <pre class="cpg_code smallcode">.navmenu a { position: relative;</pre> <p>et remplacez par:</p> <pre class="cpg_code smallcode">.navmenu a {</pre> <a name="theme_convert_style_admin_menu"></a><h3>Fixez la répétition du fond pour «<tt class="code">admin_menu</tt>»<a href="#theme_convert_style_admin_menu" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Trouvez:</p> <pre class="cpg_code smallcode">.admin_menu {</pre> <p>et ajoutez juste après:</p> <pre class="cpg_code smallcode">background-repeat:repeat-x;</pre> <a name="theme_convert_style_admin_float_wrapper"></a><h3>Ajoutez les classes «<tt class="code">admin_float</tt>» & «<tt class="code">admin_menu_wrapper</tt>»<a href="#theme_convert_style_admin_float_wrapper" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Trouvez:</p> <pre class="cpg_code smallcode">#admin_menu_anim {</pre> <p>et ajoutez juste avant (dans une nouvelle ligne):</p> <pre class="cpg_code smallcode">.admin_float { float:left; margin-left: 1px; margin-right: 1px; margin-top: 1px; margin-bottom: 1px; } .admin_menu_wrapper { width:100%; }</pre> <a name="theme_convert_style_image_links"></a><h3>Ajoutez les pseudo classes pour les liens d'images<a href="#theme_convert_style_image_links" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Trouvez:</p> <pre class="cpg_code smallcode">.image {</pre> <p>et ajoutez juste avant (dans une nouvelle ligne):</p> <pre class="cpg_code smallcode">/* pseudo-classes for image links */ a:link .image{ border-style:solid; border-width:1px; border-color:#000000; margin:2px; } a:visited .image{ border-style:solid; border-width:1px; border-color:#840084; margin:2px; } a:focus .image{ border-style:solid; border-width:1px; border-color:#000000; margin:2px; } a:hover .image{ border-style:solid; border-width:1px; border-color:#0033CC; margin:2px; } a:active .image{ border-style:solid; border-width:1px; border-color:#000000; margin:2px; }</pre>Modifiez les couleurs et les attributs bour les faire correspondre à vos besoins. Ceci détermine comment sont affichées les vignettes sur lesquelles on a déjà cliqué. La chose la plus importante étant les attributs de la pseudo classe :visited; ils doivent être différents des autres pseudo classes. <a name="theme_convert_style_pic_title_caption_user_message"></a><h3>Ajoutez les classes «<tt class="code">pic_title</tt>» & «<tt class="code">pic_caption</tt>»<a href="#theme_convert_style_pic_title_caption_user_message" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Trouvez:</p> <pre class="cpg_code smallcode">#vanity a {</pre> <p>et ajoutez juste avant (dans une nouvelle ligne):</p> <pre class="cpg_code smallcode">.pic_title { color: #000000; font-size: 120%; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-align : center; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; line-height:1.0em; } .pic_caption { color: #000000; font-size: 100%; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-align : center; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; line-height:1.0em; }</pre> <a name="theme_convert_style_cpg_message"></a><h3>Ajoutez les classes «<tt class="code">cpg_message_info</tt>», «<tt class="code">cpg_message_success</tt>», «<tt class="code">cpg_message_warning</tt>», «<tt class="code">cpg_message_error</tt>», «<tt class="code">cpg_message_validation</tt>», «<tt class="code">cpg_summary</tt>»<a href="#theme_convert_style_cpg_message" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Trouvez:</p> <pre class="cpg_code smallcode">#vanity a {</pre> <p>et ajoutez juste avant (dans une nouvelle ligne):</p> <pre class="cpg_code smallcode">.cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; } .cpg_message_info { color: #00529B; background-color: #BDE5F8; background-image: url('../../images/message/info.png'); } .cpg_message_success { color: #4F8A10; background-color: #DFF2BF; background-image: url('../../images/message/ok.png'); } .cpg_message_warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../../images/message/warning.png'); } .cpg_message_error { color: #D8000C; background-color: #FFBABA; background-image: url('../../images/message/stop.png'); } .cpg_message_validation { color: #D63301; background-color: #FFCCBA; background-image: url('../../images/message/error.png'); } .cpg_summary { font-size:0.9em; border: 1px solid; margin: 10px 0px; padding:5px 10px 5px 10px; color: #FF2B9C; background-color: #FFDEEF; text-align:right; float:right; width:400px; }</pre> <a name="theme_convert_style_greybox"></a><h3>Ajoutez la class «<tt class="code">greybox</tt>» à votre feuille de style<a href="#theme_convert_style_greybox" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Dans cpg1.5.x, le plugin Greybox Redux pour jquery est utilisé pour afficher les fenêtres pop-up d'aide inclues dans les pages. Vous devez ajouter les définitions de couleur CSS dans votre feuille de style.</p> <p>Ajoutez à la fin de votre feuille de style (dans une nouvelle ligne):</p> <pre class="cpg_code smallcode">#GB_window { background-color: #FFFFFF; border: 5px solid #AAAAAA; }</pre> <p>Dans la définition pour <tt class="code">#GB_window</tt>, changez l'attribut du fond pour correspondre à la couleur de fond de votre thème. Changez les attributs de la bordure pour correspondre à la couleur des bordures de votre thème.<br /> Si vous n'êtes pas sur de la couleur de fond de votre thème et de la couleur de bordure utilisée, regardez les définitions de couleurs pour la class <tt class="code">maintable</tt> de votre thème.</p> <p>Les autres styles pour greybox sont définis dans <tt class="code">css/coppermine.css</tt>. Ces définitions dans ce fichier ne devraient pas être modifiées - ne modifiez ce fichier que si vous savez vraiment ce que vous faites.</p> <a name="theme_convert_style_vanity"></a><h3>Enlevez les styles pour les courtoisies (vanity)<a href="#theme_convert_style_vanity" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Les styles pour les <a href="theme_template.htm#theme_template_vanity">icônes de courtoisie (vanity)</a> ont été déplacés dans le fichier CSS général (situé dans <tt class="code">css/coppermine.css</tt>).</p> <p>Trouvez</p> <pre class="cpg_code smallcode">#v_php {float:left;background-image:url(../../images/powered-php.gif);} #v_php:hover {background-image:url(../../images/h_powered-php.gif);} #v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);} #v_mysql:hover {background-image:url(../../images/h_powered-mysql.gif);} #v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);} #v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);} #v_css {float:right;background-image:url(../../images/valid-css.gif);} #v_css:hover{background-image:url(../../images/h_valid-css.gif);}</pre> <p>et effacez ces lignes de votre feuille de style personnalisée.</p> <a name="theme_convert_style_end"></a> <a name="theme_convert_style_comment_button"></a><h3>Effacez la class «<tt class="code">comment_button</tt>»<a href="#theme_convert_style_comment_button" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>La class "comment_button" ne diffère pas de la classe "button" et a été enlevée. Cela ne cause pas de problèmes de laisser la définition de cette class dans votre feuille de style personnalisée, elle n'aura simplement aucun impact. Si vous voulez nettoyer votre feuille de style, effacez toutes les références à cette class.</p> <a name="theme_convert_style_tableh1_compact"></a><h3>Effacez la class «<tt class="code">tableh1_compact</tt>»<a href="#theme_convert_style_tableh1_compact" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>La class "tableh1_compact" ne diffère pas beaucoup de la classe "tableh1" et a été effacée, comme elle n'a jamais beaucoup été utilisée pour sa destination initiale. Cela ne cause pas de problèmes de laisser la définition de cette class dans votre feuille de style personnalisée, elle n'aura simplement aucun impact. Si vous voulez nettoyer votre feuille de style, effacez toutes le références à cette class.</p> <a name="theme_convert_style_tableh2_compact"></a><h3>Effacez la class «<tt class="code">tableh2_compact</tt>»<a href="#theme_convert_style_tableh2_compact" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>La class "tableh2_compact" ne diffère pas beaucoup de la classe "tableh2" et a été effacée, comme elle n'a jamais beaucoup été utilisée pour sa destination initiale. Cela ne cause pas de problèmes de laisser la définition de cette class dans votre feuille de style personnalisée, elle n'aura simplement aucun impact. Si vous voulez nettoyer votre feuille de style, effacez toutes le références à cette class.</p> <a name="theme_convert_style_tableb_compact"></a><h3>Effacez la class «<tt class="code">tableb_compact</tt>»<a href="#theme_convert_style_tableb_compact" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>La class "tableb_compact" ne diffère pas beaucoup de la classe "tableb" et a été effacée, comme elle n'a jamais beaucoup été utilisée pour sa destination initiale. Cela ne cause pas de problèmes de laisser la définition de cette classe dans votre feuille de style personnalisée, elle n'aura simplement aucun impact. Si vous voulez nettoyer votre feuille de style, effacez toutes le références à cette class.</p> </div> <a name="theme_convert_template"></a><h2>Modifier template.html<a href="#theme_convert_template" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h2> <p>Il n'y a eu que quelques petites modifications dans ce fichier afin que cela soit simple à appliquer. Toutefois, si vous échouez pour faire les changements, votre mise à niveau sera incomplète et votre thème personnalisé ne fonctionnera pas pour cpg1.5.x. Il vous suffit de suivre complètement les instructions.<br /> Ouvrez <tt class="code">themes/votre_theme/template.html</tt> avec un éditeur de texte et modifiez suivant les indications ci-dessous:</p> <div class="indent"> <a name="theme_convert_template_javascript"></a><h3>Remplacez l'appel pour <tt class="filename">script.js</tt><a href="#theme_convert_template_javascript" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Trouvez:</p> <pre class="cpg_code smallcode"><script type="text/javascript" src="scripts.js"></script></pre> <p>et remplacez par:</p> <pre class="cpg_code smallcode">{JAVASCRIPT}</pre> <p>Oublier d'appliquer cette modification, empêchera le fonctionnement de votre thème (voyez les <a href="theme_template.htm#theme_template_javascript">détails</a> pour la balise <tt class="code">{JAVASCRIPT}</tt>.</p> <a name="theme_convert_template_global_css"></a><h3>Ajoutez l'appel pour la feuille de style générale<a href="#theme_convert_template_global_css" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Pour réduire le poids d'une feuille de style individuelle, les définitions CSS générales qui sont les mêmes pour tous les thèmes de Coppermine ont été déplacées depuis <tt class="code">themes/votretheme/style.css</tt> vers un fichier CSS global situé dans <tt class="code">css/coppermine.css</tt>. La nouvelle feuille de style <tt class="code">css/coppermine.css</tt> ne doit pas être modifiée. Pour mettre à jour votre thème personnalisé réalisé pour cpg1.4.x vers le nouveau cpg1.5.x, vous devez ajouter l'appel de cette nouvelle feuille de style dans le fichier template.html de votre thème:</p> <p>Trouvez:</p> <pre class="cpg_code smallcode"><link rel="stylesheet" href="themes/VOTRE_THEME/style.css" type="text/css"></pre> <p>et ajoutez juste avant dans une nouvelle ligne:</p> <pre class="cpg_code smallcode"><link rel="stylesheet" href="css/coppermine.css" type="text/css" /></pre> <a name="theme_convert_template_message_block"></a><h3>Ajoutez la balise <tt class="code">{MESSAGE_BLOCK}</tt><a href="#theme_convert_template_message_block" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Insérez</p> <pre class="cpg_code smallcode">{MESSAGE_BLOCK}</pre>n'importe ou avant la balise <tt class="code">{GALLERY}</tt> de préférence juste après la section de menu. Cette nouvelle balise affichera les messages aussi bien pour l'administrateur que pour l'utilisateur final. Il devrait être visible dans la partie supérieure de l'écran sans avoir à dérouler la page vers le bas, voyez les <a href="theme_template.htm#theme_template_message_block">détails</a> pour la balise <tt class="code">{MESSAGE_BLOCK}</tt>. <a name="theme_convert_template_credits"></a><h3>Ajoutez la balise <tt class="code">{CREDITS}</tt><a href="#theme_convert_template_credits" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Insérez</p> <pre class="cpg_code smallcode">{CREDITS}</pre>n'importe ou après la balise <tt class="code">{GALLERY}</tt> de préférence à la toute fin du fichier, avant la balise <tt class="code"></body></tt>. Cette nouvelle balise peut afficher les indications de droits d'auteur pour votre galerie et (idéalement) les <a href="theme_copyright.htm#theme_copyright">clauses de non responsabilité de Coppermine</a>.<br /> Si vous n'insérez pas cette balise, il n'y aura pas de message d'erreur, et c'est le message de crédits par défaut qui sera affiché, voyez les <a href="theme_template.htm#theme_template_credits">détails</a> pour la balise <tt class="code">{CREDITS}</tt>. <a name="theme_convert_template_vanity"></a><h3>Enlevez la balise <tt class="code">{VANITY}</tt><a href="#theme_convert_template_vanity" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Dans les versions anciennes de Coppermine, tous les thèmes utilisés contenaient la balise <tt class="code">{VANITY}</tt>. Cette balise était utilisée pour faire référence à la validation w3c des pages et à php.net ainsi que à mysql.com uniquement si le thème était conforme aux standards et que l'option correspondante de la configuration de Coppermine était cochée (par défaut, cette option était décochée). Cela a été changé dans cpg1.5.x: si le fichier template.html de votre thème personnalisé contient la balise <tt class="code">{VANITY}</tt>, l'affichage correspondant sera effectif, l'option ayant été enlevée de la configuration ainsi que sa définition à l'intérieur du thème.</p> <p>Par conséquent, si vous utilisez un thème qui a été conçu pour cpg1.4.x, le sélecteur d’icônes de courtoisie se fera après la mise à niveau vers cpg1.5.x même si vous aviez désactivez cette option avant. Si cela vous gêne, enlevez simplement la balise <tt class="code">{VANITY}</tt> (→ <a href="theme_template.htm#theme_template_vanity">détails</a>).</p> <img src="../images/vanity.png" width="351" height="26" border="0" alt="" title="vanity block" /> <a name="theme_convert_template_language_select_flags"></a><h3>Enlevez la balise <tt class="code">{LANGUAGE_SELECT_FLAGS}</tt><a href="#theme_convert_template_language_select_flags" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Dans les versions anciennes de Coppermine, tous les thèmes utilisés contenaient la balise <tt class="code">{LANGUAGE_SELECT_FLAGS}</tt>. Cette balise était remplacée à l'affichage par une liste de drapeaux représentant les langues disponibles uniquement si l'option correspondante de la configuration de Coppermine était sélectionnée (par défaut cette option était décochée). Cela a été changé dans cpg1.5.x: si le fichier template.html de votre thème personnalisé contient la balise <tt class="code">{LANGUAGE_SELECT_FLAGS}</tt>, l'affichage correspondant se fera puisque l'option de la configuration a été enlevée.</p> <p>Par conséquent, si vous utilisez un thème qui a été conçu pour cpg1.4.x, le sélecteur de langue par drapeau se fera après la mise à niveau vers cpg1.5.x même si vous aviez désactivez cette option avant. Si cela vous gêne, enlevez simplement la balise <tt class="code">{LANGUAGE_SELECT_FLAGS}</tt>.</p> <a name="theme_convert_template_language_select_list"></a><h3>Enlevez la balise <tt class="code">{LANGUAGE_SELECT_LIST}</tt><a href="#theme_convert_template_language_select_list" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Dans les versions anciennes de Coppermine, tous les thèmes utilisés contenaient la balise <tt class="code">{LANGUAGE_SELECT_LIST}</tt>. Cette balise était remplacée à l'affichage par une liste des langues disponibles uniquement si l'option correspondante de la configuration de Coppermine était sélectionnée (par défaut cette option était décochée). Cela a été changé dans cpg1.5.x: si le fichier template.html de votre thème personnalisé contient la balise <tt class="code">{LANGUAGE_SELECT_LIST}</tt>, l'affichage correspondant se fera puisque l'option de la configuration a été enlevée.</p> <p>Par conséquent, si vous utilisez un thème qui a été conçu pour cpg1.4.x, le sélecteur de langue par liste se fera après la mise à niveau vers cpg1.5.x même si vous aviez désactivez cette option avant. Si cela vous gêne, enlevez simplement la balise <tt class="code">{LANGUAGE_SELECT_LIST}</tt>.</p> <a name="theme_convert_template_theme_select_list"></a><h3>Enlevez la balise <tt class="code">{THEME_SELECT_LIST}</tt><a href="#theme_convert_template_theme_select_list" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h3> <p>Dans les versions anciennes de Coppermine, tous les thèmes utilisés contenaient la balise <tt class="code">{THEME_SELECT_LIST}</tt>. Cette balise était remplacée à l'affichage par une liste des thèmes disponibles uniquement si l'option correspondante de la configuration de Coppermine était sélectionnée (par défaut cette option était décochée). Cela a été changé dans cpg1.5.x: si le fichier template.html de votre thème personnalisé contient la balise <tt class="code">{THEME_SELECT_LIST}</tt>, l'affichage correspondant se fera puisque l'option de la configuration a été enlevée.</p> <p>Par conséquent, si vous utilisez un thème qui a été conçu pour cpg1.4.x, la sélection des thèmes se fera après la mise à niveau vers cpg1.5.x même si vous aviez désactivez cette option avant. Si cela vous gêne, enlevez simplement la balise <tt class="code">{THEME_SELECT_LIST}</tt>.</p> </div> <a name="theme_convert_template_end"></a> <a name="theme_convert_theme"></a><h2>Modifier theme.php<a href="#theme_convert_theme" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h2> <p>Plusieurs choses notables se sont passées qui vont influencer vos modifications dans votre fichier theme.php.</p> <p>Si vous le pouvez, videz votre copie de theme.php (bien entendu, vous devriez garder une sauvegarde quelque part par précaution) puis de nouveau rajoutez les changements que vous avez fait comme si vous commenciez un thème du début, en copiant les portions de code dont vous avez besoin depuis le thème sample (comme expliqué dans "<a href="theme_theme_php.htm#theme_sample">Le thème sample - un thème servant de références</a>") puis modifiez vos ajouts à votre convenance.</p> <a name="theme_convert_theme_end"></a> <a name="theme_convert_validation"></a><h2>Méthode de validation<a href="#theme_convert_validation" title="Lien vers cette section"><img src="images/anchor.gif" width="15" height="9" border="0" alt="" /></a></h2> <p>Maintenant que vous avez des fichiers "style.css", "template.html" et "theme.php" opérationnels, vous voudrez vérifier qu'ils génèrent des sorties valides et conformes aux standards.</p> <ul> <li>Quelques suggestions pour vous aider à rendre les page HTML de votre thème, valide pour XHTML 1.0 Transitional <ul> <li>Tous les esperluettes (&) qui font parties des <strong>URL</strong> doivent être codée '<tt class="code">&amp;</tt>'. Il y en a plusieurs dans les fonctions de theme.php</li> <li>Toutes les balises images doivent avoir un attribut 'alt', et doivent être fermées '<tt class="code"> /></tt>'.</li> <li>Toutes les balises méta doivent être fermées '<tt class="code"> /></tt>'</li> <li>Toutes les balises <tt class="code"><hr></tt> et <tt class="code"><br></tt> doivent être fermées, <tt class="code"><hr></tt> vous devez écrire <tt class="code"><hr /></tt> et pour fermer <tt class="code"><br></tt> vous devez utiliser <tt class="code"><br /></tt></li> <li>Toutes les images/couleurs de fond doivent être changées en CSS ou attributs de styles. En fonction de votre design.</li> <li>Toutes les balises existantes ou des attributs en majuscules ou en majuscules partielle (par exemple pour <tt class="code">onClick</tt>) doivent être mises en minuscules.</li> </ul> </li> <li>Sauvegardez tous les fichiers ouverts et téléchargez les sur votre serveur, testez les aussi bien en tant qu'administrateur qu'utilisateur "normal".</li> <li>Utilisez la méthode suivante pour confirmer que votre thème génère des pages HTML valides XHTML 1.0 Transitional.<br /> Chacune des pages suivant doit être <a href="http://validator.w3.org/">validée</a> pour les utilisateurs anonymes, enregistrés et en mode administrateur: <ul> <li>index.php</li> <li>thumbnails.php</li> <li>displayimage.php</li> <li>search.php</li> <li>Les cartes électroniques HTML envoyée par courriel.</li> </ul> <br /> Pour trouver de l'aide pour la validation de votre thème personnalisé, regardez la section <a href="dev.htm#dev">Documentation du développeur</a> → <a href="dev_tools.htm#dev_tools">Outils recommandés par l'équipe de développement</a> → <a href="dev_tools.htm#dev_tools_web_development">Développement Web</a> </li> </ul> <a name="validation_end"></a> <div id="doc_footer"> <div class="doc_info_wrapper"> <span id="doc_last_changed">$LastChangedDate: 2011-01-02 20:44:22 +0100 (So, 02 Jan 2011) $</span> <span id="doc_revision">$Revision: 8154 $</span> </div> </div> </body> </html>