frameset mit gmenu

Versuche nach wie vor ein grafisches Menü in einer Frameset-Seite umzusetzen.

Aufbau der Seite (4 Frames):

Frame " Logo" # Frame "Menü"
######################
Frame "Bilder" # Frame "Content"

Das Menü besteht aus zwei Ebenen, beim Roll-Over bzw. wenn sie aktiviert wurden, wechseln die Menüpunkte die Farbe. Die Untermenü Punkte erscheinen eine Reihe tiefer, auch sie reagieren auf Mausberührungen mit Farbwechsel.

Etwa so:

charaktere | referenzen | produkte | kontakt

charActor | LivingKiosk

Wenn ich Textmenüs verwende, läuft die Seite 1a. Ich habe nun alles mögliche ausprobiert, um statt Texten gifs zu verwenden. Die Tutorials habe ich natürlich sowieso durchgearbeitet. Leider sind die dort behandelten Beispiele zu verschieden, und als Typo3-Neuling fehlt mir häufig der Überblick, um gleich zu erkennen, welche Änderungen am TypoScript Code nötig sind. #paralyzed#

Falls jmd. eine ähnliche Frameset-Seite mit grafischem Menü realisiert hat, wäre ich dankbar für Hilfestellungen!
Wär auch nett, wenn Ihr mal einen Blick auf mein TypoScript werfen könntet...vielleicht habe ich da schon irgendwelche Fehler drin?! Wobei...wie gesagt, mit Texten funktionierts.

Freu mich über jeden Tip!

Nora

# Page Object Definition
left=PAGE
menu=PAGE
page=PAGE

outer_frameset=PAGE
outer_frameset.typeNum=0

left.typeNum=1
menu.typeNum=2
page.typeNum=3


# Frameset Definition

outer_frameset.frameSet.cols = 220,*
outer_frameset.frameSet.params = framespacing="0" frameborder="0" border="0"
outer_frameset.frameSet{
   1 = FRAME
   1.obj = left
   1.params = marginwidth="0" marginheight="0" noresize scrolling="no"

   2 = FRAMESET
   2.params = frameborder="0" border="0" framespacing="0"
   2.rows = 140,*

   2{
      1 = FRAME
      1.obj = menu
      1.params=marginwidth = "0" marginheight="0" scrolling="no" FRAMEBORDER="No"
      
      2 = FRAME
      2.obj = page
      2.params = marginwidth="0" marginheight="0" scrolling="auto" FRAMEBORDER="No"
   }
}


#Definition des linken Frames "left"

 left.headerData.10 = TEMPLATE
 left.headerData.10{
            template=FILE
             template.file=fileadmin/template/logo_t.html
             workOnSubpart=DOCUMENT_HEADER
             }

# Bodytag
left.bodyTag = <BODY background="fileadmin/img/hgr/hgr.jpg" / >

# Page-inhalt
left.10 = TEMPLATE
left.10{
            template=FILE
            template.file=fileadmin/template/logo_t.html
            # workOnSubpart=DOCUMENT_BODY
            }


#Definition oberes Frame "menu"


lib.stdheader.10.stdWrap.wrap=
tt_content.stdWrap.dataWrap = <a name="{field:uid}"></a>

menu.headerData.2 = TEXT 
menu.headerData.2.value ( 
        <script type="text/javascript"> 
        <!-- 
        function highlight_active_link() 
       { 
            for(var i=0; i < document.links.length; i++) 
            {                 
                 if (document.links[i].href==window.location.href) 
                 { 
                      document.links[i].style.color = "#ff0000"; 
                 } 
            } 
            return true; 
        } 

       function untermenu_active_link() 
       { 
            for(var i=0; i < document.links.length; i++) 
            {                 
                 if (document.links[i].href==window.location.href) 
                 { 
                      document.links[i].style.color = "#ffffff"; 
                 } 
            } 
            return true; 
        } 
        // --> 
        </script> 
)

menu.headerData.10 = TEMPLATE
menu.headerData.10{
             template=FILE
             template.file=fileadmin/template/menu3_t.html
             workOnSubpart=DOCUMENT_HEADER
             }
menu.stylesheet=fileadmin/css/main.css


# BODY
menu.bodyTag = <BODY background="fileadmin/img/hgr/hgr_oben.jpg" >

menu.10=TEMPLATE
menu.10 {
       template = FILE
       template.file = fileadmin/template/menu3_t.html

       workOnSubpart=DOCUMENT_BODY
       subparts.CONTENT<styles.content.get

       subparts.MENU=HMENU
       subparts.MENU.minItems=5
       subparts.MENU.maxItems=8
       subparts.MENU.1=TMENU
       subparts.MENU.1 { 
                    expAll = 1 
                    NO.allWrap= <td> | &nbsp; &nbsp;</td>
                    NO.ATagParams=onClick="javascript:highlight_active_link()" 

                    #ACT = 1 
                    #ACT .linkWrap =  |  
                    #niceText=1
                    niceText = 1 
                    niceText.scaleFactor = 5 
                    niceText.sharpen = 30 
                    antiAlias = 10

                    target = _top
       }

       #subparts.MENU.1.CUR { 
        #     allWrap =  <font color="#333333">|</font>
       #}

       subparts.MENU_LEVEL1 = HMENU
       subparts.MENU_LEVEL1.entryLevel = 1
       subparts.MENU_LEVEL1.1 =  TMENU
       subparts.MENU_LEVEL1.1.NO {
                    allWrap=<td>|</td>
                    ATagParams=onClick="javascript:untermenu_active_link()"
                    niceText=1
       }
       subparts.MENU_LEVEL1.1.target=page
      
}

#Definition Content Frame "page"

page.headerData.10 = TEMPLATE
page.headerData.10{
            template=FILE
            template.file=fileadmin/template/start_t.html
            workOnSubpart=DOCUMENT_HEADER
            }
page.stylesheet=fileadmin/css/main.css



# Page-Inhalt
page.10 = TEMPLATE
page.10{
            template=FILE
            template.file=fileadmin/template/start_t.html
            workOnSubpart=DOCUMENT_BODY
            subparts.CONTENT<style.content.get
            subparts.PAGE_HEADER=TEXT
            subparts.PAGE_HEADER.field=Charamel GmbH
            }