Accordion Footer
Eingetragen von wrestler (216)am 29.08.2012 - 18:37 Uhr in
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
- Anmelden oder Registrieren um Kommentare zu schreiben
Direkt ein Modul fällt mir
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
Zitat: Beispiel auf
am 30.08.2012 - 19:06 Uhr
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
Richtig programmieren musst
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/
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