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

Accordion Footer

Eingetragen von wrestler (216)
am 29.08.2012 - 18: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 (2260)
am 30.08.2012 - 07: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 - 19: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 (2260)
am 31.08.2012 - 07: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

  • Hilfsprogramme
  • [gelöst] Sichtbarkeit von Seiten über Rollen steuern
  • [gelöst] Menüpunkte deaktivieren sich automatisch
  • Kartenansicht, Position des Users und Nodes anzeigen
  • Theme suggestion wird nicht verwendet
  • [gelöst]Pflichtfeld vom User deaktivieren lassen
  • Konto löschen, wie? (Drupalorg/Drupalcenter)
  • Layout-Builder hängt
  • Drupal 8/9 SEO-Beratung/Coaching
  • Verschachtelte UND / ODER Abfrage mit hook_views_query_alter
  • Hilfe zu Views und Filter?
  • Views für 2 Kategorien
Weiter

Neue Kommentare

  • Zitat: Ich möchte ja die
    vor 7 Stunden 37 Minuten
  • Gelöst
    vor 7 Stunden 59 Minuten
  • Das hilft mir leider nicht.
    vor 8 Stunden 4 Minuten
  • Wenn ich es richtig verstehe,
    vor 9 Stunden 39 Minuten
  • Liebe Regina, herzlichen Dank
    vor 20 Stunden 49 Minuten
  • Nimm content access, aber Du
    vor 1 Tag 4 Stunden
  • Verlege diese Funktion in ein
    vor 1 Tag 4 Stunden
  • Nodeaccess geht ja gerade
    vor 1 Tag 5 Stunden
  • sollte mit domainaccess gehen
    vor 1 Tag 7 Stunden
  • Danke das ist die Lösung
    vor 2 Tagen 2 Stunden

Statistik

Beiträge im Forum: 246109
Registrierte User: 18885

Neue User:

  • Stine_64
  • uniquename
  • xapizm

» Alle User anzeigen

User nach Punkten sortiert:
wla9018
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3917
ronald3832
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 1 Benutzer und 6 Gäste online.

Benutzer online

  • Franz Kruse

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