Bonjour,
Nouvel utilisateur de cette galerie de photo que je trouve d'ailleurs très complète, j'ai besoin de l'aide d'une personne serviable car je suis plus photographe que programmeur et je dois plonger dans du code et malgré toutes les recherches que j'ai fait, suis largué par les explications.
Ma demande est très simple, je souhaite insérer un icone pour permettre d'imprimer la photo (ca je sais faire) mais je voudrais imprimer uniquement la photo à sa taille normale (elle ne dépassera pas 800x600 de toute façon), et rien d'autre.
J'ai compris que cela se passait dans print.css (\themes\default\print.css).
La j'ai du mal, est-ce qu'une personne pourrait me donner un exemple du fichier print.css avec uniquement l'impression de la photo à sa taille normale et en éliminant tout le reste ?
Avec mes sincères remerciements
Pierre
Hors ligne
Bonjour,
Sans avoir regardé je dirai qu'il faut ajouter une règles portant sur les éléments à masquer.
Exemple :
#mon_ID-01, .ma_classe-01, #mon_ID-02 { display: none; }
Hors ligne
Merci mais ca reste un peu flou pour moi, n'étant pas développeur.
N'est-il pas possible de tout masquer sauf l'image en ayant un code simple ? Par exemple tout est masqué et j'autorise uniquement l'image principale à sa taille normale ?
D'avance merci
Hors ligne
Il faudrait que j'y regarde.
Si je ne donne pas de nouvelles d'ici une semaine, vous avez le droit de me relancer ^_^
Hors ligne
Je patiente alors !
merci beaucoup
Hors ligne
* {display:none;} theImage img{display:block;}
essayez quelque chose comme ca ;)
edit : apparement, ca ne marche pas ... a creuser quand meme
Dernière modification par repie38 (2011-03-28 03:04:08)
Hors ligne
Merci pour votre aide mais j'ai atteint les limites de ma compétence hyper limitée en développement !
J'attends donc qu'une ame charitable voudra bien m'aider.
Remerciements
Hors ligne
repie38 a écrit:
Code:
* {display:none;} theImage img{display:block;}essayez quelque chose comme ca ;)
edit : apparement, ca ne marche pas ... a creuser quand meme
Si tu masque les balises parentes, il est normal que les balises filles (dépendantes) ne soit pas affichées.
Donc en fait, il faut refaire le fichier en fonction du thème. Ce qui veut dire autant de fichiers à créer qu'il y a de thème :-/
@Pierre-photos : utilisez-vous plusieurs thèmes ? Dans la négative, quel est votre thème par défaut ?
Hors ligne
J'utilise uniquement le thème Montblanc XL sans possibilité de le changer.
Merci
Hors ligne
Je sais pas si je suis clair, j'utilise le thème Montblanc XL et uniquement celui-là. Il n'y a pas de possibilité de changer le thème par les utilisateurs, le thème reste celui-ci.
Merci pour votre aide.
Hors ligne
J'avais bien compris.
Donc ce que nous allons faire, c'est créer un nouveau thème qui dépendra de MontBlancXL.
Vous bénéficierez du thème parent (MontBlancXL) mais vous aurez l'avantage d'utiliser votre propre feuille de style CSS pour l'impression.
Pour commencer, dans le répertoire ./piwigo/themes/ créez un sous-répertoire. Nommé le avec le nom de votre de votre thème (sans espaces et sans caractères exotiques). Par exemple : "monmontblancxl"
Dans ce nouveau répertoire, créez les fichiers suivants avec le contenu qui suit :
themeconf.inc.php
<?php /* Theme Name: Mon Montblanc XL Version: 0.1 Description: Based on MontBlanc XL Theme URI: Author: M-O-A Author URI: */ $themeconf = array( 'parent' => 'montblancxl', 'local_head' => 'local_head.tpl', ); ?>
local_head.tpl
POUR PIWIGO V2.1.X
<link rel="stylesheet" type="text/css" href="{$ROOT_URL}themes/monmontblancxl/print.css">
POUR PIWIGO V2.2.X lorsque celui-ci sera sorti est que le thème parent (MontBlanc XL) sera compatible aussi !
{combine_css path="themes/monmontblancxl/print.css" order=-10}
print.css
@media print { #menubar, .content .navigationBar, .categoryActions, .content .calendarViews, .calendarBar, #imageToolBar, .navThumb, #addComment { display: none; } BODY { margin: 0; color: #000; background: #fff; } #theHeader, #imageHeaderBar, #theImage p, #standard, #comments, #copyright { display:none !important; } #theCategoryPage .content { margin: 0 !important; } }
Il ne vous reste plus qu'à activer ce thème et le déclarer comme thème par défaut.
Hors ligne
Merci beaucoup.
Je vais tester tout ca dès que possible et je reviens vers vous pour dire ce qu'il en est !
Cordialement
Hors ligne
Petite question,
Dans le print.css, il y a #theImage p qui ne doit pas être affiché, que signifie le p ?
Merci
Hors ligne
Ca correspond aux paragraphes. Donc normalement tout le texte en dessous de l'image.
Hors ligne
Ok, je comprends
Un grand merci
Je m'occuperai de cela ce week-end mais quoi qu'il arrive, je reviendrai pour te tenir au courant des résultats.
Hors ligne