Hol Dir das „LVWO-Badge“

Sichere Dir die „Digital-Auszeichnung“ für deine Online- Vertriebskanäle wie bspw. Webseiten und Social-Media-Kanäle. Exklusiv für Absolventen und Absolventinnen der Staatlichen Lehr- und Versuchsanstalt (LVWO) Weinsberg.

Teilnahme-Bedingungen

Folgende Bedingungen sind für die Einbindung notwendig

Vorgehen

Interesse am „LVWO-Badge“? – Das ist der Prozess!

LVWO-Badge integrieren

Nach erfolgreicher Zulassung können Sie das „LVWO-Badge“ und den dazugehörigen Zusatz zu Ihrer Datenschutzerklärung einfügen.

Der folgende HTML-Code bindet einen klickbaren LVWO-Badge in eine Seite Ihrer Webseite ein. Der Badge wird auf der linken Seite des Bildschirms fixiert, und zwar auf 65% der Bildschirmhöhe von oben aus gesehen. Dadurch bleibt der Badge ständig sichtbar, auch beim Scrollen.

Wichtig:
Es stehen Ihnen zwei Möglichkeiten zur Verfügung, den Badge auf Ihrer Website einzubinden:

1. Als fixiertes Element auf der Seite: Der Badge bleibt dabei dauerhaft an einer festgelegten Position sichtbar (z.B. am linken Bildschirmrand), unabhängig vom Scrollverhalten
2. Als reguläres Inhaltselement: Der Badge wird an einer bestimmten Stelle innerhalb des Seiteninhalts eingefügt und verhält sich wie ein normales Element der Seite.

Die Seite, auf der Sie sich gerade befinden, zeigt exemplarisch, wie der Badge nach der Einbindung auf Ihrer Webseite sichtbar sein wird. So können Sie direkt sehen, wie der Badge positioniert und dargestellt wird.

HTML-Code: fixiertes Element

<!-- LVWO-Badge: fixiertes Element -->
<div>
<style>
   .lvwo-badge {
     position: fixed;
     left: 20px;
     top: 65vh;
     z-index: 9999;
     line-height: 0;
     text-decoration: none;
   }
   .lvwo-badge img {
     width: 150px;
     height: auto;
     border: none;
   }
   @media (max-width: 500px) {
     .lvwo-badge img {
       width: 100px;
       height: auto;
     }
   }
</style>
<a href="https://www.ehemalige-weinsberger.de/"
    title="LVWO-Badge"
    target="_blank"
    rel="noopener noreferrer"
    class="lvwo-badge">
<img decoding="async"
        src="https://www.ehemalige-weinsberger.de/wp-content/uploads/2025/01/LVWO-Badge-973x1024.png"
        alt="LVWO-Badge">
</a>
</div>

HTML-Code: normales Element, mittig

<!-- LVWO-Badge: normales Inhaltselement, mittig -->
<div>
<style>
   .lvwo-badge-inline {
     display: block;
     text-align: center;
     text-decoration: none;
     line-height: 0;
     margin: 20px 0;
   }
   .lvwo-badge-inline img {
     width: 150px; 
     height: auto;
     border: none;
     display: inline-block;
   }
   @media (max-width: 500px) {
     .lvwo-badge-inline img {
       width: 100px;
     }
   }
</style>
<a href="https://www.ehemalige-weinsberger.de"
    title="LVWO-Badge"
    target="_blank"
    rel="noopener noreferrer"
    class="lvwo-badge-inline">
<img decoding="async"
        src="https://www.ehemalige-weinsberger.de/wp-content/uploads/2025/01/LVWO-Badge.png"
        alt="LVWO-Badge">
</a>
</div>