kwicks
Eingetragen von grünhinterdenohren (37)am 07.09.2009 - 11:56 Uhr in
hi!
ich würde gerne in meiner linken sidebar ein slide-menü bauen und es mit kwicks realisieren, wie in diesem beispiel:
http://www.jeremymartin.name/examples/kwicks.php?example=5 ...
hab die jquery dafür herunter geladen, ebenso das nötige css erstellt ... nun sehen meine primary-links zwar so aus, aber passieren tut nichts, im gegenteil nur der erste bleibt stehen, der rest verschwindet :(
die js- und die css-datei sind auch richtig verlinkt.
hat jemand vlt. ne idee woran das liegt bzw. ob ich sowas auch anders realisieren kann? hab auch schon diverse module runter geladen, aber die funzen irgendwie alle nicht, vorallem die jquery-module.
- Anmelden oder Registrieren um Kommentare zu schreiben
gut der fehler ist erstmal
am 07.09.2009 - 12:25 Uhr
gut der fehler ist erstmal weg :) ... habs hinbekommen
aber nun ist was anderes, und zwar sind die abstände zwischen den links zu groß, sollte aber nicht so sein ...
screenshot --> http://img199.imageshack.us/img199/7030/screenshotil.png
css:
.menu {
position: relative;
margin: 0;
padding: 0;
/*height: 20px; */
}
.menu li{
list-style: none;
padding: 0;
}
/* block-menu-primary-links */
#block-menu-primary-links .block-inner .content .menu li{
height: 100px;
margin-bottom: 3px;
}
#dhtml_menu-121 {
background-color: #4D9AA8;
margin: 0pt;
top: 0px;
height: 310px;
position: absolute;
}
#dhtml_menu-424 {
background-color: #82A616;
margin: 0pt;
top: 313px;
height: 30px;
position: absolute;
}
#dhtml_menu-423 {
background-color: #F29A1F;
margin: 0pt;
top: 346px;
height: 30px;
position: absolute;
}
#dhtml_menu-450 {
background-color: #F29A1F;
margin: 0pt;
top: 379 px;
height: 30px;
position: absolute;
}
#dhtml_menu-534 {
background-color: #A66A16;
margin-bottom: none;
margin: 0pt;
top: 412 px;
height: 30px;
position: absolute;
}
js:
in der page.tpl.php
$().ready(function() {
$('.kwicks').kwicks({
min : 30,
spacing : 3,
isVertical : true,
sticky : true,
event : 'click'
});
});
+ http://kwicks.googlecode.com/svn/branches/v1.5.1/Kwicks/jquery.kwicks-1....
vlt. weiß ja jemand was lso ist ;)
dankööh!!
PS: ich mach das grade alles im zen-subtheme
Firebug/Firefox
am 07.09.2009 - 13:11 Uhr
Schwierig zu sagen, da wir nur den Screenshot haben und nicht wissen, wie das Menü ineinander verschachtelt ist. Kwicks kenn ich nicht, aber ich vermute mal, dass die top: zu groß angelegt sind / in Kombination mit position: absolute.
Siehe auch: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
Schau es dir am besten mit Firefox/Firebug an. Da kannst du recht schnell erkennen, woran es wirklich liegt.