202 "Windmühle"
50x70cm
Holzschnitt, handcoloriert, handgedruckt



203 "Zyklus "Pappeln am Mechower See"
22x30cm
Holzschnitt, handcoloriert, handgedruckt



204 "Zyklus "Pappeln am Mechower See"
22x32cm
Holzschnitt, handcoloriert, handgedruckt



205 "Zyklus "Pappeln am Mechower See"
22x32cm
Holzschnitt, handcoloriert, handgedruckt



206 "Zyklus "Pappeln am Mechower See"
22x30cm
Holzschnitt, handcoloriert, handgedruckt



207 "Zyklus "Pappeln am Mechower See"
22x30cm
Holzschnitt, handcoloriert, handgedruckt



208 "Zyklus "Pappeln am Mechower See"
22x30cm
Holzschnitt, handcoloriert, handgedruckt



209 "Zyklus "Pappeln am Mechower See"
22x30cm
Holzschnitt, handcoloriert, handgedruckt



210 "Zyklus "Pappeln am Mechower See"
22x30cm
Holzschnitt, handcoloriert, handgedruckt



211 "Der Tag, an dem das Meer zufror"
15x40cm
Monotypie



212 "Ich träume einen Baum..."
50x70cm
Werkgemeinschaft mit Barlach Heuer Holzschnitt, handcoloriert, handgedruckt



213 "Am Mechower See"
30x40cm
Holzschnitt handcoloriert, handgedruckt



214 "Simeonskloster 1"
Variation 4 42x53cm
Nach einem Foto von Jürgen Brose Holzschnitt, handcoloriert, handgedruckt



215 "Simeonskloster 1"
Variation 5 31x42cm
Nach einem Foto von Jürgen Brose Holzschnitt, handcoloriert, handgedruckt



216 "Am Mechower See"
Variation 31x42cm
Holzschnitt, handcoloriert, handgedruckt



217 "Am Mechower See"
Variation 31x42cm
Holzschnitt, handcoloriert, handgedruckt



218 "Am Mechower See"
Variation 22x35cm
Holzschnitt, handcoloriert, handgedruckt



219 "Am Mechower See"
Variation 27x32cm
Holzschnitt, handcoloriert, handgedruckt



220 "Mechower See"
Variation 31x42cm
Holzschnitt, handcoloriert, handgedruckt



221 "Bei Kalkhütte"
Variation 30x40cm
Holzschnitt, handcoloriert, handgedruckt



222 "Kalkhütte"
Variation 33x44cm
Holzschnitt, handcoloriert, handgedruckt



223 " Am Mechower See"
Variation 33x44cm
Holzschnitt, handcoloriert, handgedruckt



224 "Simeonskloster 2"
Variation 7 33x44cm
Nach einem Foto von Jürgen Brose Holzschnitt, handcoloriert, handgedruckt



225 "Simeonskloster 2"
Variation 2 30x40cm
Nach einem Foto von Jürgen Brose Holzschnitt, handcoloriert, handgedruckt



226 "Simeonskloster 2"
Variation 3 30x40cm
Nach einem Foto von Jürgen Brose Holzschnitt, handcoloriert, handgedruckt



227 "Simeonskloster 2"
Variation 1 30x40cm
Nach einem Foto von Jürgen Brose Holzschnitt, handcoloriert, handgedruckt



228 "Der blaue Reiter I Palmyra"
Variation 30x42cm
Nach einem Foto von Jürgen Brose Holzschnitt, handcoloriert, handgedruckt



229 "Der blaue Reiter 2 I Palmyra"
Variation 30x42cm
Nach einem Foto von Jürgen Brose Holzschnitt, handcoloriert, handgedruckt



230 "Der blaue Reiter 3 I Palmyra"
Variation 30x42cm
Nach einem Foto von Jürgen Brose Holzschnitt, handcoloriert, handgedruckt



231 "Am Mechower See"
Variation 30x42cm
Holzschnitt, handcoloriert, handgedruckt



232 "Am Mechower See"
Variation 20x30cm
Holzschnitt, handcoloriert, handgedruckt



