Differences

This shows you the differences between two versions of the page.

Link to this comparison view

fr:personnalisation:branche_1.6 [2007/05/01 13:27]
90.37.29.94 ancienne révision restaurée
— (current)
Line 1: Line 1:
-====== Mise en page générale ====== 
  
- 
- 
- 
- 
- 
-===== Ajout d'une bannière ===== 
- 
-Méthode 1 : 
- 
-dans le header.tpl 
- 
-ligne 41 (ligne 48 pour la version 1.6.2) : 
- 
-remplacer :\\ 
-<code html4strict> 
-<div id="theHeader">{PAGE_BANNER}</div> 
-</code> 
-par : 
- 
-<code html4strict> 
-<div id="theHeader"> 
-  <a href="{U_HOME}" title="{GALLERY_TITLE}" style="border: 0px;"> 
-    <img src="/chemin/vers/votre/banière.png" alt="{GALLERY_TITLE}"> 
-  </a> 
-</div> 
-</code> 
- 
- 
- 
-Méthode 2 : 
- 
-ajouter dans administration --> Général --> Bannière des pages 
-le code : 
- 
-<code html4strict>     
-<a href="http://monsite.com/" title="C'est mon site"  style="border: 0px;"> 
-        <img src="/chemin/vers/votre/banière.png" alt="C'est ma banière"> 
-      </a> 
-</code> 
- 
-===== Ajout d'informations en pied de page ===== 
- 
-Vous devez aller dans template/yoga/footer.tpl  (yoga ou le template que vous utilisez) 
- 
-Vous pouvez rajouter des informations entre : 
-<code html4strict> 
-<div id="copyright"> 
- <!-- BEGIN debug --> 
- {lang:generation_time} {debug.TIME} ({debug.NB_QUERIES} {lang:sql_queries_in} {debug.SQL_TIME}) - 
- <!-- END debug --> 
-</code> 
-et ce code 
-<code html4strict> 
-</div> <!-- copyright --> 
-</div> <!-- the_page --> 
- 
-<!-- BEGIN debug --> 
-  {debug.QUERIES_LIST} 
-<!-- END debug --> 
-</body> 
-</html></code> 
-Entre ces deux blocs, il y a déjà l'annonce de PhpWebGallery et le contact webmestre. Vous pouvez ajouter votre texte avant ou après l'annonce. 
- 
- 
- 
-===== Créer votre thème... ===== 
- 
-Ancienne documentation sous le nom : « Changer la couleur des polices et autres... » 
- 
-En théorie quand on commence à changer les couleurs, il faut les changer toutes. 
-C'est pourquoi le template standard yoga propose à partir de la 1.6 une gestion des couleurs regroupée par thèmes. 
- 
-Vous souhaitez en changer, commencez par dupliquer un des répertoires des thèmes proposés. 
-Par exemple, /clear/ ou /dark/. \\ 
-Supposons que vous souhaitiez un thème plutôt vert et appelons ce nouveau thème «greenery». \\ 
-Nous aurons donc un nouveau sous-répertoire /template/yoga/theme/greenery/. 
- 
-Avec 3 fichiers: 
-  - index.php ( <- redirige les petits curieux ) 
-  - theme.css ( <- les indications spécifiques à ce nouveau thème ) 
-  - themeconf.inc.php ( <- les redirections indispensables à ce thème ) 
- 
-Commençons par modifier themeconf.inc.php: 
-<code php> 
-<?php 
-$themeconf = array( 
-  'template' => 'yoga', 
-  'theme' => 'greenery', 
-  'icon_dir' => 'template/yoga/icon', 
-  'admin_icon_dir' => 'template/yoga/icon/admin', 
-  'mime_icon_dir' => 'template/yoga/icon/mimetypes/', 
-  'local_head' => '<!-- no theme specific head content -->' 
-); 
-?> 
-</code> 
-Les explications sur les autres paramètres seront détaillés un peu plus loin mais déjà ce qui importe est de changer le nom du thème par celui que l'on désire (greenery dans notre cas). 
- 
-Puis par modifier theme.css:\\ 
-Tout l'art de savoir marier les nuances et couleurs réside dans ce fichier à vous de savoir l' adapter. Un extrait: 
-<code css> 
-FIELDSET, INPUT, SELECT, TEXTAREA, 
-#content DIV.comment  A.illustration IMG, #infos, 
-#content DIV.thumbnailCategory { 
-  border: 1px solid silver; 
-} 
- 
-#comments DIV.comment BLOCKQUOTE { 
-  border-left: 2px solid #060; 
-  background-color: #ded; 
-} 
- 
-#content UL.thumbnails SPAN.wrap2 { 
-  border: 1px solid #9a9; /* thumbnails border color and style */ 
-  -moz-border-radius: 4px; /* round corners with Geko */ 
-  border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ 
-} 
-#content UL.thumbnails SPAN.wrap2:hover { 
-  border-color: green; /* thumbnails border color when mouse cursor is over it */ 
-} 
- 
-/* links */ 
-A, .rateButton { 
-    color: #00895e; 
-    background: transparent; 
-} 
- 
-A:hover { 
-    color: #458420; 
-} 
-</code> 
- 
-Pour ceux qui ne seraient pas encore des experts en css (Cascading Style Sheets) : 
-  *  les balises html (exemple: SELECT) 
-  *  les pseudo-formats (exemple: A:hover, balise <A dont le curseur est sur la zone>) 
-  *  les attributs universels marqués par "." (exemple: .rateButton, une balise html avec l'attribut **class**="rateButton" ) 
-  *  les attributs universels marqués par "#" (exemple: #infos, une balise html avec l'attribut **id**="infos") 
- 
-  - **id**="infos" ne doit figurer qu'une seule fois dans la page (c'est une zone de l'écran bien définie). 
-  - **class**="rateButton" pourra être utilisé plusieurs fois dans une même page. 
- 
-C'est un peu délicat mais les informations ci-dessus devraient suffire à la grande majorité des webmasters pour se repérer et changer rapidement les couleurs de PWG. 
- 
-Votre thème est au point et il vous plait, partagez-le en plaçant le zip de ce répertoire dans  [[http://phpwebgallery.net/ext|Extensions]] 
- 
-8-)\\ 
- 
-\\ 
- 
-__Paramètres de themeconf.inc.php__ \\ 
- 
-<code php> 
-<?php 
-$themeconf = array( 
-  'template' => 'yoga', 
-  'theme' => 'greenery', 
-  'icon_dir' => 'template/yoga/icon', 
-  'admin_icon_dir' => 'template/yoga/icon/admin', 
-  'mime_icon_dir' => 'template/yoga/icon/mimetypes/', 
-  'local_head' => '<!-- no theme specific head content -->' 
-); 
- 
-// Eventuellement ... 
-$conf['level_separator'] = ' &raquo; '; 
-$conf['paginate_pages_around'] = 7; 
- 
-?> 
-</code> 
-**'template'** = Répertoire de css à inclure dans le généré (en principe un sous-répertoire de template, et répertoire parent du répertoire /theme/ quoique les utilisateurs avancés pourraient imaginer un jeu de template sans css dont les thèmes reprendraient les css de yoga par exemple). En général donc, on ne changera pas la valeur 'yoga'.\\ 
-**'theme'** = Nom du sous-répertoire dans lequel PWG doit prendre theme.css, donc si on laisse le répertoire d'origne le fichier .css de notre nouveau thème sera ignoré. 
-En principe, on le changera.\\ 
-**'icon_dir'** = indique où se trouve les icones à afficher. Si vous avez votre propre jeu d'icones, vous saurez ce qu'il vous reste à faire.\\ 
-**'admin_icon_dir'** = idem, mais coté admin.\\ 
-**'mime_icon_dir'** = indique où se trouve les fichiers mimes. En principe, on ne change pas de façon à bénéficier pour tous les thèmes de mimetypes de yoga.\\ 
-**'local_head'** = ceci s'adresse aux concepteurs de templates, et va contenir du code HTML (les balises sont celles autorisées entre <head> et </head> uniquement. Par exemple, une balise Meta ou mieux une balise Script, inutile d'en dire plus cela servira par exemple à fabriquer des pages précisant les "tags" actifs de la page en cours.\\ 
- 
-Sans oublier que ce fichier (themeconf.inc.php) est un module php, il peut donc contenir d'autres choses comme des paramètres $conf liés aux changements d'apparence, et bien d'autres surprises sorties de l'imagination du créateur du template ou du thème.\\ 
- 
-Un exemple d'idée: L'alternance partielle de deux thèmes de couleurs.\\ 
-Deux thèmes sont conçus (greenery et son sosie darkery, deux thèmes similaires au theme.css près), suivant l'heure du jour **'theme'** pointera sur un css ou sur l'autre. Vous pourrez choisir l'un des deux thèmes, le résultat sera identique à une heure précise de votre serveur. 
- 
-8-) 
- 
- 
- 
- 
- 
-===== Pour que l'adresse mail du Webmestre soit visible par tous sauf les bots ===== 
-Pour éviter le spam et protéger votre adresse mail, il est possible de la crypter. 
-Elle restera visible lors du survol de l'adresse mais dans le code source de la page elle sera cryptée. 
- 
-  * 1ère Modification 
-Aller dans **include/page_tail.php** et remplacer 
-<code.css> 
-if (!$user['is_the_guest']) 
-{ 
-  $template->assign_block_vars( 
-    'contact', 
-    array( 
-      'MAIL' => get_webmaster_mail_address() 
-      ) 
-    ); 
-} 
-</code> 
- 
- 
-par 
-<code.css> 
- if (!$user['is_the_guest']) 
-{ 
-  $template->assign_block_vars( 
-    'contact', 
-    array( 
-      'MAIL' => get_webmaster_mail_address(true) 
-      ) 
-    ); 
-} 
-</code> 
- 
-  * 2ème Modification 
-Modifier **include/function.inc.php** et remplacer 
-<code.css> 
-function get_webmaster_mail_address() 
-{ 
-  global $conf; 
- 
-  $query = ' 
-SELECT '.$conf['user_fields']['email'].' 
-  FROM '.USERS_TABLE.' 
-  WHERE '.$conf['user_fields']['id'].' = '.$conf['webmaster_id'].' 
-;'; 
-  list($email) = mysql_fetch_array(pwg_query($query)); 
- 
-  return $email; 
-} 
-</code> 
- 
-par 
-<code.css> 
-function get_webmaster_mail_address($display = false) 
-{ 
-  global $conf; 
-  
-  $query = ' 
-SELECT '.$conf['user_fields']['email'].' 
-  FROM '.USERS_TABLE.' 
-  WHERE '.$conf['user_fields']['id'].' = '.$conf['webmaster_id'].' 
-;'; 
-  list($email) = mysql_fetch_array(pwg_query($query)); 
- 
-  if ($display) 
-  { 
-    $s = ""; 
-    for ($i=0;$i<strlen($email);$i++) { 
-          $s.="&#".ord($email{$i}).";"; 
-      } 
-  } 
-  else 
-  {   
-    $s = $email; 
-  } 
-  return $s; 
-} 
-</code> 
- 
- 
-===== Ajout d'espace entre ":" dans le titre des page ===== 
- 
-Dans template/yoga/header.tpl en ligne 25 
- 
-Rajouter les espaces après {GALLERY_TITLE} et avant {PAGE_TITLE} comme ceci : 
-<code html4strict> 
-<title>{GALLERY_TITLE} : {PAGE_TITLE}</title> 
-</code> 
-Attention si vous mettez plusieurs templates à disposition de vos visiteurs il faut modifier le header.tpl de chaque template. 
- 
-===== Masquer la "Connexion rapide" dans la barre de menu ===== 
-Suivant ce que vous voulez obtenir: \\ 
-dans **template-common/local-layout.css** (à créer/modifier) => Tous les templates \\ 
-dans **template/yoga/local-layout.css** (à créer/modifier) => Tous les thèmes de yoga \\ 
-dans **template/yoga/clear/theme.css** (à modifier) => uniquement pour clear de yoga 
- 
-<code css>FORM#quickconnect { 
-  display: none; 
-}</code> 
- 
-===== Ouverture des liens du menu dans une nouvelle fenetre ===== 
- 
-dans template/yoga, ouvrir menubar.tpl 
- 
-remplacer ligne 9 : 
-  <li><a href="{links.link.URL}">{links.link.LABEL}</a></li> 
-par: 
-  <li><a target="_blank" href="{links.link.URL}">{links.link.LABEL}</a></li> <!-- MyPWG --> 
- 
- 
-**ATTN**: Cette astuce n'est plus conforme aux recommandations du W3C. 
- 
- 
-===== Changer la couleur du fond lors du survol d'une catégorie ou d'une miniature ===== 
-Il faut modifier/créer un fichier local-layout.css dans /template-common/ si vous  
-voulez appliquer les mêmes paramètres à tous vos thèmes ou alors si vous n'avez qu'un seul thème! Pour les autres, il vous suffit de copier ce qui suit dans le fichier theme.css\\ 
-<code css> 
-#content UL.thumbnails SPAN.wrap2:hover { 
-  background-color: AntiqueWhite; 
-  color: black; 
-} 
-#content UL.thumbnailCategories DIV.thumbnailCategory:hover { 
-  background-color: AntiqueWhite; 
-  color: black; 
-} 
- 
-#content UL.thumbnailCategories DIV.thumbnailCategory:hover A { 
-  background-color: AntiqueWhite; 
-  color: black; 
-} 
-</code> 
-Fonctionne sous IE et FF.\\ 
-"Joli" sous yoga/dark et yoga/clear!!\\\\ 
-Et vous pouvez rajouter ceci: 
-<code>border-color: yellow;    /* thumbnails border color when mouse cursor is over it */ 
-</code> 
-si vous désirez avoir une couleur de bordure differente\\ 
-exemple: 
-<code>#content UL.thumbnailCategories DIV.thumbnailCategory:hover { 
-  background-color: #30302f; 
-  color: #black; 
-  border-color: #8e0d16;    /* thumbnails border color when mouse cursor is over it */ 
-} 
-</code> 
- 
-===== Changer la couleur de la galerie, quelques exemples ===== 
- 
-Pour ceux qui ont vraiment du mal avec le charabia css, quelques exemples à la volée, fait pour le yoga-dark: 
-Auparavant, faire une copie de sauvegarde des fichiers à modifier par sécurité. 
-Dans le fichier **template/yoga/theme/dark/thème.css**: 
-<code css> 
-ligne 5 = couleur des nombres dans le menu, légende des catégories de la page de droite. 
-ligne 9 = couleur du titre de la page d accueil, des titres des menus autres que les catégories 
-ligne 21 = couleur de l encadrement général. 
-ligne 24 = couleur du fond général  
-ligne 28 = couleur du fond du cadre avec tous les thumbnails des catégories. 
-ligne 72 = couleur de l encadrement des imagettes des catégories et des sous-catégories. 
-ligne 90 = couleur des titres des menus de gauche, des rubriques à l intérieur des blocs du menu, titre des catégories et sous-catégories, des pages pictures, de la barre de navigation. 
-ligne 94 = couleur du lien quand la souris passe dessus. 
-</code> 
- 
-Autre exemple, mais valable pour toutes les variantes de yoga: dans le fichier **template/yoga/default-color.css** (faire une copie du fichier avant) 
-<code css> 
-ligne 27 = couleur de fond des formulaires (mot de passe, nom d user, formulaire de recherche. 
-ligne 85 = couleur des titres italiques (exemple: dans la page de recherche) 
-</code> 
-A votre bon coeur pour compléter cette liste. !!! pensez au nouveaux qui débarquent sur ce super programme ! 
- 
-===== Liens étoilés au survol ===== 
- 
-Dans template/yoga/theme/**dark**/theme.css \\ 
-Cherchez:  
-<code>/* links */ 
-A, .rateButton {color: #9900FF;} 
-a:hover { text-decoration:none; color:#FF33ff;}</code> 
- 
-Complétez par: 
-**background:url(adresse_relative_vers_votre_fond)** 
- 
-Comme ceci par exemple: 
-<code css>/* links */ 
-A, .rateButton {color: #9900FF;} 
-a:hover { text-decoration:none; color:#FF33ff;background:url(adresse_relative_vers_votre_fond);}</code> 
- 
- 
-Autre exemple pour tous vos liens: 
- 
-<code css>/* links */ 
-A {color: #9900FF;background:url(adresse_relative_vers_votre_fond);} 
-.rateButton { color: #9900FF; } 
-a:hover { text-decoration:none; color:#FF33ff;}</code> 
- 
- 
-Voici un exemple sur lequel il y a un fond étoilé sur les liens survolés  
-http://alexpomp42.ifrance.com/album/ 
- 
- 
- 
- 
-===== Faire tomber un coeur ou autre sur son blog [1.6.1] (mais l'image ne se multiplie pas ) ===== 
- 
- 
-Alors voilà vous avez envie de faire tomber un coeur ou autre sur votre album photo un peu comme celui la http://alexpomp42.ifrance.com/album/ c'est très simple je vais vous aidez a réaliser cette effet a votre album photo 
- 
-    *__ A télécharger__ 
- 
-Pour commancer vous devez telecharger ce fichier sur votre pc: 
-http://alexpomp42.ifrance.com/album/template/yoga/theme/pink/images/base.js 
- 
-    * Modifier le fichier base.js 
- 
-Une fois le fichier sur votre pc vous devez l'ouvrir avec WordPad (ça fonctionne bien) puis vers la 11eme ligne vous devriez trouver cette ligne là  
- 
-url_gif[0]= "urldevotregifsanslaterminaison.gif";  
- 
-Vous devez modifier cette ligne par le gif de votre choix de préference pas trop gros c'est bien plus joli ^^ mais attention vous ne devez pas mettre la terminaison de votre gif soit éviter de mettre à la fin de votre url le .gif ou .jpg ou autre selon le format de votre image (penser à héberger votre image surtout ) 
- 
-ce qui devrait donner:  
-url-gif[0]="http://idata.over-blog.com/0/25/69/93/papillon-gif-006";  
- 
-une fois que vous avez mis l'url de votre gif vous fermez et vous enregistrez le nouveau base.js avec à l'intérieur votre gif à faire tomber sur votre album photo 
- 
-  * Herberger votre fichier base.js 
- 
-Après avoir modifié votre fichier base.js vous devez l'héberger  
- 
-  * Le faire apparaitre sur votre album photo 
- 
-Vous devez vous rendre dans le dossier Template/yoga/header.tpl , une fois que vous avez ouvert le fichier header.tpl vous devez ajouter (moi je l'ai mis au début en 4ème ligne environ) 
- 
-[quote]<script src="urldevotrebase.js" type="text/javascript"></script>[/quote] 
- 
-à vous de modifier ensuite urldevotrebase.js par la vraie url bien sûr  
- 
- 
-FIXME : On évitera de donner des conseils avec des url et on préfèrera conseiller des adresses relatives pour éviter un tas de corrections en cas de changement d'hébergeur. 
- 
-Merci. 
- 
- 
- 
-===== Faire tomber un gif sur votre album photo qui se multiplie ===== 
- 
- 
-C'est pratiquement pareil que pour faire tomber un gif sans qu'il se multiplie 
- 
-  * Telechargement 
- 
-**Attention** ce n'est pas le meme fichier que dans mon autre article donc vous devez télécharger ce fichier au format .js 
-http://alexpomp42.ifrance.com/album/template/yoga/theme/pink/images/base1.js 
- 
-  * Modifier le fichier base1.js 
-Vous devez ouvrir le fichier ci-dessus une fois téléchargé, une fois ouvert avec le logiciel WordPad par exemple vous devez trouver environ a la 8ème ligne une ligne qui resemble a ca 
-var url_gif= "urldevotregif.gif"; // adresse de l'image 
- 
-Il vous suffit de modifier l'urldevotreimage par la vrai url et cette fois ci par contre il faut bien mettre la terminaison de l'url soit le .gif vous devez vous retrouver avec une ligne une fois modifiée qui resemble a ça: 
- 
-var url_gif= "http://ddata.over-blog.com/xxxyyy/0/25/69/93/coe32.gif"; // adresse de l'image 
- 
-Une fois votre url modifié, enregistrez la base1.js . 
-Pensez a bien heberger vos gif surtout  
- 
-  * Heberger la base1.js 
- 
-Maintenant vous devez heberger la base1.js 
- 
-  * Faire apparaitre le gif sur votre album photo 
- 
-c'est la meme procedure que pour l'autre méthode que j'ai donner juste au dessus il vous suffit d'aller dans Template/yoga/hearder.tpl et de modifier le fichier hearder.tpl 
- 
-Vous devez ajouter dans ce fichier cette ligne (chez moi elle se trouve sur la 4eme ligne environ)  
- 
-<script src="urldevotrebase1.js" type="text/javascript"></script> 
- 
-Modifier votre urldevotrebase1.js par la vrai url 
- 
-Cette méthode est aussi compatible avec les blogs qui acceptent le javascript. Sur mon blog j'ai mis le script dans mon entête 
- 
-Alexpomp  
-http://alexpomp42.ifrance.com/album/ 
- 
- 
-FIXME : On évitera de donner des conseils avec des url et on préfèrera conseiller des adresses relatives pour éviter un tas de corrections en cas de changement d'hébergeur. 
- 
-Merci. 
- 
-===== Changer le curseur de base par un curseur personnel ===== 
- 
-Voila pour ceux qui veulent mettre un curseur personnel sur leur album photo c'est possible 
- 
-Dans la partie de votre css Template/yoga/theme/dark/theme.css 
- 
- 
-dans la partie body 
-<code>/* backgrounds */ 
-BODY { 
-  background-color: #fffffF;color:#0000ff;}</code> 
- 
-Ajouter comme ci-dessous 
-<code>/* backgrounds */ 
-BODY { 
-  background-color: #fffffF;color:#0000ff; cursor:url("urlducurseur");} </code> 
- 
- 
-Quand vous avez fait ca vous avez  un joli curseur sur votre album photo mais quand vous allez passer sur un liens par contre vous allez malgré tout avoir le curseur de base soit une main si je me trompe pas c'est pour ca que ceux qui veulent aussi avoir un curseur sur les liens il faut aussi modifier la ligne a/hover de votre css comme si dessous : 
- 
- 
-<code> a:hover { text-decoration:none; color:#FF33ff;}</code> 
- 
-ajouter comme ci-dessous 
-<code> a:hover { text-decoration:none; color:#FF33ff; cursor:url("urldecurseur");}</code> 
- 
-Si vous mettez seulement votre curseur dans la partie body il fonctionnera quand même ou inversement si vous le mettez seulement dans la ligne a:hover  
-De faire comme ca vous permet de mettre un curseur soit identique sur vos liens soit differents au passage sur vos liens (sur mon album il est identique) 
- 
- 
-__**Des conseils:**__ 
- 
-- Pensez a héberger vos curseurs pour eviter de les perdres si le site d'ou ils proviennent bug 
- 
-- Un curseur se termine soit par .cur soit par .ani 
- 
-- Pensez a modifier urlducurseur par la vraie url de votre curseur surtout ^^  
- 
-- Suite a une remarque que l'on ma faite et que je savais et j'ai oublier de vous dire que les curseurs sont seulement visible sous IE car sous FF vous ne les verez pas ^^ (et oui meme si FF est super bien il a ces defauts ^^) 
- 
-FIXME : On évitera de donner des conseils avec des url et on préfèrera conseiller des adresses relatives pour éviter un tas de corrections en cas de changement d'hébergeur. 
- 
-Merci. 
- 
-__**Adresse de site qui propose des curseurs**__:  
- 
-http://dessinsonweb.free.fr/ 
-http://www.website-promo.net/conseil/co … erpent.htm 
-http://www.ticklishdesigns.com/cursgem.phtml 
-http://patmax.info/curseurs/ 
-http://dessinsonweb.free.fr/FMu.htm 
-http://www.nollizua.com/curseurs.htm 
-http://www.freegaia.com/ico-cur.php 
-http://chez.marjo.vivi.free.fr/mescurseurs.htm 
-http://www.toulouse-renaissance.net/c_o … mgcurs.htm 
-http://www.clicpartout.com/curseurs/curseurs-animes.php 
-http://curseurs.eurogif.com/ 
- 
- 
- 
- 
- 
- 
-===== Favicon ===== 
- 
- 
-  * **__Création d'un Favicon__** 
- 
-Pour ceux qui veulent créer eux même leur favicon j'ai trouvé un site qui n'est pas trop mal http://www.chami.com/html-kit/services/favicon/ avec ce site vous allez pouvoir créer votre propre favicon à partir d'un gif ou même d'une image de grande taille. 
- 
-Une fois créé vous allez trouver sur le disque dur de votre pc un fichier ayant pour nom favicon.ico. Il vous suffit s'il n'a pas ce nom de le modifier en favicon.ico puis de l'héberger dans template-common pour remplacer celui qui s'y trouve déjà. 
- 
-Normalement vous ne devriez pas avoir à vous occuper de la partie ci-dessous mais vous pouvez toujours allez vérifier si la ligne est bien présente 
- 
- 
- 
- 
- 
-  * **__Mettre un favicon sur votre album photo__** 
- 
-Dans le template/yoga/header.tpl vous devez avoir cette ligne là  
- 
-<link rel="shortcut icon" type="image/x-icon" href="{pwg_root}template-common/favicon.ico"> 
- 
- 
-ATTENTION le favicon n'est pas visible sous IE, sous FF très visible par contre. 
-PS : Pour une visibilité du favicon sous IE, le mettre aussi à la racine du site. 
- 
- 
-===== Séparer les compteurs et la description d'une catégorie ===== 
-Au niveau de l'affichage d'une liste de catégories, pour séparer le texte des compteurs de celui de ma description, ajoutez dans le fichier template-common/local-layout.css les lignes suivantes: 
- 
-''#content ul.thumbnailCategories li div.thumbnailCategory .description p + p { 
-  border-top:10px solid transparent !important; 
-} 
-'' 
- 
-====== Mode de fonctionnement (Comportement) ====== 
- 
- 
-===== Un menu "Liens" différent pour les invités et pour les utilisateurs enregistrés. ===== 
- 
- 
-(testé sur PWG 1.6.1 et template Yoga) 
- 
-fichiers à modifier :  
- 
-include/menubar.inc.php\\ 
-include/config_local.inc.php\\ 
-template/yoga/menubar.tpl 
-\\ 
----- 
-\\ 
- 
-  * Ouvrir include/menubar.inc.php et remplacer : 
-<code php> 
-//-------------------------------------------------------------- external links 
-if (count($conf['links']) > 0) 
-{ 
-  $template->assign_block_vars('links', array()); 
- 
-  foreach ($conf['links'] as $url => $label) 
-  { 
-    $template->assign_block_vars( 
-      'links.link', 
-      array( 
-        'URL' => $url, 
-        'LABEL' => $label 
-        ) 
-      ); 
-  } 
-} 
-</code> 
- 
-par : 
-<code php> 
-//-------------------------------------------------------------- external links 
-if ((count($conf['links']) > 0) or ((!$user['is_the_guest'] ) and (count($conf['userlinks']) > 0))) 
-{ 
-  $template->assign_block_vars('links', array()); /* Signifie mettre un seul titre dans les 2 cas */ 
-} 
-if (count($conf['links']) > 0) 
-{ 
-  foreach ($conf['links'] as $url => $label) 
-  { 
-    $template->assign_block_vars( 
-      'links.link', 
-      array( 
-        'URL' => $url, 
-        'LABEL' => $label 
-        ) 
-      ); 
-  } 
-} 
- 
-if ( !$user['is_the_guest'] ) 
-    { 
-        if (count($conf['userlinks']) > 0) 
-        {     
-            foreach ($conf['userlinks'] as $url => $label) 
-            { 
-                    $template->assign_block_vars( 
-                        'links.userlink', 
-                        array( 
-                            'URL' => $url, 
-                            'LABEL' => $label 
-                            )); 
-            } 
-        }     
-    } 
-</code> 
- 
-\\ 
----- 
-\\ 
- 
-  * Ouvrir config_local.inc.php (ou le créer, s'il n'existe pas) et écrire : 
-<code php> 
-<?php 
-$conf['links'] = array( 
-   'http://www.monsitepublic.com' => 'Mon site public' 
-   ); 
-$conf['userlinks'] = array( 
-   'http://www.monsiteprive.com' => 'Mon site privé', 
-   'http://www.monautresiteprive.com' => 'Mon autre site privé' 
-   ); 
-?> 
-</code> 
-($conf['links'] renvoie vers un lien accessible à tous, tandis que $conf['userlinks'] établit des liens réservés aux utilisateurs enregistrés) \\ 
-**Penser à ajouter au besoin les balises php** qui doivent englober le code. 
-<code php> 
-<?php 
-// le code php 
-?> 
-</code> 
- 
-\\ 
----- 
-\\ 
- 
-  * Ouvrir menubar.tpl, remplacer : 
-<code php> 
-<!-- BEGIN links --> 
-<dl id="mbLinks"> 
-  <dt>{lang:Links}</dt> 
-  <dd> 
-    <ul> 
-      <!-- BEGIN link --> 
-      <li><a href="{links.link.URL}">{links.link.LABEL}</a></li> 
-      <!-- END link --> 
-    </ul> 
-  </dd> 
-</dl> 
-<!-- END links --> 
-</code> 
-par : 
-<code php> 
-<!-- BEGIN links --> 
-<dl id="mbLinks"> 
-  <dt>{lang:Links}</dt> 
-  <dd> 
-    <ul> 
-    <!-- BEGIN link --> 
-    <li><a href="{links.link.URL}">{links.link.LABEL}</a></li> 
-    <!-- END link --> 
-    <!-- BEGIN userlink --> 
-    <li><a href="{links.userlink.URL}">{links.userlink.LABEL}</a></li> 
-    <!-- END userlink --> 
-    </ul> 
-  </dd> 
-</dl> 
-<!-- END links --> 
-</code> 
- 
- 
- 
-===== Activez la fonction Adviser/Conseiller ===== 
- 
-Qu'est-ce que la fonction __Adviser/Conseiller__ ??? 
- 
-=> Le mode conseiller permet aux utilisateurs désignés de se connecter à la galerie et d'aller dans la partie administration simplement en consultation. Afin de conseiller le webmaster de la galerie notement. 
- 
-Par exemple: Le mode conseiller sera utilisé par quelqu'un du forum qui veut aider une personne à résoudre son problème. 
- 
-Pour avoir l'option //Conseiller// actif dans votre panneau d'administration: 
-== Si le fichier /include/config_local.inc.php existe == 
-Recherchez:<code php> 
-<?php 
- 
-</code> 
- 
-Juste après, insérez: 
-<code php> 
-// Activer la fonction Adviser/Conseiller 
-$conf['allow_adviser'] = true; 
-</code> 
- 
-== Si le fichier /include/config_local.inc.php n'existe pas == 
-  - Créez le. 
-  - Ajoutez le code suivant à l'interrieur:<code php> 
-<?php 
-// Activer la fonction Adviser/Conseiller 
-$conf['allow_adviser'] = true; 
-?> 
-</code> 
-  - Enregistrez le. 
- 
- 
-Rendez-vous maintenant dans votre panneau d'administration > Identification > Utilisateurs. 
- 
-Dans le cadre //Statut// apparait désormais la ligne __Conseiller__. 
- 
- 
- 
- 
- 
- 
-===== Miniatures qui débordent (1.6.*) ===== 
- 
-Il faut modifier/créer un fichier local-layout.css dans /template-common/ \\ 
-Exemple : 
-<code css> 
-/* Set some sizes according to your maximum thumbnail width and height */ 
-#content UL.thumbnails SPAN, 
-#content UL.thumbnails SPAN.wrap2 A, 
-#content UL.thumbnails SPAN.wrap2 LABEL, 
-#content DIV.thumbnailCategory DIV.illustration { 
-  width: 152px; /* max thumbnail width + 2px */ 
-} 
-#content UL.thumbnails SPAN.wrap2, 
-#content DIV.thumbnailCategory DIV.description { 
-  height: 152px; /* max thumbnail height + 2px */ 
-} 
-#content DIV.comment BLOCKQUOTE { 
-  margin-left: 172px; /*maximum thumbnail width + ~10px */ 
-} 
-</code> 
-Adaptez ces **marges** (margin-left:), **hauteurs** (height:) et **largeurs** (width:),  
-selon la taille de vos miniatures. 
- 
- 
- 
-===== Désactiver la page upload des miniatures ===== 
- 
-Dans upload.php, ligne 205 en principe, cherchez: 
-<code php> 
-  if ( sizeof( $error ) == 0 ) 
-  { 
-    $query = 'insert into '.WAITING_TABLE; 
-    $query.= ' (storage_category_id,file,username,mail_address,date,infos)'; 
-    $query.= ' values '; 
-    $query.= '('.$page['cat'].",'".$_FILES['picture']['name']."'"; 
-    $query.= ",'".htmlspecialchars( $_POST['username'], ENT_QUOTES)."'"; 
-    $query.= ",'".$_POST['mail_address']."',".time().",'".$xml_infos."')"; 
-    $query.= ';'; 
-    pwg_query( $query ); 
-    $page['waiting_id'] = mysql_insert_id(); 
-  } 
-} 
-</code> 
-et remplacez par: 
-<code php> 
-  if ( sizeof( $error ) == 0 ) 
-  { 
-    $query = 'insert into '.WAITING_TABLE; 
-    $query.= ' (storage_category_id,file,username,mail_address,date,infos)'; 
-    $query.= ' values '; 
-    $query.= '('.$page['cat'].",'".$_FILES['picture']['name']."'"; 
-    $query.= ",'".htmlspecialchars( $_POST['username'], ENT_QUOTES)."'"; 
-    $query.= ",'".$_POST['mail_address']."',".time().",'".$xml_infos."')"; 
-    $query.= ';'; 
-    pwg_query( $query ); 
-    $page['waiting_id'] = mysql_insert_id(); 
-    $page['upload_successful'] = true; 
-  } 
-} 
-</code> 
- 
- 
- 
- 
-===== Désactiver l'acces à la page d'enregistrement ===== 
-  
-  * Identifiez le template utilisé par les visiteurs (guest). \\ 
-Par défaut, et pour l'exemple, supposons qu'il s'agisse du template yoga. 
-  * Donc, vous devez modifier yoga/menubar.tpl. 
- 
-\\ 
-1 - **Remplacez** (vers la ligne 62): 
-<code html4strict> 
-<dl> 
-  <dt>{lang:identification}</dt> 
-  <dd> 
-    <!-- BEGIN hello --> 
-    <p>{lang:hello}&nbsp;{USERNAME}&nbsp;!</p> 
-    <!-- END hello --> 
-    <ul> 
-</code> 
-**par**: 
-<code html4strict> 
-<dl class=identification> 
-  <dt class=identification>{lang:identification}</dt> 
-  <dd class=identification> 
-    <!-- BEGIN hello --> 
-    <p>{lang:hello}&nbsp;{USERNAME}&nbsp;!</p> 
-    <!-- END hello --> 
-    <ul class=identification> 
-</code> 
- 
-\\ 
-2 - **Créer** ou **compléter** template-common/local-layout.css avec : 
-<code css> 
-.identification { display: none; } 
-#menubar DL.identification { display: none; } 
-FORM#quickconnect { display: none; } 
-</code> 
- 
- 
-\\ 
-  * **Gardez à l'esprit que vous venez de masquer le moyen de vous identifier.** 
-Vous pouvez toujours vous identifier par **./identification.php** \\ 
-(ne pas oubliez ce point __pour passer en Administrateur__, lequel doit __utiliser un template différent__ pour pouvoir se déconnecter si nécessaire !!! Utilisation du PC d'un ami par exemple.) 
- 
-===== Modifier la taille du texte ===== 
- 
- 
-Dans un local-layout.css, il faut mettre le code qui suit. 
-  * Si le local-layout.css est dans template-common, ça touche tous les modèles, 
-  * S'il est dans template/toto, ça ne touche que le template toto. 
- 
-<code CSS> 
-#menubar UL, #menubar HR, #menubar FORM, #menubar P, #menubar .totalImages {font-size: 100%;} 
- 
-A:link, A:visited, {font-size:9pt;} 
-A:hover, A:active {text-decoration: underline; font-size:9pt;} 
- 
-#the_page { font-family:arial; font-size:9pt;} 
-</code> 
- 
- 
- 
- 
- 
- 
-====== Mise en page de la page principale ("Category" ou "Index") ====== 
- 
- 
- 
-===== Activez vos liens ===== 
- 
-  
-Niveau de difficulté: Débutant.\\ 
- 
-Ce que vous allez apprendre sur les variables $conf dans cette astuce devrait être utilisé comme principe à chaque fois que vous aurez une $conf à modifier. Vous pouvez vous inspirer du contenu de /include/config_**default**.inc.php mais __ne modifiez jamais directement ce fichier__. 
- 
-Vous allez créer ou modifier le fichier /include/config_**local**.inc.php.\\ 
- 
-**Intérêt**: Depuis la version 1.5.0 de PWG, vos changements ne seront plus perdus à chaque changement de version. 
- 
-Principe: Le **default** contient toutes les variables. Le **local** ne contient que celles que vous avez voulu modifier. Le **default** est sollicité en premier, et s'il existe, le **local** applique les changements spécifiques à votre site. 
- 
-Prenons le cas de nos liens, par **default** aucun lien n'existe.\\ 
-En modifiant la variable (de type tableau) $conf['links'] et ceci au niveau du **local**, vous allez une fois pour toutes définir les liens spécifiques à votre site. 
- 
-A quoi va ressembler le fichier /include/config_**local**.inc.php: tout simplement à n'importe quel module php, c'est à dire qu'il commence par «<?php » et se termine par « ?>». Entre ces deux marqueurs, et en respectant la même syntaxe que dans le **default**, c'est à dire la syntaxe du langage php, vous altèrerez les différentes valeurs du tableau $conf quelles qu'elles soient. 
-Vous éviterez de reporter toutes les définitions de **default** ceci afin de faciliter le repérage des éventuelles différences. 
- 
-Prenons donc exemple sur nos liens: \\ 
-(Notez au passage) : un exemple du fichier **local** est fourni dans le répertoire /tools/ mais attention les __paramètres proposés peuvent ne pas convenir__ à votre site, ce qui est en général le cas. 
- 
-Donc pour nos liens, vous allez créer ou compléter le fichier /include/config_**local**.inc.php afin qu'il ressemble à ceci: 
- 
-<code php> 
-<?php 
-// links : liste des liens externes 
- $conf['links'] = array( 
-   'http://phpwebgallery.net' => 'L\'homepage PWG', 
-   'http://forum.phpwebgallery.net' => 'Son forum', 
-   'http://phpwebgallery.net/doc' => 'Sa documentation' 
-   ); 
-?> 
-</code> 
- 
-Explications: $conf est un tableau indicé par des noms de paramètres prédéfinis connus de PWG et dans le cas présent, il s'agit de 'links'.\\ 
-Pour notre exemple, vous ajouterez autant de lignes que de liens souhaités, en précisant: 
-à gauche l'URL et à droite le nom du lien.\\ 
-Si vous avez besoin d'une apostrophe simple (quote en programmation), pensez à la faire précéder d'une barre oblique inversée "\" (anti-slash en programmation). 
- 
-Vous venez de mettre en place :  
-  * un lien vers “L'homepage PWG”,  
-  * un autre vers “Son forum”, 
-  * et enfin, un vers “Sa documentation”. 
-  
-**Rappel:** ne **jamais** effectuer de modification dans config_**default**.inc.php mais uniquement en **local**. 
- 
-Toutes les cellules du tableau $conf peuvent contenir des valeurs selon les principes du langage PhP. C'est à dire: 
-  - des valeurs ( de type booléen, numérique, chaîne de caractère, etc.), 
-  - des tableaux de valeurs, 
-  - des tableaux de tableaux de valeurs, ... 
- 
-Toute cellule de $conf référencée dans config_default.inc.php peut être ajustée au besoin de votre site dans config_**local**.inc.php. 
- 
-Si vous ajustez plusieurs fois un des paramètres de $conf, seule la dernière valeur attribuée comptera.\\ 
- 
-Et pour finir, un exemple **à ne pas suivre**: 
-<code php> 
-<?php 
- $conf['links'] = array( 
-   'http://phpwebgallery.net' => 'PWG website', 
-   'http://forum.phpwebgallery.net' => 'PWG forum', 
-   'http://phpwebgallery.net/doc' => 'PWG wiki' 
-   ); 
- $conf['links'] = array(); // Annule la mise à jour précédente 
-?> 
-</code> 
- 
-8-) 
- 
- 
-===== Placer un logo au dessus du menu à gauche. ===== 
- 
-Dans chaque template mis à disposition des membres, modifiez par exemple \menubar.tpl  
- 
-ajoutez après ceci: 
-<code html4strict> 
-<!-- $Id: menubar.tpl 1369 2006-06-19 18:16:39Z chrisaga $ --> 
-<div id="menubar"> 
-</code>  
-quelque chose comme ceci: 
-<code html4strict> 
-<A HREF="{U_HOME}" TITLE="{GALLERY_TITLE}"><IMG SRC='doc/logo_pwg.png' ALT='PWG Logo'  
-STYLE='margin: 0px 2em 5px 4em;' /></A> 
-</code>  
-Pour l'exemple on a repris le logo de pwg qu'on a choisi de placer dans /doc/ mais ceci devrait être plus spécifique à chaque site, bien entendu. \\ 
-Ceci n'est que pour vous donner une idée. \\ 
-A la place de {U_HOME} vous pouvez mettre l'URL de votre site principal. \\ 
-A celle de {GALLERY_TITLE}, vous aurez bien votre idée. \\ 
-Si le résultat visuel n'est pas idéal, vous aurez une meilleure proposition, sans doute. 
- 
-Une autre solution basée header.tpl n'est pas exclue. ^^ 
- 
- 
-===== Ajouter un Edito ===== 
-Dans content.css 
-au début 
-<code css> 
-#content { 
-</code> 
-devient 
-<code css> 
-#content, #edito { 
-</code> 
-pour positionner les marges, et à la fin, ajouter 
-<code css> 
-.Edito { 
-  text-align: left; 
-  padding: 5px; 
-} 
-</code> 
-et dans index.tpl, juste après 
-<code> 
-<!-- $Id: index.tpl 1386 2006-06-24 09:19:40Z chrisaga $ --> 
-{MENUBAR} 
-</code> 
-dans le template yoga, vous ajoutez :  
-<code html4strict> 
-<div id="edito"> 
-  <div> 
-    <h2>Edito</h2> 
-    <p class="Edito">Mettez ici ce que vous voudrez ou remplacez par {PAGE_BANNER} si vous voulez que ce qui apparait dans le header apparaisse dans l'edito</p> 
-  </div> 
-</div> 
-</code> 
- 
-et dans le répertoire template-common, créer si besoin le fichier local-layout.css 
-en ajoutant : 
-<code> 
-#edito { 
-  margin-left: 20em;  /* = #menubar width + 2em */ 
-} 
-</code> 
- 
- 
-Ne pas oublier de rajouter dans le theme.css (cas yoga dark) 
-<code> 
-#menubar DL, #content, #imageToolBar, #edito { 
-  background-color: le gris qui va bien; 
-} 
-</code> 
- 
-Et pour avoir la bordure autour, toujours dans theme.css : 
-<code> 
-#menubar DL, #content, #edito, #comments DIV.comment BLOCKQUOTE { 
-  border: 1px solid #000000; 
-} 
-</code> 
- 
-===== L'Edito uniquement sur la page principale ===== 
-Une astuce de Jirian. [[http://forum.phpwebgallery.net/viewtopic.php?pid=42898#p42898| Problem with edito]] 
- 
-1. Dans  template/yoga/index.tpl remplacer ceci: 
-<code html4strict> 
-<div id="edito"> 
-  <div> 
-    <h2>Edito</h2> 
-    <p class="Edito">Mettez ici ce que vous voudrez ou remplacez par {PAGE_BANNER} 
-    si vous voulez que ce qui apparait dans le header apparaisse dans l'edito</p> 
-  </div> 
-</div> 
-</code> 
- 
-Par: 
-<code html4strict> 
-<!-- BEGIN edito --> 
-<div id="edito"> 
-  <div> 
-    <h2>Edito</h2> 
-    <p class="Edito">Mettez ici ce que vous voudrez ou remplacez par {PAGE_BANNER} 
-    si vous voulez que ce qui apparait dans le header apparaisse dans l'edito</p> 
-  </div> 
-</div> 
-<!-- END edito --> 
-</code> 
- 
- 
-2. Dans index.php ajouter: 
-<code php> 
-//-------------------------------------------------------- Edito 
-if (('categories' == $page['section']) and (!isset($page['category']))) { 
-  $template->assign_block_vars('edito',array()); 
-} 
-</code> 
-après ceci: 
-<code php> 
-//------------------------------------------------------ main part : thumbnails 
-if (isset($page['thumbnails_include'])) 
-{ 
-  include(PHPWG_ROOT_PATH.$page['thumbnails_include']); 
-} 
-</code> 
-\\ 
-**Many thanks to Jirian.** 
- 
-===== Changer le nombre de colonnes de droite sur la page d'accueil des catégories ===== 
- 
-Dans **template-common**, créer un local-layout.css et coller: 
- 
-<code.css> 
-/* Category thumbnails on main page */ 
-#content UL.thumbnailCategories LI { 
-  width: 33.3%; /* 49.9% for 2 per line, 33.3% for 3 per line*/ 
-} 
-</code> 
-Mettre 24.5% pour quatre colonnes. 
-A mon avis, trois colonnes au maximum, si on veut garder un bon look à la galerie. 
- 
-**Ensuite coller le bloc suivant pour diminuer un peu la largeur du menu de gauche.** 
- 
-<code.css> 
-/* Set the width of the menubar for the galery */ 
-#menubar { 
-  width: 14em; 
-} 
-#content { 
-  margin-left: 16em; /* = #menubar width + 2em */ 
-} 
-</code> 
-Bien mettre 2 d'écart entre width et margin left. 
- 
- 
- 
-===== Changer l'espacement des miniatures ===== 
-Suivant ce que vous voulez obtenir: \\ 
-dans **template-common/local-layout.css** (à créer/modifier) => Tous les templates \\ 
-dans **template/yoga/local-layout.css** (à créer/modifier) => Tous les thèmes de yoga \\ 
-dans **template/yoga/clear/theme.css** (à modifier) => uniquement pour clear de yoga 
- 
-<code css> 
-.thumbElmt {  
-  margin: 2% 4% 2% 4%;  
-}</code> 
-Pour augmenter l'espacement, prenez un nombre plus grand (vous pouvez aussi exprimer ces valeurs en "em", "px" et autres) . 
- 
- 
-===== Changer l'espacement des miniatures des catégories en page d'accueil ===== 
-Aller dans **template-common**, créer un local-layout.css et coller le bloc suivant, en mettant les valeurs choisies: 
-<code css> 
-#content UL.thumbnails SPAN.wrap2, 
-#content DIV.thumbnailCategory DIV.description { 
-  height: 160px;        /* max thumbnail height + 2px */ 
-} 
-#content DIV.comment BLOCKQUOTE { 
-  margin-left: 170px;        /*maximum thumbnail width + ~10px */ 
-} 
-</code> 
-Comme indiqué ci-dessus, cette modif aura effet sur tous les templates 
- 
-===== Déplacer le menu "Liens" ===== 
-Pour chaque template utilisé dans menubar.tpl (exemple yoga) 
- 
-Déplacez (ligne 3 et les lignes suivantes ci-dessous): 
-<code html4strict><!-- BEGIN links --> 
-<dl> 
-  <dt>{lang:Links}</dt> 
-  <dd> 
-    <ul> 
-      <!-- BEGIN link --> 
-      <li><a href="{links.link.URL}">{links.link.LABEL}</a></li> 
-      <!-- END link --> 
-    </ul> 
-  </dd> 
-</dl> 
-<!-- END links --> 
-</code>  
- 
-Avant (ou mieux après), ceci: 
-<code html4strict> 
-<dl> 
-  <dt>{lang:title_menu}</dt> 
-  <dd> 
-    <ul> 
-      <!-- BEGIN summary --> 
-      <li><a href="{summary.U_SUMMARY}" title="{summary.TITLE}" {summary.REL}>{summary.NAME}</a></li> 
-      <!-- END summary --> 
-      <!-- BEGIN upload --> 
-      <li><a href="{upload.U_UPLOAD}">{lang:upload_picture}</a></li> 
-      <!-- END upload --> 
-    </ul> 
-  </dd> 
-</dl> 
-</code>  
- 
-Cette astuce est applicable à d'autres blocs <dl>...</dl> si nécessaire. 
- 
- 
- 
- 
-===== Doubler ou modifier la position des liens vers les pages suivantes et des commentaires de catégories en haut des vignettes ===== 
- 
-dans ''/template/yoga/index.tpl'', avant <code html4strict>{MONTH_CALENDAR} 
-{THUMBNAILS} 
-{CATEGORIES} 
-</code> 
-insérez 
-<code html4strict> 
-<!-- BEGIN cat_infos --> 
-<!-- BEGIN navigation --> 
-<div class="navigationBar"> 
-{cat_infos.navigation.NAV_BAR} 
-</div> 
-<!-- END navigation --> 
-<!-- BEGIN comment --> 
-<div class="additional_info">{cat_infos.comment.COMMENTS}</div> 
-<!-- END comment --> 
-<!-- END cat_infos --> 
-</code> 
-Ce qui donnera la fin du fichier index.tpl tel que : 
-<code html4strict> 
-<!-- BEGIN cat_infos --> 
-<!-- BEGIN navigation --> 
-<div class="navigationBar"> 
-{cat_infos.navigation.NAV_BAR} 
-</div> 
-<!-- END navigation --> 
-<!-- BEGIN comment --> 
-<div class="additional_info">{cat_infos.comment.COMMENTS}</div> 
-<!-- END comment --> 
-<!-- END cat_infos --> 
- 
-{MONTH_CALENDAR} 
-{THUMBNAILS} 
-{CATEGORIES} 
- 
-<!-- BEGIN cat_infos --> 
-<!-- BEGIN navigation --> 
-<div class="navigationBar"> 
-{cat_infos.navigation.NAV_BAR} 
-</div> 
-<!-- END navigation --> 
-<!-- BEGIN comment --> 
-<div class="additional_info">{cat_infos.comment.COMMENTS}</div> 
-<!-- END comment --> 
-<!-- END cat_infos --> 
- 
-</div> <!-- content --> 
-</code> 
- 
-Vous aurez ainsi les liens vers les pages suivantes et précédentes au dessus et au dessous des vignettes. 
-Attention, vous doublerez aussi le commentaire de la catégorie. 
- 
-=== Variante N°1 : Doubler les liens pages suivante / précédente mais pas les commentaires === 
- 
-Pour enlever le commentaire en haut de page et conserver celui en bas ou inversement, il suffit de remplacer le code 
-<code.css> 
-<div class="additional_info">{cat_infos.comment.COMMENTS}</div> 
-</code> 
-dans la partie correspondante par 
-<code.css> 
-<!--<div class="additional_info">{cat_infos.comment.COMMENTS}</div>-->  
-</code> 
- 
-=== Variante N°2 : Ne pas doubler les liens et commentaires mais les placer en haut des vignettes === 
- 
- 
-Pour ne conserver les liens vers les pages suivantes et précédentes et les commentaires qu'en haut de page, la fin du fichier index.tpl doit alors ressembler à çà : 
-<code html4strict> 
-<!-- BEGIN cat_infos --> 
-<!-- BEGIN navigation --> 
-<div class="navigationBar"> 
-{cat_infos.navigation.NAV_BAR} 
-</div> 
-<!-- END navigation --> 
-<!-- BEGIN comment --> 
-<div class="additional_info">{cat_infos.comment.COMMENTS}</div> 
-<!-- END comment --> 
-<!-- END cat_infos --> 
- 
-{MONTH_CALENDAR} 
-{THUMBNAILS} 
-{CATEGORIES} 
- 
-</div> <!-- content --> 
-</code> 
- 
-===== Assigner une image représentante à une catégorie qui contient uniquement des sous-catégories ===== 
- 
-Si une catégorie ne contient que des sous-catégories, son image représentante est sélectionnée parmi celles de ses sous-catégories. Si on veut éviter ce comportement par défaut, quand on édite ses informations on ne trouve pas de moyen d'y parvenir. 
- 
-Pour lui assigner une image fixe, il faut afficher une image et aller dans « Modifier les infos » (icône avec tournevis et clef à molette). Ensuite descendre tout en bas et là on a une section « Représentation des catégories » avec deux champs : 
-    [ Représente ] 
-    [ Ne représente pas ] 
-Il suffit de choisir la catégorie à laquelle on veut assigner l'image, et de la faire passer de [ Ne représente pas ] à [ Représente ]. 
- 
-Si on fait la même opération pour la même catégorie avec une autre image, l'ancienne image repasse dans [ Ne représente pas ]. 
- 
- 
- 
-====== Mise en Page de "Picture" ====== 
- 
-===== Masquer les champs "Enregistré le", "Dimensions", "Fichier", "Poids", "Mots-clefs" sous les photos ===== 
-Ajoutez le bout de code suivant: 
-<code css> 
-TABLE.infoTable { 
-    display: none; 
-} 
-</code> 
-- dans le fichier **template/votre_template/theme/votre_theme/theme.css** \\ 
-pour masquer ces champs uniquement pour un thème particulier. 
- 
-- dans le fichier  **template/votre_template/local-layout.css** \\ 
-pour les masquer pour un template complet (quelque soit le thème). 
- 
-- dans le fichier **template-common/local-layout.css** \\ 
-pour les masquer pour tous les templates.  
- 
-**Remarque**: Dans le cas ou un de ces fichiers n'existe pas, il peut être créé au besoin. \\ 
- 
- 
- 
- 
-//**Attention**: cette astuce va cacher **tous** les champs, elle ne permet pas de choisir les champs que vous voulez cacher, y compris les metadonnées.// 
- 
- 
-===== Masquer certaines informations sous les photos ( Auteur, Créée le, Enregistrée le, etc.)  ===== 
- 
-  * Cette opération sera à répéter pour tous les templates que vous utilisez. 
-  * Editez avec un éditeur de texte (Notepad par ex. sous windows) le fichier //template/votre_template/**picture.tpl**// 
-  * Trouvez la ligne suivante  
-<code html4strict><table class="infoTable" summary="Some info about this picture"></code> 
-  * En-dessous de cette ligne se trouvent toutes les informations affichées sous les images de votre galerie. Chaque information commence par une balise ''<tr>'' et fini par la balise ''</tr>''. 
-  * Pour désactiver l'affichage d'une information, il suffit de commenter toutes lignes la concernant entre ''<tr>'' et ''</tr>'', et ceci grace à deux balises ''<''''!''''-''''-'' pour le début et ''-''''-''''>'' pour la fin du commentaire. 
-  * Les références aux informations sont données par des noms de variables en anglais mais aisément identifiables. 
-  * Un exemple : je veux cacher la date d'enregistrement des images. En cherchant un peu, je trouve la variable ''INFO_CREATION_DATE'' voici donc ce qu'il faut commenter: 
-<code html4strict>  <tr> 
-    <td class="label">{lang:Created on}</td> 
-    <td class="value">{INFO_CREATION_DATE}</td> 
-  </tr></code> 
-Et voila ce que ça donne une fois commenté. 
-<code html4strict><!--  <tr> --> 
-<!--      <td class="label">{lang:Created on}</td> --> 
-<!--      <td class="value">{INFO_CREATION_DATE}</td> --> 
-<!--    </tr> --></code> 
-  * On peut donc cacher les informations que l'on veut sachant que l'on doit pas modifier au-delà de la ligne suivante: 
-<code html4strict>  <!-- END info_rate --> 
-</table></code> 
-En effet la  suite concerne les informations données par les meta-données de l'image et fait l'objet d'une autre astuce. 
-  * Pour retrouver l'affichage d'une information il suffira de décommenter les lignes la concernant 
- 
-====== Cinématiques de fonctionnement ====== 
- 
-===== Inscrire des utilisateurs soi-même et les prévenir de cette bonne nouvelle ===== 
-Quand on a une galerie familiale, c'est souvent le webmestre du site qui crée les différents comptes utilisateurs pour l'ensemble de la famille. 
- 
-Voici un exemple de quelques étapes pour le faire aisément: 
-  - **Création des users:** Dans la partie administration/Identification/Utilisateur, ajouter les x nouveaux utilisateurs 
-  - **Renseigner les emails des nouveaux utilisateurs:** en MySql avec phpMyAdmin par exemple, faire la mise à jour des mails dans la table #_users 
-  - **Envoyer par mail aux nouveaux utilisateurs leur nom d'utilisateur et leur mot de passe:** Faire une demande de password avec l'email des nouveaux utilisateurs (http://tonsite/tonreppwg/password.php) 
-  - **Envoyer par mail aux nouveaux utilisateurs un message de bienvenue:** Dans la partie administration/Général/Notification Inscrire à la notification les nouveaux utilisateurs et envoyer une notification avec un message personnalisé //(Le site doit avoir au moins une photo)// __//Cette action peut être faite avant l'envoi du mot de passe par mail:-)//__ 
- 
- 
- 
-===== Des catégories différentes entre guest et membres ===== 
-Quand pour une galerie familiale, le webmestre souhaite laisser quelques photos sur la galerie publique afin que: 
-  * le cousin perdu de vue retrouve peut être sa famille 
-  
-  * ou que les simples visiteurs sachent de quel joli coin de France vous être originaires. 
-L'inconvénient réside dans le fait que ces images apparaîtront en double pour vos membres suivant la méthode de classement que vous aurez choisi. 
- 
-L'idéal est d'avoir des catégories pour les visiteurs uniquement... 
-Et des catégories différentes pour les membres... 
- 
-C'est bien simple, fallait-il encore y penser, il suffit de:  
-  - Créer un groupe "Gguest" par exemple, supposons le 25. 
-  - Mettre à jour la base via phpMyAdmin (attention au préfixe au besoin):<code sql> 
-INSERT INTO phpwebgallery_user_group ( user_id , group_id ) 
-VALUES ( 
-'2', '25' 
-); 
-</code> 
-  - Positionner les catégories des visiteurs en **"Privé"** 
-  - Et enfin, de donner l'accès uniquement à "Gguest". 
-\\ 
-PWG t'es vraiment trop fort...  \\ 
-\\ 
-8-) 
- 
-PS: Cette astuce nous la devons à Nicco. Merci Nicco.   
- 
- 
-===== Intégrer la vignette dans la base de données ===== 
-Cette modification va vous permettre de stocker les vignettes dans un champ blob. L’intérêt est limité pour un usage sur le net car cela peu devenir très vite volumineux. J’ai eu besoin de faire cette modification pour permettre la récupération de l’image par Crystal Report, un générateur d’état. 
- 
-**ATTENTION, cette modification s’applique aux images ajoutées après la modification, je n’ai pas testé si une simple resynchronisation du contenu des répertoires permet la sauvegarde en base de la vignette, de même que je n’ai pas testé sur les sites distants !** 
- 
-Dans le fichier include/config_local.inc.php ajouter  
-<code php>// Active le stockage en base de la vignette. 
-$conf['active_blob'] = true;</code> 
- 
-Dans le fichier admin/site_update.php ajouter ligne 448 après 
-<code php>    // 2 cases : the element is a picture or not. Indeed, for a picture 
-    // thumbnail is mandatory and for non picture element, thumbnail and 
-    // representative are optionnal 
-    if ( isset( $conf['flip_picture_ext'][get_extension($filename)] ) ) 
-    { 
-      // if we found a thumnbnail corresponding to our picture... 
-      if (isset($fs[$path]['tn_ext'])) 
-      {</code> 
- 
-Ajouter 
-<code php>        if($conf['active_blob']) 
-        { 
-          // génération de la vignette pour l'import dans la base (blob) 
-          $handle = fopen($dirname.'/thumbnail/'.$conf['prefix_thumbnail'].$filename, 'rb'); 
-          $contents = addslashes(fread($handle, filesize($dirname.'/thumbnail/'.$conf['prefix_thumbnail'].$filename))); 
-          fclose ($handle); 
-        }</code> 
- 
-Après  
-<code php>        $insert = array( 
-          'id'             => $next_element_id++, 
-          'file'           => $filename, 
-          'date_available' => CURRENT_DATE, 
-          'tn_ext'         => $fs[$path]['tn_ext'], 
-          'path'           => $path, 
-          'storage_category_id' => $db_fulldirs[$dirname],</code> 
- 
-Ajouter 
-<code php>          'contents' => $contents,</code> 
- 
-Le résultat final des modifications donne 
-<code php>    if ( isset( $conf['flip_picture_ext'][get_extension($filename)] ) ) 
-    { 
-      // if we found a thumnbnail corresponding to our picture... 
-      if (isset($fs[$path]['tn_ext'])) 
-      { 
-        if($conf['active_blob']) 
-        { 
-          // génération de la vignette pour l'import dans la base (blob) 
-          $handle = fopen($dirname.'/thumbnail/'.$conf['prefix_thumbnail'].$filename, 'rb'); 
-          $contents = addslashes(fread($handle, filesize($dirname.'/thumbnail/'.$conf['prefix_thumbnail'].$filename))); 
-          fclose ($handle); 
-        } 
- 
-        $insert = array( 
-          'id'             => $next_element_id++, 
-          'file'           => $filename, 
-          'date_available' => CURRENT_DATE, 
-          'tn_ext'         => $fs[$path]['tn_ext'], 
-          'path'           => $path, 
-          'storage_category_id' => $db_fulldirs[$dirname], 
- 
-          'contents' => $contents, 
-          );</code> 
- 
-Dans la table phpwebgallery_images ajouter un champ au format blob qui se nomme contents. 
- 
- 
- 
-===== Rendre l'email obligatoire à l'inscription (1.6.1) ===== 
-Dans le fichier register.php, remplacer : 
-<code php>if (isset($_POST['submit'])) 
-{ 
-  if ($_POST['password'] != $_POST['password_conf']) 
-  { 
-    array_push($errors, $lang['reg_err_pass']); 
-  } 
- 
-  $errors = 
-    array_merge( 
-      $errors, 
-      register_user($_POST['login'], 
-                    $_POST['password'], 
-                    $_POST['mail_address']) 
-      ); 
- 
-  if (count($errors) == 0) 
-  { 
-    $user_id = get_userid($_POST['login']); 
-    log_user( $user_id, false); 
-    redirect(make_index_url()); 
-  } 
-}</code> 
- 
-Par : 
-<code php>if (isset($_POST['submit'])) 
-{ 
-  if ($_POST['password'] != $_POST['password_conf']) 
-  { 
-    array_push($errors, $lang['reg_err_pass']); 
-  } 
-  elseif($_POST['mail_address'] == '') 
-  { 
-    array_push($errors, $lang['reg_err_mail']); 
-  } 
-  else 
-  { 
-    $errors = 
-      array_merge( 
-        $errors, 
-        register_user($_POST['login'], 
-                      $_POST['password'], 
-                      $_POST['mail_address']) 
-        ); 
-  } 
-  if (count($errors) == 0) 
-  { 
-    $user_id = get_userid($_POST['login']); 
-    log_user( $user_id, false); 
-    redirect(make_index_url()); 
-  } 
-}</code> 
- 
-Dans le fichier template/VOTRETEMPLATE/register.tpl, remplacer : 
-<code php>        <span class="property"> 
-          <label for="mail_address">{lang:Mail address}</label> 
-        </span></code> 
- 
-Par : 
-<code php>        <span class="property"> 
-          <label for="mail_address">* {lang:Mail address}</label> 
-        </span></code> 
- 
-Dans le fichier language/en_UK.iso-8859-1/common.lang.php, ajouter avant le ?> 
-<code php>$lang['reg_err_mail'] = 'Email address required';</code> 
- 
-Dans le fichier language/fr_FR.iso-8859-1/common.lang.php, ajouter avant le ?> 
-<code php>$lang['reg_err_mail'] = 'Adresse e-mail obligatoire';</code> 
- 
- 
-====== Ajout d'éléments intégrés à PWG.====== 
- 
- 
- 
- 
----- 
- 
-===== Ajout d'une page intégrée. ===== 
- 
-Ajout d'un lien dans le menu et d'une nouvelle page s'ouvrant dans PWG. 
-Le lien et la page sont intégrés au site, template, style et language compris. 
- 
-==1) ajouter un lien dans le menu "menu"== 
-Aller dans "include/menubar.inc.php", trouver "summary", ajouter les lignes :  
- 
-<code php> conditions link 
-$template->assign_block_vars( 
-  'summary', 
-  array( 
-    'TITLE'     => $lang['conditions_page_title'], 
-    'NAME'      => $lang['conditions'], 
-    'U_SUMMARY' => get_root_url().'conditions.php', 
-    ) 
-  );</code> 
- 
-==2) créer et ajouter à la racine du site PWG le fichier "conditions.php".== 
- 
-<code php><?php 
-// +-----------------------------------------------------------------------+ 
-// | PhpWebGallery - a PHP based picture gallery                           | 
-// | Copyright (C) 2002-2003 Pierrick LE GALL - pierrick@phpwebgallery.net | 
-// | Copyright (C) 2003-2005 PhpWebGallery Team - http://phpwebgallery.net | 
-// +-----------------------------------------------------------------------+ 
-// | branch        : BSF (Best So Far) 
-// | file          : $RCSfile$ 
-// | last update   : $Date: 2006-03-15 23:44:35 +0100 (mer, 15 mar 2006) $ 
-// | last modifier : $Author: plg $ 
-// | revision      : $Revision: 1082 $ 
-// +-----------------------------------------------------------------------+ 
-// | This program is free software; you can redistribute it and/or modify  | 
-// | it under the terms of the GNU General Public License as published by  | 
-// | the Free Software Foundation                                          | 
-// |                                                                       | 
-// | This program is distributed in the hope that it will be useful, but   | 
-// | WITHOUT ANY WARRANTY; without even the implied warranty of            | 
-// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU      | 
-// | General Public License for more details.                              | 
-// |                                                                       | 
-// | You should have received a copy of the GNU General Public License     | 
-// | along with this program; if not, write to the Free Software           | 
-// | Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, | 
-// | USA.                                                                  | 
-// +-----------------------------------------------------------------------+ 
- 
-//----------------------------------------------------------- include 
-define('PHPWG_ROOT_PATH','./'); 
-include_once( PHPWG_ROOT_PATH.'include/common.inc.php' ); 
- 
-// +-----------------------------------------------------------------------+ 
-// | Check Access and exit when user status is not ok                      | 
-// +-----------------------------------------------------------------------+ 
-check_status(ACCESS_GUEST); 
- 
-//----------------------------------------------------- template initialization 
-// 
-// Start output of page 
-// 
-$title= $lang['conditions_page_title']; 
-$page['body_id'] = 'theAboutPage'; 
-include(PHPWG_ROOT_PATH.'include/page_header.php'); 
- 
-$template->set_filenames( 
-  array( 
-    'conditions'=>'conditions.tpl', 
-    'conditions_content' => get_language_filepath('conditions.html') 
-    ) 
-  ); 
-   
-$template->assign_vars( 
-  array( 
-    'U_HOME' => make_index_url(), 
-    ) 
-  ); 
- 
-$template->assign_var_from_handle('CONDITIONS_MESSAGE', 'conditions_content'); 
-   
-$template->parse('conditions'); 
-include(PHPWG_ROOT_PATH.'include/page_tail.php'); 
-?></code> 
- 
-==3) Créer et ajouter à la racine du dossier template "yoga" (ou autre) le fichier "conditions.tpl"== 
- 
-<code php> 
-<div id="content"> 
-  <div class="titrePage"> 
-    <ul class="categoryActions"> 
-      <li> 
-        <a href="{U_HOME}" title="{lang:return to homepage}"> 
-          <img src="{themeconf:icon_dir}/home.png" class="button" alt="{lang:home}"/> 
-        </a> 
-      </li> 
-    </ul> 
-    <h2>{lang:Conditions}</h2> 
-  </div> 
- 
-  {CONDITIONS_MESSAGE} 
- 
-</div> 
-</code> 
- 
-==4) dans les fichiers de langue "common_langue.php", ajouter les lignes suivantes :== 
- 
-<code php> 
-// Page conditions utilisation 
-$lang['conditions_page_title'] = 'Conditions d\'utilisation'; 
-$lang['conditions'] = 'Conditions d\'utilisations'; 
-$lang['conditions_title_1'] = '<b>Conditions d\'utilisation du serveur de photos.</b>'; 
-$lang['conditions_title_2'] = '<u>Accès et consultations :</u>'; 
-$lang['conditions_title_3'] = '<u>Enregistrement, reproduction, diffusion des photos :</u>'; 
-$lang['conditions_title_4'] = ''; 
-$lang['conditions_texte_2'] = 'Accès et consultations : texte à écrire'; 
-$lang['conditions_texte_3'] = 'Enregistrement, reproduction, diffusion des photos : texte à écrire'; 
-$lang['conditions_texte_4'] = 'divers texte à écrire'; 
-$lang['conditions_contact'] = '<a href="mailto://votre adresse mail">contact</a>'; 
-$lang['conditions_adress'] = 'votre adresse'; </code> 
- 
-en traduisant si nécessaire. 
- 
- 
-==5) créer et ajouter le fichier "conditions.html" dans les dossiers de langue, à côté de "about.html".== 
- 
-<code html4strict> 
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> 
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" version="1.0" encoding="ISO-8859-1" lang="fr"> 
-<head> 
-  <title>Conditions</title> 
-</head> 
-<body> 
-<table style="height: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0"> 
-  <tbody> 
-    <tr> 
-      <td style="vertical-align: top;"> 
-<div align="left">{lang:conditions_adress}</div> 
-      <table style="width: 902px;" border="0" cellpadding="0" cellspacing="0"> 
-        <tbody> 
-          <tr> 
-            <td colspan="1" rowspan="1" style="text-align: center;"> 
-            <p>&nbsp; </p> 
-{lang:conditions_title_1} 
-            <p>&nbsp; </p> 
-            </td> 
-          </tr> 
-          <tr> 
-            <td colspan="1" rowspan="1"> 
-            <div style="text-align: center; text-decoration: underline;"> 
-            <span style="font-family: Arial;"> 
-                {lang:conditions_title_2}<br> 
-            </span></div> 
-            <div style="margin-left: 40px;"> 
-            <ul> 
-            </ul> 
-            </div>  
-            </td> 
-          </tr> 
-          <tr> 
-            <td style="text-align: left;" colspan="1" rowspan="1"> 
-            <span style="font-family: Arial;"> 
-           {lang:conditions_texte_2}   
-           </span> 
-          <p>&nbsp; </p> 
-           </td> 
-          </tr> 
-          <tr> 
-            <td rowspan="1" colspan="1"> 
-            <div style="text-align: center; text-decoration: underline;">           
-            <span style="font-family: Arial;"> 
-              {lang:conditions_title_3} 
-             </span></div> 
-            <div style="margin-left: 40px;"> 
-            <ul>      
-            </ul> 
-            </div> 
-            </td> 
-          </tr> 
-          <tr> 
-            <td> 
-            <span style="font-family: Arial;">{lang:conditions_texte_3} 
-                </span> 
-            <p>&nbsp; </p> 
-           {lang:conditions_contact} 
-            <p>&nbsp; </p> 
-            </td> 
-          </tr>     
-        </tbody> 
-      </table> 
-      </td> 
-    </tr> 
-  </tbody> 
-</table> 
-<br /> 
-</body> 
-</html> 
-</code> 
- 
-Cette page html est juste un modèle à modifier à volonté... 
-On peut aussi remplacer les liens {lang:conditions_*} par du texte mais on pert les possibilités de traductions automatiques. 
- 
-Il s'agit dans cet exemple d'une page nommée "Conditions"; mais cet ajout peut être dupliqué et adapté à d'autres pages, il suffit pour cela de renommer les fichiers du nom de votre page, de rechercher tous les mots "conditions" et de les remplacer aussi par le nom de votre nouvelle page. Il vous restera à recopier et modifier les entrées de la page de language. 
----- 
- 
- 
- 
-====== Astuces en cours de révision ====== 
- 
-#  Mise en Page générale 
- 
-    * Masquer le titre de la galerie 
-    * Positioner la marge de la page 
- 
-# Mise en Page de "Category" 
- 
-    * Largeur du menu (urgent) 
-    * Modifier les crochets qui encadrent les nombres 
- 
-# Mise en Page de "Picture" 
- 
-    * Donner une position fixe aux miniatures précédente/suivante de la page "picture" 
-    * Modifier l'apparence des légendes de la page "picture" 
-    * Modifier le choix d'informations affichées par défaut sous la photo de taille moyenne 
- 
-# Mode de fonctionnement (Comportement) 
- 
-    * Afficher le nombre de commentaires des utilisateurs (seulement s'il en existe) 
-    * Gestion manuelle des sites distant 
 
Back to top
fr/personnalisation/branche_1.6.1178026049.txt.gz · Last modified: 2009/03/07 22:13 (external edit)
 
 
github twitter newsletter Donate Piwigo.org © 2002-2022 · Contact