Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Module ›

Accordion Footer

Eingetragen von wrestler (216)
am 29.08.2012 - 19:37 Uhr in
  • Module
  • Drupal 7.x oder neuer

Hallo allerseits

Ich erstelle neu eine Seite mit Omega.
Ich möchte unter anderem einen ausklappbaren Footer (Accordion, Expandable oder wie auch immer), etwa wie auf dieser Seite:
http://www.dynamicdrive.com/dynamicindex17/stickybar.htm

Auch horizontales Ausklappen wäre auch wünschenswert.

Gibt es ein Modul in D7 dazu? Ich habe es mit Accordion Blocks probiert… das scheint aber nicht zum Ziel zu führen.

Vielen Dank im Voraus!
Euer Wrestler

‹ CKEditor und Wysiwyg erkennt sprache, Rechtschreibung Webform: Fehlermeldung nach Übermitteln der Webform ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Direkt ein Modul fällt mir

Eingetragen von SteffenR@drupal.org (2262)
am 30.08.2012 - 08:13 Uhr

Direkt ein Modul fällt mir dazu jetzt nicht ein .. Eigentlich möchtest du hier ja eine sogenannten Sticky Footer der sich ein- bzw. ausklappen lässt.

Beispiel auf http://www.borekmedia.de

Code kannst du dir über Firebug genau auseinandernehmen / anschauen.
Das Javascript für das ein/ausklappen schaut wie folgt aus:

$('#footer_btn').click(function() {
if($("#footer").height()==39) {
$("#footer").animate({"height": "+=150px"}, "fast");
}
else {
   $("#footer").animate({"height": "-=150px"}, "fast");
  }
});

SteffenR

http://www.twitter.com/_steffenr
Drupal-Initiative e.V.

undpaul

  • Anmelden oder Registrieren um Kommentare zu schreiben

Zitat: Beispiel auf

Eingetragen von wrestler (216)
am 30.08.2012 - 20:06 Uhr
Zitat:

Beispiel auf http://www.borekmedia.de

Ja, genau, das mein ich. Da ich aber kein Programmierer bin, habe ich keine Ahnung, was ich mit diesem Code anstellen muss.
Kannst du mir das erklären oder gibt's irgendwo eine Anleitung dazu?

Vielen Dank.
Wrestler

Gruss
The Wrestler

  • Anmelden oder Registrieren um Kommentare zu schreiben

Richtig programmieren musst

Eingetragen von SteffenR@drupal.org (2262)
am 31.08.2012 - 08:10 Uhr

Richtig programmieren musst du dafür auch nicht ...
Ohne einen Eingriff in dein Theme - im besten Falle nur CSS und natürlich Javascript wirst du die Änderung aber nicht durchführen können.
Das Ganze erkläre ich an folgendem einfachen Beispiel: http://jsfiddle.net/steffenr/qB7aq/

  1. Hauptinhalt #main_content mit mit margin-bottom versehen - so verhinderst du, dass der Inhalt aus dem Hauptinhalt unter den Footer rutscht
  2. Styling des Footers - position: fixed / Höhe festlegen etc. hiermit sagst du dem Footer, dass er immer am unteren Rand des Browsers "klebt" (sticky-footer-Prinzip) - über die feste Höhe stellst du sicher, dass nicht alle Inhalte angezeigt werden
  3. ein wenig jQuery-Magie - wird in die Javascript Datei deines Themes eingebunden (Link zu drupal.org) - bei Klick auf den #footer_btn wird die Höhe des Footer geändert

Im Fiddle selbst kannst du die Parameter / Styling auch beliebig ändern, um zu sehen, welche Auswirkungen sich ergeben - anschauen kannst du dir das Ganze dann über einen Klick auf Run.

Falls du Verständnisprobleme hast, hilft hier auch ein Blick in selfhtml - dies erklärt dir die Grundlagen von CSS / HTML sehr gut..
http://de.selfhtml.org/

SteffenR

http://www.twitter.com/_steffenr
Drupal-Initiative e.V.

undpaul

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Grundsatzfrage
  • Drupal 9 Hosting
  • Seite auf Xamp wird nicht geladen
  • Anregung für die Installation von Drupal
  • [simplenews_stats] [D10] Keine Öffnungen/Ansichten der Newsletter werden gezählt
  • Theme Olivero - Rand entfernen?
  • Olivero veraendern
  • Upgrade Drupal 9 auf 10
  • Matomo(?) in Seite, aber Deinstalliert!
  • Upgrade Drupal 7 auf Drupal 9 / Inhalt erstellen zeigt nur Fehler an
  • Fehlermeldung nach Update auf Drupal 10
  • Wie Button erstellen?
Weiter

Neue Kommentare

  • Dschungel triffts ganz gut
    vor 5 Stunden 19 Minuten
  • Grundsatzfrage
    vor 1 Tag 1 Stunde
  • Schlichte Antwort: Ja, das
    vor 1 Tag 2 Stunden
  • Hallo! Welchen Host nutzt du
    vor 2 Tagen 7 Stunden
  • Also bei mir funktioniert es
    vor 2 Tagen 8 Stunden
  • Hat mir auch sehr geholfen,
    vor 2 Tagen 8 Stunden
  • Releases Stand 20-9-2023
    vor 3 Tagen 16 Stunden
  • Hi, Das ist leider nicht das
    vor 4 Tagen 11 Stunden
  • Wie plötzlich passierte
    vor 5 Tagen 15 Stunden
  • Sowas geht immer mit
    vor 1 Woche 14 Stunden

Statistik

Beiträge im Forum: 248812
Registrierte User: 19836

Neue User:

  • Thorsten Kötter
  • inklusion
  • sofortnovo

» Alle User anzeigen

User nach Punkten sortiert:
wla9334
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3845
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 5 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association