232A "Am Mechower See"
Variation 20x30cm
Holzschnitt, handcoloriert, handgedruckt



233 "Simeonskloster 2"
Variation 30x40cm
Nach einem Foto von Jürgen Brose Holzschnitt, handcoloriert, handgedruckt



234 "Die Wandernde 2"
Variation 50x70cm
Linolschnitt, handcoloriert, handgedruckt



235 "Katze nachts"
4 Variationen je 15x20cm
Linolschnitt, handcoloriert, handgedruckt



236 "Wenn ich wandere"
Variation 50x70cm
Linolschnitt, handcoloriert, handgedruckt



237 "Botin aus der Anderwelt"
Variation 1 schwarz 30x42cm
Holzschnitt, handcoloriert, handgedruckt



238 "Botin aus der Anderwelt"
Variation 2 rot 30x42cm
Holzschnitt, handcoloriert, handgedruckt



239 "Zyklus Pappeln am Mechower See"
Variation 1 Werkgemeinschaft mit Barlach Heuer I Paris 50x70cm
Holzschnitt, handcoloriert, handgedruckt



240 "Zyklus Pappeln am Mechower See"
Variation 2 Werkgemeinschaft mit Barlach Heuer I Paris 50x70cm
Holzschnitt, handcoloriert, handgedruckt



241 "Zyklus Pappeln am Mechower See"
Variation 3 Werkgemeinschaft mit Barlach Heuer I Paris 50x70cm
Holzschnitt, handcoloriert, handgedruckt



242 "Zyklus Pappeln am Mechower See"
Variation Werkgemeinschaft mit Barlach Heuer I Paris 36x46cm
Holzschnitt, handcoloriert, handgedruckt



243 "Zyklus Pappeln am Mechower See"
Variation Werkgemeinschaft mit Barlach Heuer I Paris 36x46cm
Holzschnitt, handcoloriert, handgedruckt



244 "Botin aus der Anderwelt"
Variation Werkgemeinschaft mit Barlach Heuer I Paris 30x42cm
Holzschnitt, handcoloriert, handgedruckt



245 "Botin aus der Anderwelt"
Variation 3 30x40cm
Holzschnitt, handcoloriert, handgedruckt



246 "Botin aus der Anderwelt"
Variation Werkgemeinschaft mit Barlach Heuer I Paris 30x42cm
Holzschnitt, handcoloriert, handgedruckt



247 "Im Wald"
3 Phasen je 17x44cm
Holzschnitt, handcoloriert, handgedruckt



248 "Wie unten, so oben"
50x100cm
Linolschnitt, handcoloriert, handgedruckt



249 "Wie unten, so oben"
Variante 2 Ausschnitt 50x100cm
Linolschnitt, handcoloriert mit Pastell, handgedruckt



250 "Wie unten, so oben"
Variante 2 Ausschnitt 50x100cm
Linolschnitt, handcoloriert mit Pastell, handgedruckt



251 "Der Nagel und die Vögel"
Variante 2 Ausschnitt 30x42cm
Siebdruck



252 "Sphinx"
Variante 2 Ausschnitt 25x35cm
Siebdruck



253 "Der große Vogel"
12x15cm
Monotypie



254 "Zwei Tiere"
18x24cm
Holzschnitt, handcoloriert, handgedruckt



255 "Steinbock"
15x22cm
Holzschnitt, handcoloriert, handgedruckt



256 "Ohne Titel"
15x22cm
Holzschnitt, handcoloriert, handgedruckt



257 "Ohne Titel"
15x22cm
Holzschnitt, handcoloriert, handgedruckt



258 "Ziege 2"
15x22cm
Holzschnitt, handcoloriert, handgedruckt



259 "Zwei Füchse"
15x22cm
Holzschnitt, handcoloriert, handgedruckt


Extras

 

Box-Fenster Primus-1

Werther


 

Box-Fenster Secundus

Lightbox Picture Gallery

