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 (2261)
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 (2261)
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

  • Wie 'saubere' Dateinamen bei Upload erzwingen?
  • Modul lässt Website anstürzen
  • Showroom
  • rename admin paths - Probleme mit Modul - Alterantive?
  • Probleme mit Installation voa COMPOSER
  • Drupal- Vor- und Nachteile
  • Text Editor verschwunden
  • Wie URL Alias für Entity in Drupal 9 erstellen?
  • in View zwischen Felder einer Node filtern
  • HTML-Code funktioniert nicht
  • Webform, Condtional Logik, Kontrollkästchen
  • Sprachumstellung - alte Nodes nicht mehr über alias erreichbar
Weiter

Neue Kommentare

  • Das Modul ist ja ganz schön,
    vor 2 Tagen 3 Stunden
  • Modul Purge
    vor 2 Tagen 21 Stunden
  • Nö
    vor 3 Tagen 5 Stunden
  • Manuell aus der Datenbank löschen
    vor 3 Tagen 5 Stunden
  • Bots ... auf Abstand
    vor 3 Tagen 21 Stunden
  • Cache vs Browser
    vor 3 Tagen 21 Stunden
  • h2b2 schrieb Nach einigen
    vor 6 Tagen 5 Stunden
  • Vor- und Nachteile
    vor 6 Tagen 7 Stunden
  • Alles klar, vielen herzlichen
    vor 1 Woche 1 Tag
  • Entitäts- bzw. Felddefinitionen
    vor 1 Woche 1 Tag

Statistik

Beiträge im Forum: 247800
Registrierte User: 19534

Neue User:

  • rogerfk18
  • Joshuanv
  • DorothyDef

» Alle User anzeigen

User nach Punkten sortiert:
wla9209
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3845
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 4 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