Zum Inhalt springen

www.meade.de

Erstellt am 23. August 2004 · 180 Antworten · letzte Antwort am 3. Juli 2006 · Seite 4 von 10

Tags: Diskussion

frontal ·

hat schon jemand das menu auf einer zentrierten seite am laufen? linksbündig hab ichs hingekriegt (http://www2.orthopaedie-technik.ch) aber zentriert habe ich meine mühe (http://smpb.abix.ch).

ich habe die .css und .js von meade.de, die ypmenu.php hier von diesem thread und den tip von pascal auch probiert:

# append Menu JS to page
  temp.user_menu_inside = USER
  temp.user_menu_inside.userFunc = user_menu->menuEnd
#das Menüskript einbinden:
  marks.menuskript < temp.user_menu_inside

grüsse rené

n-joy ·

Liberation,

ein Normales js-menü hatte bzw. habe ich schon 😉 (funktioniert soweit auch ganz gut)

Und naja, war wohl nicht so geschickt gewesen von mir, den TS-code zu posten den ich nur kurz zum testen übernommen hatte... ohne da grossartig was zu ändern #paralyzed# ...

aber ich hatte ja schon erwähnt, dass ich schon viele versuche hinter mir habe... ich glaube ich beschäftige mich mit dem menü schon zwei wochen und das auch noch ohne erfolg *duck*

mein problem ist halt, dass an stelle des markers...

   <div id="head3" align="left">
      ###MENU###
   </div>

...folgendes im quellcode rauskommt:

   <div id="head3" align="left">

   </div>

da scheint irgendwo eine übergabe nicht zu stimmen bzw. es findet keine statt

hier nochmal mein TS aus dem Setup:

########## Allgemeine Config > ###########
config {
    simulateStaticDocuments = 1
    simulateStaticDocuments_addTitle = 30
    simulateStaticDocuments_pEnc = md5
    simulateStaticDocuments_noTypeIfNoTitle = 1
    # AdminPanel aktivieren
    admPanel = 1
    # XHTML erzwingen
    doctype = xhtml_trans
    xhtml_cleaning = all
    metaCharset = utf-8
    additionalHeaders = Content-Type:text/html;charset=utf-8
}
########## < Allgemeine Config ###########

############ FE / Ausgabe > #############
page = PAGE
page.typeNum = 0

############### ypMenu > ############## 
page.headerData.10 = TEXT
page.headerData.10.value = <script type="text/javascript" src="fileadmin/scripts/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/scripts/ypMenu/jslib.js" language="JavaScript"></script>
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu/ypMenu.php
page.20 < temp.user_menu
############### < ypMenu ############## 

page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php

############# TEMPLATE > ##############
page.stylesheet = fileadmin/templates/style1/styles.css
page.10 = TEMPLATE
page.10{
    template = FILE
    template.file = fileadmin/templates/style1/template.htm
    workOnSubpart = TYPO3_BEREICH

    marks.INHALT = COA
    marks.INHALT {
        10 = CONTENT
        10.table = tt_content   
        10 < styles.content.get
        20 < temp.geaendert_am
    }

    marks.MENU = COA
    marks.MENU {
    10 < temp.ypMENU
    }

    marks.MENURECHTS = COA
    marks.MENURECHTS {
        wrap = <div style="margin:0px; height:auto; width:150px;border:0px; padding-left:10px; padding-right:0px; padding-bottom:5px; padding-top:5px; border-left:1px dotted #cccccc;" align="center"> | </div>
        10 < temp.sprache
        20 < temp.loginbox
        30 < plugin.tx_macinasearchbox_pi1
    }
    marks.SUBMENU = COA
    marks.SUBMENU {
        10 < temp.submenu
    }
}
############# < TEMPLATE ##############
############ < FE / Ausgabe #############

das angefügte template mit dem ypMenu:

temp.ypMenu >
temp.ypMenu = HMENU
temp.ypMenu {
    1 = GMENU
    1 {
        IProcFunc = user_menu->firstLevel
        expAll = 1
        wrap = | 
        IFSUB = 1
        IFSUB {
            wrap = |
            XY = [50.w]+20, 25
            backColor = #cccccc
            50 = TEXT
            50 {
                text.field = title
                fontSize = 12
                fontFile = fileadmin/templates/fonts/verdana.ttf
                fontColor = #222222
                offset = 10,17
                niceText = 1
            }
            100 = || IMAGE
            100.file = fileadmin/scripts/ypMenu/clear.gif
        }

        NO {
            wrap = |
            XY = [50.w]+20, 25
            backColor = #cccccc
            50 = TEXT
            50 {
                text.field = title
                fontSize = 12
                fontFile = fileadmin/templates/fonts/verdana.ttf
                fontColor = #222222
                offset = 10,17
                niceText = 1
            }
            100 = || IMAGE
            100.file = fileadmin/scripts/ypMenu/clear.gif
        }

        RO < temp.ypMenu.1.NO
        RO = 1
        RO  {
            backColor = #ffca51
        }

        IFSUBRO < temp.ypMenu.1.NO
        IFSUBRO = 1
        IFSUBRO  {
            backColor = #ffca51
        }
    }

    2 = TMENU
    2 {
        IProcFunc = user_menu->secondLevel
        expAll = 1
        NO.linkWrap = <li>|</li>
    }

    3 = TMENU
    3 {

        IProcFunc = user_menu->thirdLevel
        expAll = 1
        NO.linkWrap = <li>|</li>
    }

    4 = TMENU
    4 {
        IProcFunc = user_menu->fourthLevel
        expAll = 1
        NO.linkWrap = <li>|</li>
    }
}

temp.user_menu = USER
temp.user_menu.userFunc = user_menu->menuEnd

Ich wär ja schon glücklich wenn statt des Marker irgendein Quellcode kommen würd, aber das will irgendwie nicht 🙁

Mit anderen "normalen" Menüs hatte ich noch nie Probleme, nur dieses hier will nich so ganz #paralyzed#

Darf ich aufgeben oder muss ich an meiner Intelligenz zweifeln ? :o :o

MfG

Liberation ·

schreib mich doch mal icq an bitte dann guck ich am besten mal direkt bei dir in dein TS Setup.

PS. Hast Du mal Probiert dein Marker einfach mal mit "Text" zu füllen?

Zenrieren des Menus:
Menucode in dein Container packen der Zentriert ist.

frontal ·

habs geschafft. der fehler war, dass ich die breite des containers nicht definiert hatte.

aus dem html-template:

<div id="menumarker" align="left">###menuskript###</div>

aus dem css:

#menumarker {
width: 710px;
position: relative;
}

