Einen wunderschönen Nachmittag zusammen,
ich arbeite momentan an einer Internetseite: http://p185488.mittwaldserver.info/index.php?id=33
Auf dieser Seite befindet sich ein Menü (Slide Down Box Menu), das ist das Mainmenü, wenn man die Seite öffnet...
Dieses Menü würde ich nun gerne mit dem responsive Bootstrap Menü verbinden (http://twitter.github.io/bootstrap/scaffolding.html#responsive bzw. https://github.com/kamens/jQuery-menu-aim)
eben für ein hübscheres Design auf mobilen Geräten...
Ich verstehe nur überhaupt nicht wie ich meinem Slide Down Box Menü sagen soll, das er ab der und der pixel Größe auf das responsive Menü umswitchen soll.
Mein TypoScript sieht so aus:
MENU2 < lib.slideDownBoxMenu
lib.slideDownBoxMenu = HMENU
lib.slideDownBoxMenu {
wrap = <div id="slideDownBoxMenu">|</div>
entryLevel = {$plugin.tx_t3sslidedownboxmenu_pi1.entryLevel}
excludeUidList = {$plugin.tx_t3sslidedownboxmenu_pi1.excludeUidList}
1 = TMENU
1.expAll = 1
1.noBlur = 1
1.wrap = <ul id="sdt_menu" class="sdt_menu">|</ul>
1 {
NO{
stdWrap.cObject = LOAD_REGISTER
stdWrap.cObject {
page_subtitle.field = subtitle // abstract
page_subtitle.ifEmpty =
page_subtitle.dataWrap = |
page_subtitle.insertData = 1
page_title.field = title
page_title.dataWrap = |
page_title.insertData = 1
page_media.cObject = IMAGE
page_media.cObject.file {
import = uploads/media
import.data = levelmedia:-1, slide
treatIdAsReference = 1
import.listNum = {$plugin.tx_t3sslidedownboxmenu_pi1.listNum}
width = 190c
height = 190c
quality = 85
}
}
wrapItemAndSub = <li>|</li>
stdWrap.dataWrap = {register:page_media} <span class="sdt_active"> </span><span class="sdt_wrap"><span class="sdt_link">{register:page_title}</span><span class="sdt_descr">{register:page_subtitle}</span></span>
}
}
2 = TMENU
2.expAll = 1
2.noBlur = 1
2.wrap = <div class="sdt_box">|</div>
2{
NO{
wrapItemAndSub = |
# ATagTitle.field = subtitle // abstract
}
}
99 = RESTORE_REGISTER
}
Doch wie muss ich es umbauen oder was muss ich neu hinzu schreiben damit er das responsive quasi dazu schaltet?
Die Dateien, die es auf der Seite mitgeliefert gab habe ich bereits eingebaut und im backend abgespeichert. Sieht etwa so aus:
includeCSS {
file01 = fileadmin/Resources/Public/bootstrap/css/bootstrap.min.css
file03 = fileadmin/Resources/Public/bootstrap/css/bootstrap-responsive.min.css
}
Also am Einbinden dürfte es nicht liegen, eher an der "Vernetzung" zueinander, oder?!?!?!?
Kann mir jemand helfen? :-(