full width footer

CSS-Code

Diesen Code per Einstellungen > CSS einfügen und anpassen.

Quellcode markieren & kopieren

Quellcode

Diesen Code per Widget > Quelltext als letzten Artikel in der Fusszeile einfügen und anpassen

<figure>
<h2>Externe Links</h2>
<p align="left">
  <a href="https://www.zeta-producer.com/de/index.html" target="_blank">Zeta Producer</a><br>
  <a href="https://community.zeta-producer.com/" target="_blank">Forum Zeta Producer</a><br>
  <a href="https://blog.zeta-producer.com/" target="_blank">Blog Zeta Producer</a><br>
  <a href="https://blog.zeta-producer.com/htaccess-zeta-producer/" target="_blank">.htaccess-Datei</a><br>
  <a href="https://www.w3schools.com/css/default.asp" target="_blank">w3schools.com</a><br>
  <a href="https://codepen.io/" target="_blank">Codepen</a><br>
</p>
	</figure>

<figure>
<h2>Interne Links</h2>
<p align="left">
  <a href="index.php">Startseite</a><br>
  <a href="hover-effekte.html">Hover</a><br>
  <a href="text.html">Text</a><br>
  <a href="popup-fenster.html">CSS Fenster</a><br>
  <a href="menue.html">Menü</a><br>
  <a href="mehr.html">Mehr</a><br>
  <a href="layout.html">Layout</a><br>
  <a href="vorlagen.html">Vorlagen</a><br>
</p>
	</figure>

<figure>
<h2>Rechtliches</h2>
<p align="left">
  <a href="datenschutzerklaerung.html">Datenschutzerklaerung</a><br>
  <a href="impressum.html">Impressum</a><br>
</p>
	</figure>

<figure>
<h2>Social Media</h2>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.8";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/probsteizella/" data-width="270" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/probsteizella/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/probsteizella/">Probstei Zella</a></blockquote></div>
	</figure>

</div>

Quellcode markieren & kopieren

Infos

Das Widget Quelltext am Ende der Fusszeile erhält die CSS-Klasse zpBreakout
Der Container der für den Footer verantwortlich ist bekommt das Inline-CSS margin-bottom: -30px
Die gewünschte Hintergrundfarbe vergebt ihr ebenfalls diesem Container

full width footer

CSS-Code

Quellcode

Infos

Externe Links

Interne Links

Rechtliches

Social Media

NEUE BEITRÄGE