n-joy ·

ich habe den fehler auch gefunden 😉 ...dank der mithilfe von Liberation

VORHER

temp.ypMenu >
temp.ypMenu = HMENU
temp.ypMenu {
    1 = GMENU
    1 { 
    ...
    ...

NACHHER

temp.ypMenu.special = directory
temp.ypMenu.special.value = 57
temp.ypMenu = HMENU
temp.ypMenu {
    1 = GMENU
    1 { 
    ...
    ...

(57 ist die ID meiner Menü-root-page)

MfG

Liberation ·

Habe ich jetzt das Problem mit den Browseranpassungen gefunden die nur beim ersten Seitenbetreten von der php datei vorgenommen wurde.

Als Lösung packt bitte den kompletten menucode in eine template ext.
packt dann zusätzlich

config.no_cache = 1

als Setupzeile hinzu.
Somit wird das menu selber nicht gecached und es funktionieren alle Browseranpassungen korrekt.

Vielleicht baut ein Freund und ich eine typo3 ext. für solche Probleme.

Gruß Alex

SilverBlue ·

Ich habe das Menü schon erfolgreich zum laufen gekriegt. Allerdings ist die Rolloverfarbe die gleiche wie Hintergrundfarbe. ( http://p7460.typo3server.info/ ) Außerdem fehlt das Hintergrundbild in der Menüleiste

Das TS:

seite = PAGE
seite.typeNum = 0
# seite.stylesheet = fileadmin/MEADE/style.css
# Benoetigte Libaries einfuegen
seite.includeLibs.ypMenu = fileadmin/MEADE/ypMenu.php

seite.headerData.10 = TEXT
seite.headerData.10.value = <script type="text/javascript" src="fileadmin/MEADE/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/MEADE/jslib.js" language="JavaScript"></script>
seite.headerData.20 = TEXT
seite.headerData.20.value = <link rel="stylesheet" type="text/css" href="fileadmin/MEADE/meade_nav.css"><link rel="stylesheet" type="text/css" href="fileadmin/MEADE/meade_position.css"><link rel="stylesheet" type="text/css" href="fileadmin/MEADE/meade_text.css">
seite.10 = TEMPLATE
seite.10 {
            template = FILE
            template.file = fileadmin/MEADE/template.html
            workOnSubpart = DOKUMENT
            marks.INHALT =  CONTENT
            marks.INHALT < styles.content.get





marks.MENU_MAIN >
marks.MENU_MAIN = HMENU
marks.MENU_MAIN.1 = GMENU
marks.MENU_MAIN.1 {
  IProcFunc = user_menu->firstLevel
  expAll = 1
  wrap = |


IFSUB = 1
IFSUB {
  wrap = |

   XY = [50.w]+20, 25
   backColor = #cccccc

   50 = TEXT
   50 {
    text.field = title
    fontSize = 12
    fontFile = fileadmin/fonts/verdana.ttf
    fontColor = #222222
    offset = 10,17
    niceText = 1

   }

   100 = || IMAGE
   100.file = fileadmin/MEADE/spacer.gif
}

NO {
  wrap = |

   XY = [50.w]+20, 25
   backColor = #cccccc

   50 = TEXT
   50 {
    text.field = title
    fontSize = 12
    fontFile = fileadmin/fonts/verdana.ttf
    fontColor = #222222
    offset = 10,17
    niceText = 1

   }

   100 = || IMAGE
   100.file = fileadmin/MEADE/spacer.gif
}

RO < marks.MENU_MAIN.1.NO
RO = 1
RO  {
   backColor = #ffca51
}

IFSUBRO < marks.MENU_MAIN.1.NO
IFSUBRO = 1
IFSUBRO  {
   backColor = #ffca51
  }
}


marks.MENU_MAIN.2 = TMENU
marks.MENU_MAIN.2 {
IProcFunc = user_menu->secondLevel
expAll = 1
NO.linkWrap = <li>|</li>
}

marks.MENU_MAIN.3 = TMENU
marks.MENU_MAIN.3 {
IProcFunc = user_menu->thirdLevel
expAll = 1
NO.linkWrap = <li>|</li>
}

marks.MENU_MAIN.4 = TMENU
marks.MENU_MAIN.4 {
IProcFunc = user_menu->fourthLevel
expAll = 1
NO.linkWrap = <li>|</li>
}
}

# append Menu JS to page
seite.11 = USER
seite.11.userFunc = user_menu->menuEnd

#paralyzed#
Mfg
SilverBlue

Lance ·

Hallo zusammen.
Sorry das ich diesen alten Threat noch einmal ausgrabe. Aber lustigerweise fehlen mir seit der integration der Navigation die Scrollbalken. Kann also nicht mehr scrollen. Ich finde aber leider keine Einstellung in den Dateien die diese Unterbinden sollte. Hat jemand einen Tip?

UND:
Wenn ich über die Hauptnavigationspunkte (horizontal) fahre, sehe ich keinen Text mehr. Das Bild wird duch eine Farbe ersetzt. Hat da evtl. auch jemand einen Tipp?

UND:
Teilweise verschieben sich die Untermenüpunkte. Wie kann ich die richtig platzieren?

Ich wäre wirklich sehr Dankbar für eure Inputs.
Lance

Liberation ·

Hallo,

CSS richtig einstellen, wird alle deine probleme lösen auch das mit dem scroller.

Zur not kopiere dir mal den css von der www.meade.de oder www.sci-worx.com seite runter dann hast du 2 Varianten.

Lance ·

Ok, hat soweit schon einiges funktioniert. Ich habe nun die Slideouts verbreitern können. Aber irgendwie sind jetzt die Slideouts breiter, aber der content darin hat immer noch eine kleiner breite. Wo kann ich die anpassen? Ich werd nicht schlau aus dem CSS. Habe mitlerweilen alle width angaben verbreitert aber es bringt nix. Muss ich was in der PHP Datei machen oder in den JS dateien?

Bin für jeden Tipp dankbar...

Liberation ·

in der phpdatei (ist in der phpdatei oben erklärt) musst du die breite vom menu einstellen. Den css dann daran anpassen.

bei www.sci-worx.com ist das menu breiter ales bei www.meade.de

frontal ·

habe folgendes problem: habe die seite lokal unter windows und typo3 3.7 entwickelt. das menu funktioniert wunderbar. nach dem umzug auf einen linux-server wird die unternavigation nicht angezeigt.

siehe: http://cerutti.abix.ch

jemand ahnung warum?

danke

Lance ·

Auch ich habe noch ein einziges kleines Problem.
Sobald ich über die Bilder mit der Bezeichnung der Hauptnavigationspunkte fahre, ist der Text weg. Gehe ich richtig in der Annahme das da im TS ein Fehler ist?

Habe mittlerweilen einige Varianten ausprobiert aber der Text vom Rollover Bild haust mir immer raus ...

Danke für eine Info ...

Lance ·

Hi Liberation ...
Sorry, hier der Code wie ich ihn im Moment drin hab.

seite = PAGE 
seite.typeNum = 0 
#seite.stylesheet = fileadmin/gl/style.css 
# Benoetigte Libaries einfuegen 
seite.includeLibs.ypMenu = fileadmin/gl/ypmenu.php 

#das Menüskript einbinden: 
  marks.MAIN_MENU < temp.user_menu_inside

seite.headerData.10 = TEXT 
seite.headerData.10.value = <script type="text/javascript" src="fileadmin/gl/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/gl/jslib.js" language="JavaScript"></script> 
seite.headerData.20 = TEXT 
seite.headerData.20.value = <link rel="stylesheet" type="text/css" href="fileadmin/gl/gl_nav.css">
seite.10 = TEMPLATE 
seite.10 { 
            template = FILE 
            template.file = fileadmin/gl/temp_main.htm
            workOnSubpart = DOKUMENT 
            marks.CONTENT =  CONTENT 
            marks.CONTENT < styles.content.get


            marks.NEWS = CONTENT
            marks.NEWS {
            table = tt_content
            select.orderBy = sorting
            select.where = colPos = 2
            }

            marks.FOOTER = CONTENT
            marks.FOOTER {
            table = tt_content
            select.orderBy = sorting
            select.where = colPos = 1
            }

            marks.PAGETITLE = TEXT
            marks.PAGETITLE {
            field = title
            wrap = <br><h5 style="padding-left : 5px;">|</h5>
            }

# breadcrumb
marks.ROOTLINE = HMENU
marks.ROOTLINE {
  special = rootline
  # Zahl vor dem | gibt an von welchem Knoten aus gearbeitet wird
  special.range = 0|-2
  1 = TMENU
  1.target = _self
  1.wrap =  | 
  1.NO.linkWrap = &nbsp;\&nbsp;
  1.NO.PageTitle
  1.NO.ATagParams = class="breadlink"
} 

            marks.MENU_OBEN = HMENU
            marks.MENU_OBEN.entryLevel = 1
            marks.MENU_OBEN.1 = TMENU
            marks.MENU_OBEN.1.NO.ATagParams = class="linkWeiss"
            marks.MENU_OBEN.1.NO.linkWrap = <br>
            marks.MENU_MAIN > 
            temp.ypMenu.special = directory 
            temp.ypMenu.special.value = 3
            marks.MENU_MAIN = HMENU 
            marks.MENU_MAIN.1 = GMENU 
            marks.MENU_MAIN.1 { 
              IProcFunc = user_menu->firstLevel 
              expAll = 1
              wrap = | 


IFSUB = 1 
IFSUB { 
wrap = | 

XY = [50.w]+20, 15 
backColor = #CCCCCC
50 = TEXT 
50 { 
text.field = title 
fontSize = 11 
fontFile = fileadmin/fonts/arial.ttf 
fontColor = #222222 
offset = 10,17 
#niceText = 1 

} 

100 = || IMAGE 
100.file = fileadmin/spacer.gif 
} 

NO { 
wrap = | 

XY = [50.w]+20, 15 
backColor = #cccccc 

50 = TEXT 
50 { 
text.field = title 
fontSize = 11 
fontFile = fileadmin/fonts/arial.ttf 
fontColor = #222222 
offset = 10,17 
#niceText = 1 

} 

100 = || IMAGE 
100.file = fileadmin/spacer.gif 
} 

RO < marks.MENU_MAIN.1.NO 
RO = 1 
RO { 
backColor = #CCCCCC
} 

IFSUBRO < marks.MENU_MAIN.1.NO 
IFSUBRO = 1 
IFSUBRO { 
backColor = #FF33FF
} 
} 

marks.MENU_MAIN.2 = TMENU 
marks.MENU_MAIN.2 { 
IProcFunc = user_menu->secondLevel 
expAll = 1
NO.linkWrap = <li>|</li> 
} 

marks.MENU_MAIN.3 = TMENU 
marks.MENU_MAIN.3 { 
IProcFunc = user_menu->thirdLevel 
expAll = 0 
NO.linkWrap = <li>|</li> 
} 

marks.MENU_MAIN.4 = TMENU 
marks.MENU_MAIN.4 { 
IProcFunc = user_menu->fourthLevel 
expAll = 0 
NO.linkWrap = <li>|</li> 
} 
} 

# append Menu JS to page 
seite.11 = USER 
seite.11.userFunc = user_menu->menuEnd 

lib.stdheader >
lib.stdheader = CASE
lib.stdheader {
key.field = header_layout
1 = TEXT
1.field = header
1.wrap = <font face="Arial" size="3"><b> | </b></font><br>
2 = IMAGE
2.file = GIFBUILDER
2.file {
  XY = [10.w] +10, 28
  backColor = white
  10 = TEXT
  10.text.field = header
  10.fontColor = #478951
  10.fontFile = fileadmin/fonts/arial.ttf
  10.fontSize = 16
  10.offset = 1, 22
}
2.wrap = |<br>
default < .1
}
tmp_tt_content_text < tt_content.text
tt_content.text >
tt_content.text = COA
tt_content.text.10 < lib.stdheader
tt_content.text.20 = TEXT
tt_content.text.20 {
field = bodytext
fieldRequired = bodytext
wrap = <font face="Arial" size="2">|</font><br>
parseFunc < tmp_tt_content_text.20.parseFunc
editIcons < tmp_tt_content_text.20.editIcons
}
#seite.config.index_enable = 1
#plugin.tt_calender.fontFace = ARIAL


tt_content.list = COA 
tt_content.list.10 = < lib.stdheader 
tt_content.list.20 = CASE 
tt_content.list.20.key.field = list_type 
tt_content.list.20 { 
  98 = CASE 
  98.key.field = layout 
  98.0 = < plugin.faq
}
tt_content.text.20.wrap = <font face="Arial" size="2">|</font>
tt_content.text.20.wrap =

Das Menu funktioniert an sich gut. Das Problem sind nur die Hauptnavigationspunkte, also die Bilder die generiert werden.

Aber auch diese sind gut solange man nicht mit der Maus drüberfährt oder der Menüpunkt keine unterpunkte hat.

Ich habe wohl schon so ziemlich jede Einstellung versuch anzupassen. Speziell halt die RO und die IFSUBRO blöcke. Aber die Einstellungen die dich dort angeben werden bis auf die backColor ignoriert. An was kann das liegen?

Ich danke dir schon im Voraus für's anschauen....
Lance

Liberation ·

kann so nach ein paar min nachgucken nix falsches erkennen....
am besten du schreibst mich montag vormittag mal icq an dann guck ich in dein setup um finde den fehler...

Gruss