www.bmuniverse.com/zantarelli __________________________________________________________ Möchten Sie für das Woltlab Burning Board 4 eine attraktive Linkarea-Anzeige im Footer-Bereich mit anpassbaren Linkinhalten, Social Links (Facebook, Google+, Twitter, Tumblr) & Textbox, dann bietet Ihnen Gino Zantarelli diese kostenlose Lösung an… ganz ohne Java Script, Bilderdateien & nur auf CSS 3 basierend. Achtung: Bevor Sie die CSS3 Simple Add Footer Installation gemäß Anleitung beginnen, sichern Sie evtl. Ihr Forum. Es werden keine Datenbankeinträge vorgenommen, nur Templates angelegt und CSS-Code Ihrem jeweilig genutzten Stil zugefügt - es sollten daher keine gravierenden Schäden auftreten. Schritt 1: Erstellen Sie unter folgenden Pfad für den CSS3 Simple Add Footer eine Templategruppe, welche später vom Stil genutzt werden muss: Darstellungen > Templates > Templategruppe hinzufügen Name: CSS3Simpleaddfooter Verzeichnis: CSS3Simpleaddfooter Sie können die Templategruppe auch mit einer anderen Namensbezeichnung anlegen, wichtig ist nur, dass später die neu angelegten Templates dort eingefügt sind. Achtung: Sollten Sie für ihren Stil bereits eine Templategruppe nutzen, so muss keine neue Templategruppe erstellt werden! Schritt 2: Suchen Sie das originale Template „footer“ unter folgenden Pfad und kopieren dieses in Ihre neu erstellte Templategruppe (oder bereits vorhandene Templategruppe Ihres Stils): Darstellungen > Templates > Templates auflisten Achtung: Sollte die für ihren Stil genutzte Templategruppe bereits das Template „footer“ beinhalten, so darf dieses nicht neu zugefügt werden! Schritt 3: Öffnen Sie das Template „footer“ in Ihrer Templategruppe und suchen dort folgende Codestelle: <nav id="footerNavigation" class="navigation navigationFooter"> Fügen Sie darüber folgenden Code ein & speichern danach das Template: {include file='SimpleAddFooter'} © 2013-2015 by Gino Zantarelli (www.bmuniverse.com/zantarelli) Alle Bilder, Vorlagen sowie geistige Ideen sind Eigentum von Gino Zantarelli Webdesign. Copyrights aus angebotenen Inhalten dürfen nicht entfernt werden. Schritt 4: Erstellen Sie in Ihrer Templategruppe ein neues Template unter folgenden Pfad: Darstellungen > Template hinzufügen Templategruppe: CSS3Simpleaddfooter (bzw. der Name Ihrer genutzten Templategruppe) Name: SimpleAddFooter Fügen Sie den folgenden Code in das Feld „Template-Quelltext“ ein & speichern danach das Template: <!-WBB4 SimpleAddFooter HTML Made by Gino Zantarelli 2013-2015 http://www.bmuniverse.com/zantarelli All under Copyright-no Freeware --> <div id ="main" class="addFootborder"> <div class ="addFoot"> <h2>Simple AddFooter</h2><!-- First Title enter here --> <div class ="add_boxleft"> <h1>Technical Sources</h1><!-- Box Title left enter here --> <p><a href="http://www.bmuniverse.com/zantarelli/" target="blank">Gino Zantarelli</a></p> <p><a href="http://net.tutsplus.com/" target="blank">Net.Tutplus</a></p> <p><a href="http://www.webappers.com/" target="blank">Webappers</a></p> <p><a href="http://www.ajaxr.de/" target="blank">Ajaxr</a></p> <p><a href="http://www.webresourcesdepot.com/" target="blank">Webresourcesdepot</a></p> <p><a href="http://www.dynamicdrive.com/" target="blank">Dynamicdrive</a></p> <p><a href="http://www.webdesign.org/" target="blank">Web Design Libary</a></p> </div> <div class ="add_box"> <h1>Special Links</h1><!-- Box Title middle enter here --> <p><a href="http://css-tricks.com/" target="blank">CSS-Tricks</a></p> <p><a href="http://de.selfhtml.org/" target="blank">Selfhtml</a></p> <p><a href="http://www.smashingmagazine.com/" target="blank">Smashingmagazine</a></p> <p><a href="http://jquery.com/" target="blank">JQuery</a></p> <p><a href="http://codecanyon.net/" target="blank">Codecanyon</a></p> <p><a href="http://psd.tutsplus.com/" target="blank">Psd tuts Plus</a></p> <p><a href="http://tympanus.net/codrops/" target="blank">Codrops</a></p> </div> <div class ="add_box"> <h1>Social Links</h1><!-- Box Title middle enter here --> <p>Stay with us in contact and follow us now!</p> <p> <a href="http://facebook.com" class="face"> FACEBOOK</a> <a href="http://twitter.com" class="twitt"> TWITTER</a> <a href="http://plus.google.com/plus" class="goog"> GOOGLE +</a> <a href="http://www.tumblr.com" class="tumb"> TUMBLR</a> </p> <p>Share the Love&hellip;</p> </div> <div class ="add_boxright"> © 2013-2015 by Gino Zantarelli (www.bmuniverse.com/zantarelli) Alle Bilder, Vorlagen sowie geistige Ideen sind Eigentum von Gino Zantarelli Webdesign. Copyrights aus angebotenen Inhalten dürfen nicht entfernt werden. <h1>I gotta piss&hellip; motherfucker</h1><!-- Box Title right enter here --> <p class="textbox">Now that there is the Tec-9, a crappy spray gun from South Miami. This gun is advertised as the most popular gun in American crime. Do you believe that shit? It actually says that in the little book that comes with it: the most popular gun in American crime. Like they're actually proud of that shit.</p> <br/> <a href="http://slipsum.com"><i>&raquo; Filltext by slipsum.com</i></a> </div> </div> </div> Schritt 5: Öffnen Sie nun Ihren Stil, der den CSS3 Simple Add Footer nutzen soll, unter folgenden Pfad: Darstellungen > Stile > Stile auflisten > Ihren Stil auswählen > Stift-Symbol rechtsseitig zum bearbeiten klicken Im Register „Daten“ wählen Sie beim Auswahlfenster für die Templategruppe den Eintrag „CSS3Simpleaddfooter“ aus, bzw. belassen es bei der bereits genutzten Templategruppe welche das neu erstellte Template enthält. Rufen Sie danach das Register „Erweiterte Einstellungen“ auf, fügen dort folgenden Code im Fenster „Individuelles CSS und LESS“ ein und speichern das ganze ab: /* ============================================================================================= */ /* === DO NOT TOUCH ======================================= Simple Add Footer by Gino Zantarelli */ /* ============================================================================================= */ .addFootborder { border-right: none !important; } .addFoot { padding: 8px 20px 15px; border-top: 6px solid @wcfContainerBorderColor; background-color: transparent; font-size: 1rem; height: 210px; width: auto !important; } .addFoot h1 { font-size: 1.15rem; margin-bottom: 5px; color: @wcfTabularBoxColor; background-color: @wcfTabularBoxBackgroundColor; padding: 3px 10px; font-weight: bold; } .addFoot h2 { font-size: 1.3rem; line-height: 1.7rem; margin-bottom:5px; color: @wcfColor; border-bottom: 2px solid @wcfColor; font-weight: normal; } .addFoot h2::before { content: "\f0ac"; font-family: FontAwesome; padding-right: 4px; font-size: 1.2rem; } .addFoot p { font-size: 1rem; line-height: 1.3rem; font-weight: normal; color: @wcfColor; margin-left: 5px; } © 2013-2015 by Gino Zantarelli (www.bmuniverse.com/zantarelli) Alle Bilder, Vorlagen sowie geistige Ideen sind Eigentum von Gino Zantarelli Webdesign. Copyrights aus angebotenen Inhalten dürfen nicht entfernt werden. .addFoot p.textbox { font-size: 0.9rem; line-height: 1.2rem; font-weight: normal; color: @wcfColor; } .addFoot li { list-style: none; text-decoration: none; border: none; } .addFoot a::before { content: "\f0a9"; font-family: FontAwesome; padding-right: 4px; } .add_boxright a::before { display: none; } .addFoot a { font-size: 1rem; line-height: 1.3rem; color: @wcfColor; font-weight: normal; text-decoration: none; } .addFoot a:hover { color: @wcfDimmedColor; } .add_boxleft { float: left; margin-top: 5px; width: 24.5%; margin-right: 0.3%; min-height: 160px; outline: 0px none; border-bottom: 1px solid @wcfColor; padding-bottom: 5px; } .add_box { float: left; margin-top: 5px; margin-left: 0.4%; margin-right: 0.3%; width: 24.5%; min-height: 160px; outline: 0px none; border-bottom: 1px solid @wcfColor; padding-bottom:5px; } .add_boxright { float: right; margin-top: 5px; width: 24.5%; min-height: 160px; outline: 0px none; border-bottom: 1px solid @wcfColor; padding-bottom:5px; } .face { background: #3A5B9A; height: 70px; width: 70px; border: 3px solid #FFFFFF; padding-left: 3px; padding-bottom: 3px; margin-top: 5px; margin-bottom: 5px; display: inline-block; text-decoration:none; } .twitt { © 2013-2015 by Gino Zantarelli (www.bmuniverse.com/zantarelli) Alle Bilder, Vorlagen sowie geistige Ideen sind Eigentum von Gino Zantarelli Webdesign. Copyrights aus angebotenen Inhalten dürfen nicht entfernt werden. background: #28AAE1; height: 70px; width: 70px; border: 3px solid #FFFFFF; padding-left: 3px; padding-bottom: 3px; margin-top: 5px; margin-bottom: 5px; display: inline-block; text-decoration:none; } .goog { background: #DC5442; height: 70px; width: 70px; border: 3px solid #FFFFFF; padding-left: 3px; padding-bottom: 3px; margin-top: 5px; margin-bottom: 5px; display: inline-block; text-decoration:none; } .tumb { background: #4D6982; height: 70px; width: 70px; border: 3px solid #FFFFFF; padding-left: 3px; padding-bottom: 3px; margin-top: 5px; margin-bottom: 5px; display: inline-block; text-decoration:none; } a.face, a.twitt, a.goog, a.tumb { color: #FFFFFF !important; text-shadow: none; font-size: 0.8rem; } a.face::before { content: "\f09a" !important; font-family: FontAwesome; color:#FFFFFF; position: absolute; font-size: 36px; margin-top: 40px; margin-left: 40px; font-weight: normal; } a.twitt::before { content: "\f099" !important; font-family: FontAwesome; color:#FFFFFF; position: absolute; font-size: 36px; margin-top: 40px; margin-left: 30px; font-weight: normal; } a.goog::before { content: "\f0d5" !important; font-family: FontAwesome; color:#FFFFFF; position: absolute; font-size: 36px; margin-top: 40px; margin-left: 30px; font-weight: normal; } a.tumb::before { content: "\f173" !important; © 2013-2015 by Gino Zantarelli (www.bmuniverse.com/zantarelli) Alle Bilder, Vorlagen sowie geistige Ideen sind Eigentum von Gino Zantarelli Webdesign. Copyrights aus angebotenen Inhalten dürfen nicht entfernt werden. font-family: FontAwesome; color:#FFFFFF; position: absolute; font-size: 36px; margin-top: 40px; margin-left: 40px; font-weight: normal; } /* ============================================================================================= */ /* === DO NOT TOUCH ============================================ Shrink Mode for SimpleAddFooter */ /* ============================================================================================= */ @media only screen and (max-width: 1500px) { .addFoot { height: 210px; } .tumb, .face, .goog, .twitt { height: 54px; width: 54px; border: 2px solid #FFFFFF; } .addFoot a.tumb, .addFoot a.face, .addFoot a.goog, .addFoot a.twitt { font-size: 0.7rem; } a.face::before { content: "\f09a" !important; font-family: FontAwesome; color: #FFFFFF; position: absolute; font-size: 32px; margin-top: 30px; margin-left: 30px; font-weight: normal; } a.twitt::before { content: "\f099" !important; font-family: FontAwesome; color: #FFFFFF; position: absolute; font-size: 32px; margin-top: 30px; margin-left: 20px; font-weight: normal; } a.goog::before { content: "\f0d5" !important; font-family: FontAwesome; color: #FFFFFF; position: absolute; font-size: 32px; margin-top: 30px; margin-left: 20px; font-weight: normal; } a.tumb::before { content: "\f173" !important; font-family: FontAwesome; color: #FFFFFF; position: absolute; font-size: 32px; margin-top: 30px; margin-left: 30px; font-weight: normal; } } @media only screen and (max-width: 1200px) { .tumb, .face, .goog, .twitt { height: 40px; © 2013-2015 by Gino Zantarelli (www.bmuniverse.com/zantarelli) Alle Bilder, Vorlagen sowie geistige Ideen sind Eigentum von Gino Zantarelli Webdesign. Copyrights aus angebotenen Inhalten dürfen nicht entfernt werden. width: 40px; border: 2px solid #FFFFFF; } .addFoot a.tumb, .addFoot a.face, .addFoot a.goog, .addFoot a.twitt { font-size: 0.55rem; } a.face::before { content: "\f09a" !important; font-family: FontAwesome; color: #FFFFFF; position: absolute; font-size: 22px; margin-top: 20px; margin-left: 20px; font-weight: normal; } a.twitt::before { content: "\f099" !important; font-family: FontAwesome; color: #FFFFFF; position: absolute; font-size: 22px; margin-top: 20px; margin-left: 15px; font-weight: normal; } a.goog::before { content: "\f0d5" !important; font-family: FontAwesome; color: #FFFFFF; position: absolute; font-size: 22px; margin-top: 20px; margin-left: 15px; font-weight: normal; } a.tumb::before { content: "\f173" !important; font-family: FontAwesome; color: #FFFFFF; position: absolute; font-size: 22px; margin-top: 20px; margin-left: 20px; font-weight: normal; } .addFoot p.textbox { font-size: 0.9rem; line-height: 1rem; font-weight: 400; } } @media only screen and (max-width: 800px) { .addFoot { height: 860px; } .add_boxleft { width: 100%; } .add_box { width: 100%; } .add_boxright { width: 100%; } .addFoot h1 { margin-top: 15px; font-size: 1.6rem; line-height: 1.8rem; } © 2013-2015 by Gino Zantarelli (www.bmuniverse.com/zantarelli) Alle Bilder, Vorlagen sowie geistige Ideen sind Eigentum von Gino Zantarelli Webdesign. Copyrights aus angebotenen Inhalten dürfen nicht entfernt werden. .tumb, .face, .goog, .twitt { padding: 2px 0px 0px 2px; height: 98px; width: 98px; margin-right: 5px; border: 5px solid #FFFFFF; } .addFoot a.tumb, .addFoot a.face, .addFoot a.goog, .addFoot a.twitt { font-size: 1.1rem; } a.face::before { content: "\f09a" !important; font-family: FontAwesome; color: #FFFFFF; position: absolute; font-size: 50px; margin-top: 55px; margin-left: 60px; font-weight: normal; } a.twitt::before { content: "\f099" !important; font-family: FontAwesome; color: #FFFFFF; position: absolute; font-size: 50px; margin-top: 55px; margin-left: 40px; font-weight: normal; } a.goog::before { content: "\f0d5" !important; font-family: FontAwesome; color: #FFFFFF; position: absolute; font-size: 50px; margin-top: 55px; margin-left: 40px; font-weight: normal; } a.tumb::before { content: "\f173" !important; font-family: FontAwesome; color: #FFFFFF; position: absolute; font-size: 50px; margin-top: 55px; margin-left: 55px; font-weight: normal; } } @media only screen and (max-width: 600px) { .addFoot { height: 940px; } } Schritt 6: Wenn alles soweit richtig nach dieser Anleitung gemacht wurde, so müsste der CSS3 Simple Add Footer jetzt im genutzten Stil sichtbar sein (unten über der Footer Navigation) - evtl. sollte noch einmal die Taste F5 zum aktualisieren der Anzeige im Browser gedrückt werden. © 2013-2015 by Gino Zantarelli (www.bmuniverse.com/zantarelli) Alle Bilder, Vorlagen sowie geistige Ideen sind Eigentum von Gino Zantarelli Webdesign. Copyrights aus angebotenen Inhalten dürfen nicht entfernt werden. Kommen wir zur Bearbeitung der Inhalte Ihres CSS3 Simple Add Footer, dazu öffnen Sie das Template „SimpleAddFooter“ in Ihrer Templategruppe des Stils: Darstellungen > Templates > Templates auflisten > Ihre Templategruppe auswählen > Name: SimpleAddFooter Bearbeitung des Haupttitels Ihres AddFooter: In folgender Codezeile den rot markierten Text gegen Ihren eigenen Titel auswechseln: <h2>Simple AddFooter</h2><!-- First Title enter here --> Bearbeitung des Titels der ersten Box linksseitig: In folgender Codezeile den rot markierten Text gegen Ihren eigenen Titel auswechseln: <h1>Technical Sources</h1><!-- Box Title left enter here --> Bearbeitung Weblinks der ersten Box linksseitig: In folgenden Codezeilen den rot markierten Text gegen Ihren eigenen Inhalt auswechseln: <p><a href="http://www.bmuniverse.com/zantarelli/" target="blank">Gino Zantarelli</a></p> <p><a href="http://net.tutsplus.com/" target="blank">Net.Tutplus</a></p> <p><a href="http://www.webappers.com/" target="blank">Webappers</a></p> <p><a href="http://www.ajaxr.de/" target="blank">Ajaxr</a></p> <p><a href="http://www.webresourcesdepot.com/" target="blank">Webresourcesdepot</a></p> <p><a href="http://www.dynamicdrive.com/" target="blank">Dynamicdrive</a></p> <p><a href="http://www.webdesign.org/" target="blank">Web Design Libary</a></p> Werden nicht alle Codezeilen benötigt, so entfernen Sie einfach die restlichen Zeilen (<p>Inhalt</p>). Bearbeitung des Titels der zweiten Box linksseitig: In folgender Codezeile den rot markierten Text gegen Ihren eigenen Titel auswechseln: <h1>Special Links</h1><!-- Box Title middle enter here --> Bearbeitung Weblinks der zweiten Box linksseitig: In folgenden Codezeilen den rot markierten Text gegen Ihren eigenen Inhalt auswechseln: <p><a href="http://css-tricks.com/" target="blank">CSS-Tricks</a></p> <p><a href="http://de.selfhtml.org/" target="blank">Selfhtml</a></p> <p><a href="http://www.smashingmagazine.com/" target="blank">Smashingmagazine</a></p> <p><a href="http://jquery.com/" target="blank">JQuery</a></p> <p><a href="http://codecanyon.net/" target="blank">Codecanyon</a></p> <p><a href="http://psd.tutsplus.com/" target="blank">Psd tuts Plus</a></p> <p><a href="http://tympanus.net/codrops/" target="blank">Codrops</a></p> Werden nicht alle Codezeilen benötigt, so entfernen Sie einfach die restlichen Zeilen (<p>Inhalt</p>). Bearbeitung des Titels der dritten Box linksseitig (Social Links): In folgender Codezeile den rot markierten Text gegen Ihren eigenen Titel auswechseln: <h1>Social Links</h1><!-- Box Title middle enter here --> Bearbeitung soziale Netzwerke der dritten Box linksseitig: In folgenden Codezeilen die rot markierten Weblinks gegen Ihre eigenen Weblinks auswechseln: <p> <a href="http://facebook.com" class="face"> FACEBOOK</a> <a href="http://twitter.com" class="twitt"> TWITTER</a> <a href="http://plus.google.com/plus" class="goog"> GOOGLE +</a> <a href="http://www.tumblr.com" class="tumb"> TUMBLR</a> </p> © 2013-2015 by Gino Zantarelli (www.bmuniverse.com/zantarelli) Alle Bilder, Vorlagen sowie geistige Ideen sind Eigentum von Gino Zantarelli Webdesign. Copyrights aus angebotenen Inhalten dürfen nicht entfernt werden. Werden nicht alle Codezeilen benötigt, so entfernen Sie einfach die restlichen Zeilen (<a Inhalt </a>). Auch hier wieder wichtig: Werden die sozialen Links nicht benötigt, so können Sie den Code gegen einen Textcode auswechseln. Dazu entfernen Sie diesen Part und fügen folgenden ein: Entfernen: <p>Stay with us in contact and follow us now!</p> <p> <a href="http://facebook.com" class="face"> FACEBOOK</a> <a href="http://twitter.com" class="twitt"> TWITTER</a> <a href="http://plus.google.com/plus" class="goog"> GOOGLE +</a> <a href="http://www.tumblr.com" class="tumb"> TUMBLR</a> </p> <p>Share the Love&hellip;</p> Einfügen: <h1>I gotta piss&hellip; motherfucker</h1> <p class="textbox">Now that there is the Tec-9, a crappy spray gun from South Miami. This gun is advertised as the most popular gun in American crime. Do you believe that shit? It actually says that in the little book that comes with it: the most popular gun in American crime. Like they're actually proud of that shit.</p> <br/> <a href="http://slipsum.com"><i>&raquo; Filltext by slipsum.com</i></a> Bearbeitung des Titels der vierten Box linksseitig: In folgender Codezeile den rot markierten Text gegen Ihren eigenen Titel auswechseln: <h1>I gotta piss&hellip; motherfucker</h1> Bearbeitung Text der vierten Box linksseitig: In folgenden Codezeilen den rot markierten Text gegen Ihren eigenen Inhalt auswechseln: <p class="textbox">Now that there is the Tec-9, a crappy spray gun from South Miami. This gun is advertised as the most popular gun in American crime. Do you believe that shit? It actually says that in the little book that comes with it: the most popular gun in American crime. Like they're actually proud of that shit.</p> Bearbeitung Weblink der vierten Box linksseitig (unten): In folgender Codezeile den rot markierten Weblink & Linktitel gegen Ihren eigenen Weblink & Linktitel auswechseln: <a href="http://slipsum.com"><i>&raquo; Filltext by slipsum.com</i></a> Wird der Link nicht benötigt, so löschen Sie diese komplette Codezeile. © 2013-2015 by Gino Zantarelli (www.bmuniverse.com/zantarelli) Alle Bilder, Vorlagen sowie geistige Ideen sind Eigentum von Gino Zantarelli Webdesign. Copyrights aus angebotenen Inhalten dürfen nicht entfernt werden. Was bezweckt der CSS3 Simple Add Footer? Mit dem CSS3 Simple Add Footer können Sie Extra Linkinhalte, Text & Social Links in Ihrem Woltlab Burning Board 4 im unteren Bereich als Tabelle darstellen und steigern dadurch die Attraktivität ihres Forums. Wo kann man den CSS3 Simple Add Footer optisch anpassen? Eine optische Anpassung kann in der CSS-Definition des eingefügten Codeblocks für den CSS3 Simple Add Footer durchgeführt werden. Wo kann man den CSS3 Simple Add Footer inhaltlich anpassen? Eine inhaltliche Anpassung kann im erstellten Template „SimpleAddFooter“ durchgeführt werden. Der Inhalt ist in html geschrieben, daher sollte ein Grundwissen in html-coding vorhanden sein. Anhand dieser Anleitung ist das bearbeiten aber auch für Laien geeignet. Der CSS3 Simple Add Footer wird nicht angezeigt - was nun? - Überprüfen sie ob alle benötigten Templates & die benötigte Templategruppe vorhanden sind. - Kontrollieren Sie ob im genutzten Stil die Templategruppe mit den benötigten Templates ausgewählt ist. - Überprüfen Sie im Template „SimpleAddFooter“ alle Pfade & Angaben. Muss ich den CSS3 Simple Add Footer benutzen? Selbstverständlich müssen Sie den CSS3 Simple Add Footer nicht benutzen und können diesen entfernen, dieses geht ganz einfach durch Entfernung einer Codezeile im Template „footer“ Ihres Stils. Um die Codezeile zu entfernen, gehen Sie in das Admin Panel (ACP) und öffnen den Pfad zu Ihrem Footertemplate: Darstellungen > Templates > Templates auflisten > Ihre Templategruppe auswählen > Name: footer Drücken sie nun auf das Stift-Symbol linksseitig zum bearbeiten des Templates, suchen Sie folgende Codezeile & entfernen Sie diese: {include file='SimpleAddFooter'} Danach das Template speichern und der CSS3 Simple Add Footer ist nicht mehr im Stil sichtbar. Möchten Sie später den CSS3 Simple Add Footer doch in Ihrem Stil anzeigen, so braucht man nur die Codezeile wieder in das Template einfügen. Achtung: Wenn Sie nicht wissen, welche Templategruppe Ihr Stil nutzt, so können Sie dieses sehen unter folgenden Pfad: Darstellungen > Stile > Stile auflisten > Ihren Stil auswählen > Stift-Symbol rechtsseitig zum bearbeiten klicken > Register „Daten“ > Template-Gruppe © 2013-2015 by Gino Zantarelli (www.bmuniverse.com/zantarelli) Alle Bilder, Vorlagen sowie geistige Ideen sind Eigentum von Gino Zantarelli Webdesign. Copyrights aus angebotenen Inhalten dürfen nicht entfernt werden.