Schritt 1: Schritt 2: Schritt 3:

Werbung
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…</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… 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>» 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…</p>
Einfügen:
<h1>I gotta piss… 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>» 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… 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>» 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.
Herunterladen