05/04/2017, 19:05:19
Une solution :
dans le gabarit les deux possibilités qui sont sélectionnées par noprint (affiché à l'écran et masqué à l'impression) et toprint (masqué à l'écran et affiché à l'impression
dans le CSS de l'affichage écran
Dans le CSS de l'impression
ça a l'air de marcher en local
dans le gabarit les deux possibilités qui sont sélectionnées par noprint (affiché à l'écran et masqué à l'impression) et toprint (masqué à l'écran et affiché à l'impression
Code :
[== HTML ==]
<div id="logo" class="core-float-left ">
<div class="noprint">{cms_selflink lang='fr' dir='start' text=' ' image={uploads_url}|cat : '/design/logo_site.jpg' width ='960' height='120'}</div>
<div class="toprint">{cms_selflink lang='fr' dir='start' text='Evolution biologique ' width ='960' height='120'}</di>
</div>
dans le CSS de l'affichage écran
Code :
[== CSS ==]
/* masque un élèment qui ne doit être visible qu'à l'impression*/
.toprint {
display: none;
}
/*affichage du logo pour l'impression*/
#logo a {
height: 120px;
width: 960px;
display: block;
color:white;
font-size:3.2em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
line-height: 100px;
margin-top: 0;
margin-left: 0;
background: url([[uploads_url]]/design/logo_site_print.jpg) no-repeat left top;
}
Dans le CSS de l'impression
Code :
[== CSS ==]
/* masque ce qui ne doit pas être visible à l'impression*/
.noprint {
display: none;
}
/*réactive ce qui doit être imprimé et qui avait été masqué pas l'affichage écran*/
.toprint {
display:block;
}
ça a l'air de marcher en local
MS-Dos, Gem, geoworks, Windows 1, 2, 3, 3.1, 95, 98, XP, seven, 8, 10
Mac system 1 à 6
Wampserver 3.1.9,
PhP 7.3.5,
CMS version 2.2.11