So funktioniert diese Foto-Schau: Nach Klick auf ein Foto öffnet sich ein neues Fenster mit dem Foto sowie einer Bildunterschrift und einer Anzeige (Bild X von Anzahl X), gleichzeitig dunkelt sich die komplette Webseite im Hintergrund ab. Es ist ein Jquery-Script.

Tolles Feature: Nachdem Sie ein Bild geklickt haben, fahren Sie mit der Maus über die rechte oder linke Fotohälfte des Bildes. Es erscheint dann ein Pfeil, welcher Sie durch Klick auf dieses immer weiter zum nächsten bzw. vorangehendem Foto führt. In diesem Fenster lässt sich also eine ganze Bildkollektion durchsehen. Zum Schließen des Fenster klickt man auf das 'Schließen-Symbol' oder irgendwo ausserhalb des Fensters.


 

Box-Fenster Tertius - Die Abschnitte im Inhalt

Mit Pseudo-Element 'nth-child(n)'

Auf der Seite (index.html) sehen Sie im Inhaltsbereich mehrere Abschnitte, die farbig getrennt sind. Wie wir diese angelegt haben und wie Sie auch mehr oder weniger Abschnitte anlegen können, erklären wir Ihnen nachstehend.

Der Pseudo-Selektor :nth-child(n) ist sehr hilfreich, wenn man gleiche Elemente innerhalb eines Elternelement verschieden aussehen lassen möchte. Insbesondere bei Wiederholungen ist dies effektiv.

Alle Möglichkeiten:

SELFHTML-Wiki beschreibt es, aber noch viel übersichtlicher und mit sehr vielen Beispielen erklärt es die Webseite h5c3 .

Die wichtigsten Möglichkeiten:

Wie an den vorstehend genannten Links zu sehen, gibt es mehrere 'nth-child-Selektoren'. Nachfolgend möchten wir aber Ihnen die wichtigsten beschreiben:

1.) Einfache 'nth-child-Selektoren':

1.a) Spricht jeden Abschnitt individuell an:

'nth-child(1)' spricht den ersten Abschnitt an.
'nth-child(2)' spricht den zweiten Abschnitt an.
'nth-child(3)' spricht den dritten Abschnitt an.
'nth-child(4)' spricht den vierten Abschnitt an usw.

1b) Spricht jeden zweiten Abschnitt an:

'nth-child(odd)' spricht jeden ungeraden Abschnitt an (also 1, 3 ,5, 7 usw).
'nth-child(even)' spricht jeden geraden Abschnitt an (also 2, 4, 6, 8 usw).


2.) Erweiterte 'nth-child-Selektoren':
Jetzt wird es noch variabler und effektiver. Hier im Beispiel die Anweisungen für jeden dritten anzusprechenden Abschnitt.

'nth-child(3n+1)' spricht den ersten Abschnitt an und ab diesen jeden dritten Abschnitt.
D.h. Abschnitt 1, Abschnitt 4, Abschnitt 7 usw. sind identisch.

'nth-child(3n+2)' ist für den zweiten Abschnitt zuständig und ab diesen wird jeder dritte Abschnitt angesprochen.
D.h. Abschnitt 2, Abschnitt 5, Abschnitt 8 usw. sind identisch.

'nth-child(3n+3)' spricht den dritten Abschnitt an und ab diesen jeden dritten Abschnitt.
D.h. Abschnitt 3, Abschnitt 6, Abschnitt 9 usw. sind identisch.

'nth-child(3n+4)' spricht den vierten Abschnitt an und ab diesen jeden dritten Abschnitt.
D.h. Abschnitt 4, Abschnitt 7, Abschnitt 10 usw. sind identisch.

Wie funktioniert es in diesem Template ?

Wir haben den 'nth-child-Selektor' für die Abschnitte in der Datei format.css angelegt. Und zwar haben wir den 'nth-child-Selektor' auf unsere CSS-Klasse namens 'section-content' gesetzt und hierbei 'nth-child(odd/even)' verwendet.

CSS
<!-- Allgemeines Beispiel-->
.section-content:nth-child(odd) {
background:white;
color:#000;
}
.section-content:nth-child(even) {
background:black;
color:#fff;
}


