Vorlage:Förderpartner Erkennungsbilder Artensteckbrief: Unterschied zwischen den Versionen

Aus WIPs-De Datenwiki
(+Kennbilder für „Saatgutsammlung“ (+Datei:Kennbild Botanischer Garten Berlin, BO.svg); +CSS zum Ausdrucken)
K (Datei:Kennbild Botanischer Garten Berlin, BO.svg:64px)
 
Zeile 103: Zeile 103:
--></td><!--
--></td><!--
--><td style="text-align:center;{{#switch: {{LC: {{{Format|}}} }}|alt= |neu|#default=padding-top:15px;}}" ><!--
--><td style="text-align:center;{{#switch: {{LC: {{{Format|}}} }}|alt= |neu|#default=padding-top:15px;}}" ><!--
       for z in $(seq 50 10 200); do echo -en "|${z}px=$((z * 70/100 ))px\n"; done
       for z in $(seq 50 10 200); do echo -en "|${z}px=$((z * 64/100 ))px\n"; done
     -->[[Datei:Kennbild Botanischer Garten Berlin, BO.svg<!--
     -->[[Datei:Kennbild Botanischer Garten Berlin, BO.svg<!--
     -->|x400px<!--
     -->|x400px<!--
Zeile 110: Zeile 110:
     -->|class=bildhoehe-hoechstens-{{#switch: {{{Höhe|}}}|50px=30px
     -->|class=bildhoehe-hoechstens-{{#switch: {{{Höhe|}}}|50px=30px
         |60px=40px
         |60px=40px
         |70px=50px
         |70px=45px
         |80px=60px
         |80px=50px
         |90px=60px
         |90px=60px
         |100px=70px
         |100px=65px
         |110px=80px
         |110px=70px
         |120px=80px
         |120px=75px
         |130px=90px
         |130px=85px
         |140px=100px
         |140px=90px
         |150px=110px
         |150px=95px
         |160px=110px
         |160px=100px
         |170px=120px
         |170px=110px
         |180px=130px
         |180px=115px
         |190px=130px
         |190px=120px
         |200px=140px
         |200px=130px
         |#default=70px}}<!--
         |#default=64px}}<!--
     -->]]<!--
     -->]]<!--
--></td><!--
--></td><!--
Zeile 393: Zeile 393:
=== CSS ===
=== CSS ===


<syntaxhighlight lang="css">
<syntaxhighlight lang="css" style="font-size:smaller">
/* for z in $(seq 50 10 200); do echo -en ".bildhoehe-hoechstens-${z}px, img.bildhoehe-hoechstens-${z}px\n { height:${z}px; width:auto; }\n"; done */
/* for z in $(seq 50 10 200); do echo -en ".bildhoehe-hoechstens-${z}px, img.bildhoehe-hoechstens-${z}px  { height:${z}px; width:auto; }\n"; done */
.bildhoehe-hoechstens-30px img, img.bildhoehe-hoechstens-30px
/* Größe in Bildpunkten (Pixel) beliebig verfeinerbar nach Bedarf */
   { height:30px; width:auto; }
.bildhoehe-hoechstens-30px img, img.bildhoehe-hoechstens-30px  { height:30px; width:auto; }
.bildhoehe-hoechstens-40px img, img.bildhoehe-hoechstens-40px
.bildhoehe-hoechstens-40px img, img.bildhoehe-hoechstens-40px  { height:40px; width:auto; }
   { height:40px; width:auto; }
.bildhoehe-hoechstens-50px img, img.bildhoehe-hoechstens-50px  { height:50px; width:auto; }
.bildhoehe-hoechstens-50px img, img.bildhoehe-hoechstens-50px
.bildhoehe-hoechstens-60px img, img.bildhoehe-hoechstens-60px  { height:60px; width:auto; }
   { height:50px; width:auto; }
.bildhoehe-hoechstens-70px img, img.bildhoehe-hoechstens-70px  { height:70px; width:auto; }
.bildhoehe-hoechstens-60px img, img.bildhoehe-hoechstens-60px
.bildhoehe-hoechstens-80px img, img.bildhoehe-hoechstens-80px  { height:80px; width:auto; }
   { height:60px; width:auto; }
.bildhoehe-hoechstens-90px img, img.bildhoehe-hoechstens-90px  { height:90px; width:auto; }
.bildhoehe-hoechstens-70px img, img.bildhoehe-hoechstens-70px
.bildhoehe-hoechstens-100px img, img.bildhoehe-hoechstens-100px { height:100px; width:auto; }
   { height:70px; width:auto; }
.bildhoehe-hoechstens-110px img, img.bildhoehe-hoechstens-110px { height:110px; width:auto; }
.bildhoehe-hoechstens-80px img, img.bildhoehe-hoechstens-80px
.bildhoehe-hoechstens-120px img, img.bildhoehe-hoechstens-120px { height:120px; width:auto; }
   { height:80px; width:auto; }
.bildhoehe-hoechstens-130px img, img.bildhoehe-hoechstens-130px { height:130px; width:auto; }
.bildhoehe-hoechstens-90px img, img.bildhoehe-hoechstens-90px
.bildhoehe-hoechstens-140px img, img.bildhoehe-hoechstens-140px { height:140px; width:auto; }
   { height:90px; width:auto; }
.bildhoehe-hoechstens-150px img, img.bildhoehe-hoechstens-150px { height:150px; width:auto; }
.bildhoehe-hoechstens-100px img, img.bildhoehe-hoechstens-100px
.bildhoehe-hoechstens-160px img, img.bildhoehe-hoechstens-160px { height:160px; width:auto; }
  { height:100px; width:auto; }
.bildhoehe-hoechstens-170px img, img.bildhoehe-hoechstens-170px { height:170px; width:auto; }
.bildhoehe-hoechstens-110px img, img.bildhoehe-hoechstens-110px
.bildhoehe-hoechstens-180px img, img.bildhoehe-hoechstens-180px { height:180px; width:auto; }
  { height:110px; width:auto; }
.bildhoehe-hoechstens-190px img, img.bildhoehe-hoechstens-190px { height:190px; width:auto; }
.bildhoehe-hoechstens-120px img, img.bildhoehe-hoechstens-120px
.bildhoehe-hoechstens-200px img, img.bildhoehe-hoechstens-200px { height:200px; width:auto; }
  { height:120px; width:auto; }
.bildhoehe-hoechstens-210px img, img.bildhoehe-hoechstens-210px { height:200px; width:auto; }
.bildhoehe-hoechstens-130px img, img.bildhoehe-hoechstens-130px
.bildhoehe-hoechstens-220px img, img.bildhoehe-hoechstens-220px { height:200px; width:auto; }
  { height:130px; width:auto; }
.bildhoehe-hoechstens-140px img, img.bildhoehe-hoechstens-140px
  { height:140px; width:auto; }
.bildhoehe-hoechstens-150px img, img.bildhoehe-hoechstens-150px
  { height:150px; width:auto; }
.bildhoehe-hoechstens-160px img, img.bildhoehe-hoechstens-160px
  { height:160px; width:auto; }
.bildhoehe-hoechstens-170px img, img.bildhoehe-hoechstens-170px
  { height:170px; width:auto; }
.bildhoehe-hoechstens-180px img, img.bildhoehe-hoechstens-180px
  { height:180px; width:auto; }
.bildhoehe-hoechstens-190px img, img.bildhoehe-hoechstens-190px
  { height:190px; width:auto; }
.bildhoehe-hoechstens-200px img, img.bildhoehe-hoechstens-200px
  { height:200px; width:auto; }
.bildhoehe-hoechstens-210px img, img.bildhoehe-hoechstens-210px
  { height:200px; width:auto; }
.bildhoehe-hoechstens-220px img, img.bildhoehe-hoechstens-220px
  { height:200px; width:auto; }
</syntaxhighlight>
</syntaxhighlight>



Neueste Überarbeitung vom 4. November 2024, 14:24 Uhr

Kennbilder der Förderpartner von WIPs-De darstellen in vernünftiger Bildgröße. Für die Bilder ist gedacht, daß sie in höchster Bildauflösung eingebettet sind, aber ansichtsmäßig auf die Größe von 50px bis 200px angeglichen werden können. Dadurch kann beim Erzeugen von PDF ein Kennbild in guter Druckauflösung in das PDF eingebettet werden, würde man nur die Wiki-Bild-Vergrößerung verwenden, wäre die Druckauflösung deutlich geringer.

Benutzung

{{Förderpartner Erkennungsbilder Artensteckbrief}}

… ergibt:

Kennbild Bundesministerium für Umweit, Naturschutz und nukleare SicherheitKennbild Bundesministerium für NaturschutzKennbild botanischer Wildpflanzenschutz Deutschland (WIPs-De)Kennbild Botanischer Garten, Universität Potsdam (botanischer-garten-potsdam.de)
CSS zum Ausdrucken …
/* A4-Ausdruck falls größtes Kennbild mit bildhoehe-hoechstens-100px dann im Ausdruck zu groß, daher Bilder etwas kleinern */ 
img[title="Kennbild Bundesministerium für Umweit, Naturschutz und nukleare Sicherheit"],
img[title="Kennbild Bundesministerium für Naturschutz"] { height:90px!important; }
img[title="Kennbild botanischer Wildpflanzenschutz Deutschland (WIPs-De)"]{ height:60px!important; } 
img[title="Kennbild Botanischer Garten, Universität Potsdam (botanischer-garten-potsdam.de)"] { height:70px!important; }


{{Förderpartner Erkennungsbilder Artensteckbrief|Format=alt}}

… ergibt:

Kennbild Bundesministerium für Umweit, Naturschutz und nukleare SicherheitKennbild Bundesministerium für NaturschutzKennbild botanischer Wildpflanzenschutz Deutschland (WIPs-De)Kennbild Botanischer Garten, Universität Potsdam
{{Förderpartner Erkennungsbilder Artensteckbrief|Leben Natur Vielfalt}}

… ergibt:

Kennbild Leben Natur Vielfalt – Das Bundesprogramm (BMUV)

{{Förderpartner Erkennungsbilder Artensteckbrief|Leben Natur Vielfalt|Höhe=50px}}

… ergibt:

Kennbild Leben Natur Vielfalt – Das Bundesprogramm (BMUV)

{{Förderpartner Erkennungsbilder Artensteckbrief|Saatgutsammlung}}

… ergibt:

Kennbild Bundesministerium für Umweit, Naturschutz und nukleare SicherheitKennbild Bundesministerium für NaturschutzKennbild botanischer Wildpflanzenschutz Deutschland (WIPs-De)Kennbild Botanischer Garten Berlin, BOKennbild Botanischer Garten, Universität Potsdam (botanischer-garten-potsdam.de)
CSS zum Ausdrucken …
/* A4-Ausdruck falls größtes Kennbild mit bildhoehe-hoechstens-100px dann im Ausdruck zu groß, daher Bilder etwas kleinern */
img[title="Kennbild Bundesministerium für Umweit, Naturschutz und nukleare Sicherheit"],
img[title="Kennbild Bundesministerium für Naturschutz"] { height:80px!important; }
img[title="Kennbild botanischer Wildpflanzenschutz Deutschland (WIPs-De)"],
img[title="Kennbild Botanischer Garten Berlin, BO"]{ height:50px!important; } 
img[title="Kennbild Botanischer Garten, Universität Potsdam (botanischer-garten-potsdam.de)"] { height:60px!important; }

img[title="Kennbild Bundesministerium für Naturschutz"] { transform: translateX(-20px); }
img[title="Kennbild botanischer Wildpflanzenschutz Deutschland (WIPs-De)"] { transform: translateX(-20px); }

Beiwerte (Parameter) der Vorlage

Für Förderpartner Erkennungsbilder Artensteckbrief können erforderliche Werte und wahlfreie Vorlagenbeiwerte (Parameter) wie folgt angewendet werden:

|1=
„Leben Natur Vielfalt“, oder: „Saatgutsammlung“, oder leer lassen
|Format=
alt – auf altes Format umstellen (Kennbild BG Potsdam ist Datei: Kennbild Botanischer Garten (Universität Potsdam).svg); stete Vorgabe: |Format=neu
|Höhe=
50px, 60px,.. bis 200px (für „Leben Natur Vielfalt“)

Abhängigkeiten

Bilder:

CSS

/* for z in $(seq 50 10 200); do echo -en ".bildhoehe-hoechstens-${z}px, img.bildhoehe-hoechstens-${z}px  { height:${z}px; width:auto; }\n"; done */
/* Größe in Bildpunkten (Pixel) beliebig verfeinerbar nach Bedarf */
.bildhoehe-hoechstens-30px img, img.bildhoehe-hoechstens-30px   { height:30px; width:auto; }
.bildhoehe-hoechstens-40px img, img.bildhoehe-hoechstens-40px   { height:40px; width:auto; }
.bildhoehe-hoechstens-50px img, img.bildhoehe-hoechstens-50px   { height:50px; width:auto; }
.bildhoehe-hoechstens-60px img, img.bildhoehe-hoechstens-60px   { height:60px; width:auto; }
.bildhoehe-hoechstens-70px img, img.bildhoehe-hoechstens-70px   { height:70px; width:auto; }
.bildhoehe-hoechstens-80px img, img.bildhoehe-hoechstens-80px   { height:80px; width:auto; }
.bildhoehe-hoechstens-90px img, img.bildhoehe-hoechstens-90px   { height:90px; width:auto; }
.bildhoehe-hoechstens-100px img, img.bildhoehe-hoechstens-100px  { height:100px; width:auto; }
.bildhoehe-hoechstens-110px img, img.bildhoehe-hoechstens-110px  { height:110px; width:auto; }
.bildhoehe-hoechstens-120px img, img.bildhoehe-hoechstens-120px  { height:120px; width:auto; }
.bildhoehe-hoechstens-130px img, img.bildhoehe-hoechstens-130px  { height:130px; width:auto; }
.bildhoehe-hoechstens-140px img, img.bildhoehe-hoechstens-140px  { height:140px; width:auto; }
.bildhoehe-hoechstens-150px img, img.bildhoehe-hoechstens-150px  { height:150px; width:auto; }
.bildhoehe-hoechstens-160px img, img.bildhoehe-hoechstens-160px  { height:160px; width:auto; }
.bildhoehe-hoechstens-170px img, img.bildhoehe-hoechstens-170px  { height:170px; width:auto; }
.bildhoehe-hoechstens-180px img, img.bildhoehe-hoechstens-180px  { height:180px; width:auto; }
.bildhoehe-hoechstens-190px img, img.bildhoehe-hoechstens-190px  { height:190px; width:auto; }
.bildhoehe-hoechstens-200px img, img.bildhoehe-hoechstens-200px  { height:200px; width:auto; }
.bildhoehe-hoechstens-210px img, img.bildhoehe-hoechstens-210px  { height:200px; width:auto; }
.bildhoehe-hoechstens-220px img, img.bildhoehe-hoechstens-220px  { height:200px; width:auto; }