Hallo Karlchen,
auf dich ist wirklich verlass! Danke
Du hast recht, es ist wegen CSS schwer mir da genau zu helfen.
Dein Vorschlag mit dem "Superfish-Menü" ist super, genau so ein Menü wäre perfekt!
Habe alle Dateien wie im Video gezeigt eingebunden.
CSS und in mein Typoscript die Navigation.
Das ganze schaut jetzt so aus:
http://www.bilder-upload.eu/show.php?file=87787b-1334821478.jpg
Ich weiss jetzt gar nicht ob das so aussehen soll..
Alle Menüpunkte sind jetzt aufgeklappt..
Was leider überhaupt nicht funktioniert ist die einbindung der JS Dateien.
Die Jquerymin habe ich mal weg gelassen diese ist schon drin.
Das wäre das Script für das Superfish-Menü
/*<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> */
<script type="text/javascript" src="http://domain.de/fileadmin/templates/js/hoverIntent.js"></script>
<script type="text/javascript" src="http://domain.de/fileadmin/templates/js/superfish.js"></script>
<script type="text/javascript" src="http://domain.de/fileadmin/templates/js/supersubs.js"></script>
<script type="text/javascript">
// initialise plugins
$(document).ready(function(){
$("ul.sf-menu").supersubs({
minWidth: 11, // minimum width of sub-menus in em units
maxWidth: 27, // maximum width of sub-menus in em units
extraWidth: 1 // extra width can ensure lines don't sometimes turn over
// due to slight rounding differences and font-family
}).superfish({
animation: {opacity:'show',height:'show',width:'show'},
speed: 'fast'
}); // call supersubs first, then superfish, so that subs are
// not display:none when measuring. Call before initialising
// containing tabs for same reason.
});
</script>
Binde ich das so in mein TS geht gar nichts mehr..
Hier mal meine TS:
#################################
# Indexed Search aktivieren
#################################
config.index_enable = 1
# RealURL
#config.simulateStaticDocuments = 0
#config.baseURL = http://www.test-typo3.de/
#config.tx_realurl_enable = 1
#config.uniqueLinkVars = 1
#config.linkVars = L
#E-Mail Antispam
config.spamProtectEmailAddresses = 1
config.spamProtectEmailAddresses_atSubst = (at)
config {
#Kommentare ausblenden
disablePrefixComment = 1
xhtml_cleaning = all
index_enable = 1
linkVars = L
sys_language_uid = 0
language = de
locale_all = de_DE
htmlTag_langKey = de
metaCharset = utf-8
#renderCharset = utf-8
additionalHeaders = Content-Type:text/html;charset=utf-8
extTarget=_blank
doctype = xhtml_trans
}
#csc-header entfernen
lib.stdheader.stdWrap.dataWrap >
#�berschriften ohne Zus�tze
lib.stdheader.2.headerStyle >
lib.stdheader.3.headerClass >
# class="bodytext" bei RTE abstellen
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class >
# Ummantelung mit <p> bei folgenden Tags verhindern
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.encapsTagList = cite, div, p, pre, hr, h1, h2, h3, h4, h5, h6,table,tr,td
#p bei Tabellenzellen entfernen
#lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.removeTags = p
#Klassen in Tabellen zulassen
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >
page = PAGE
page {
config.disablePrefixComment = 1
shortcutIcon = fileadmin/template/images/favicon.ico
typeNum = 0
bodyTag =
includeCSS {
file1 = fileadmin/template/style.css
file1.media = screen
}
includeJS.file10 = fileadmin/template/js/jquery.min.js
includeJSFooter{
file11 = fileadmin/template/js/animated-menu.js
file12 = fileadmin/template/js/general.js
file13 = fileadmin/template/js/jquery.easing.1.3.js
}
bodyTagCObject = TEXT
bodyTagCObject.field = uid
bodyTagCObject.wrap = <body id="page|">
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/template/template.html
10.workOnSubpart = DOKUMENT
10.marks {
LOGO = TEXT
LOGO.value = <a href="/" title="Startseite"><img src="fileadmin/template/img/logo.png"></a>
NAVI= HMENU
NAVI {
special = directory
special.value = 1
1 = TMENU
1 {
wrap = <ul class="sf-menu">|</ul>
expAll = 1
noBlur = 1
NO = 1
NO.allWrap= <li>|</li>
NO.stdWrap.htmlSpecialChars = 1
CUR = 1
CUR.allWrap = <li class="current">|</li>
CUR.stdWrap.htmlSpecialChars = 1
}
2 = TMENU
2 {
expAll = 1
noBlur = 1
NO.wrapItemAndSub = <li>|</li>
NO.stdWrap.htmlSpecialChars = 1
CUR = 1
CUR.wrapItemAndSub = <li class="current">|</li>
CUR.stdWrap.htmlSpecialChars = 1
ACT = 1
ACT < .CUR
}
3 < .2
3.wrap = <ul>|</ul>
}
/* NAVI= HMENU
NAVI {
special = directory
special.value = 1
1 = TMENU
1 {
wrap = <ul class="nav-ebene-eins">|</ul>
noBlur = 1
expAll = 1
NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
NO.wrapItemAndSub = |</li>
NO.ATagTitle.field = title // nav_title
ACT < .NO
ACT = 1
ACT.ATagParams = class="active"
}
2 = TMENU
2 {
wrap = <ul class="nav-ebene-zwei">|</ul>
expAll = 1
NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
NO.wrapItemAndSub = |</li>
NO.ATagTitle.field = title // nav_title
ACT < .NO
ACT = 1
ACT.ATagParams = class="active"
}
}
*/
CONTENT = CONTENT
CONTENT {
table = tt_content
select.orderBy = sorting
select.languageField = sys_language_uid
select.where = colPos = 0
renderObj < tt_content
renderObj.stdWrap.wrap = <div id="con-mitte-left"><!--TYPO3SEARCH_begin--> | <!--TYPO3SEARCH_end--></div>
}
RIGHT = CONTENT
RIGHT {
table = tt_content
slide = -1
select.orderBy = sorting
select.languageField = sys_language_uid
select.where = colPos = 2
renderObj < tt_content
renderObj.stdWrap.wrap = <div id="con-mitte-right"> | </div>
}
HEADERBILD = CONTENT
HEADERBILD {
table = tt_content
slide = -1
select.orderBy = sorting
select.languageField = sys_language_uid
select.where = colPos = 1
renderObj < tt_content
renderObj.stdWrap.wrap = <div id="con-headerbild"> | </div>
}
FOOTER = HMENU
FOOTER {
special = list
special.value = 18,21,20,6
1 = TMENU
1 {
wrap = <div class="menu-footer"> | </div>
NO.allWrap = | |*|• | |*|• |
NO.ATagTitle.field = title // nav_title
ACT < .NO
ACT = 1
ACT.ATagParams = class="active"
}
}
HEADERNAVI = HMENU
HEADERNAVI {
special = list
special.value = 6,10,11
1 = GMENU
1.noBlur = 1
1.wrap = |
1.NO = 1
1.NO {
altImgResource.import = uploads/media/
altImgResource.import.field = media
altImgResource.import.listNum = 0
}
1.RO < .1.NO
1.RO = 1
1.RO.altImgResource.import.listNum = 1
}
}
}
}
plugin.tx_indexedsearch._DEFAULT_PI_VARS.lang = 0
config.index_externals = 1 (z.B. für PDF Files)
config.sys_language_uid = 0
config.language = de
config.index_externals = 1
# Anzahl der anzuzeigenden Resultate pro Seite
plugin.tx_indexedsearch._DEFAULT_PI_VARS.results = 10
plugin.tx_indexedsearch {
# ID der obersten Seite
search.rootPidList = 1
show.rules = 0
show.advancedSearchLink = 1
show.L1sections = 0
templateFile = fileadmin/template/indexed_search.tmpl
_DEFAULT_PI_VARS.lang = 0
browseBoxWrap = <div class="browsebox">|</div>
pageWrap = <span>|</span>
}
[globalVar = TSFE:id = 1]
page.includeJS.file81 = fileadmin/template/js/general-start.js
[global]
####
# Condition for layout
#####
[globalVar = TSFE:page|layout = 1]
page.10.template.file = fileadmin/template/temp-kontakt.html
[global]
[globalVar=TSFE:page|layout=2]
page.10.template.file = fileadmin/template/temp-start.html
[global]
[browser = msie]
page.includeCSS.file90 = fileadmin/template/ie.css
[GLOBAL]
Würdest du mir vllt. noch einen Tipp geben? Ich was ich falsch mache? Bin echt am Verweifeln.. Ein großes Danke an dich 🙂