So sieht ein Abschnitt in der HTML-Datei aus:
HTML
<!-- ABSCHNITT -->
<div class="section-content">
<div class="content">
... Inhalt ...
</div>
</div>
<!-- E N D E ABSCHNITT -->
So sehen zwei Abschnitte in der HTML-Datei aus:
HTML
<!-- ABSCHNITT -->
<div class="section-content">
<div class="content">
... Inhalt Abschnitt 1 ...
</div>
</div>
<!-- E N D E ABSCHNITT -->

<!-- ABSCHNITT -->
<div class="section-content">
<div class="content">
... Inhalt Abschnitt 2 ...
</div>
</div>
<!-- E N D E ABSCHNITT -->

Sehr praktisch und übersichtlich: Der Code für die Abschnitte ist also in der HTML-Datei immer der gleiche, egal wieviele Abschnitte.

 

Box-Fenster Quartus

Anfahrt 1

So errreichen Sie uns: Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

Anfahrt 2

So errreichen Sie uns: Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

 

Box-Fenster Quintus Leistungen

What We Offer

Praesent porttitor, nulla vitae posuere iaculis, arcu nisl dignissim dolor, a pretium mi sem ut ipsum. Curabitur suscipit suscipit tellus. Praesent vestibulum dapibus nibh. Etiam iaculis nunc ac metus. Ut id nisl quis enim dignissim sagittis. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Proin magna.


Weitere Leistungen

Vivamus Egatas

Donec Justo Massa

Profundus Erectus



Duis vel nibh at velit scelerisque suscipit. Curabitur turpis. Vestibulum suscipit nulla quis orci. Fusce ac felis sit amet ligula pharetra condimentum. Maecenas egestas arcu quis ligula mattis placerat. Duis lobortis massa imperdiet quam. Suspendisse potenti. Pellentesque commodo eros a enim. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl. Sed libero.

Aliquam erat volutpat. Etiam vitae tortor. Morbi vestibulum volutpat enim. Aliquam eu nunc. Nunc sed turpis. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Nulla porta dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque dapibus hendrerit tortor.

 

Box-Fenster Sextus

Bilder

Die Fotos in dieser Vorlage sind von https://picjumbo.com/ . Wir haben diese responsive angelegt. Gerne können Sie natürlich auch Ihre eigenen Fotos verwenden.

Icons

Viele weitere Icons sind möglich, denn die Icon-Schrift "FontAwesome" ist ja bereits in dieser Vorlage installiert. So fügen Sie ggfls. weitere Icons hinzu oder ersetzen die vorhandenen.
Die Dateien der Icon-Schrift sind also bereits diesem Template beigefügt mit dem großen Vorteil, das die Icons somit auch geladen und angezeigt werden, wenn keine Internet-Verbindung besteht.

Die Icon-Schrift kann aber statt dessen auch noch einfacher durch einen entsprechenden Link im Kopfbereich der Seite aufgerufen werden, die Schrift wird dann serverseitig geladen, sehen Sie hierzu die Erklärungen auf der Seite des Anbieters. Dies mag für manche der leichtere Weg sein, falls man ein Versions-Update aktualisieren möchte. Aber wie gesagt: Besteht keine Internet-Verbindung, so wird in diesem Fall auch kein Icon angezeigt.

Alpha Sextus

Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Vestibulum facilisis, purus nec pulvinar iaculis, ligula mi congue nunc, vitae euismod ligula urna in dolor. Mauris sollicitudin fermentum libero. Praesent nonummy mi in odio. Nunc interdum lacus sit amet orci. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Morbi mollis tellus ac sapien. Phasellus volutpat, metus eget egestas mollis, lacus lacus blandit dui, id egestas quam mauris ut lacus.

Beta Sextus

Fusce vel dui.Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nunc ac augue. Curabitur vestibulum aliquam leo. Praesent egestas neque eu enim. In hac habitasse platea dictumst. Fusce a quam. Etiam ut purus mattis mauris sodales aliquam. Curabitur nisi. Quisque malesuada placerat nisl. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus.

Delta Sextus

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.