Sujet fermé
Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

Pas d'impression du logo du site [résolu]
#4

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

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 Smile
Mac system 1 à 6
Wampserver 3.1.9,
PhP 7.3.5,
CMS version 2.2.11
Sujet fermé


Messages dans ce sujet

Atteindre :


Utilisateur(s) parcourant ce sujet : 2 visiteur(s)