[TYPO3-german] Navigation mit Rollover

[Dieter Bosli]

Am Wed, 19 Apr 2006 09:55:33 +0200 schrieb Michel Koller:

> Guten Tag
> 
> Ich möchte für eine Typo3 Homepage eine neue Navigation einbauen.
> Ich stelle mir da sowas vor das wenn man mit der Maus auf einen Menupunkt
> fährt ohne zu klicken die Untermenupunkte angezeigt werden,
> einen Rollover also.
> Die Liste der Untermenupunkte sollte sich aber nicht untereinander
> ausbreiten sondern etwas neben der eigentlichen Navigation, also so :
> 
> Obermenu
>                   untermenu1
>                   untermenu2
>                   untermenu3
> 
> Hat jemand sowas schon gemacht ? und hat mir einen Tip?
> Oder gibt es im Internet eine Beschreibung wie ich das erledigen könnte?
> 
> Habe beim Googeln nämlich nicht sehr viel darüber gefunden.
> Bin um jede Hilfe und um jeden Link sehr erfreut.
> 
> Vielen Dank
> Michel Koller

Schaue Dir mal die GMENU_LAYERS näher an. Kannst Den folgenden Code als
Basis nehmen, wobei er nicht exakt das macht was Du willst! Aber vielleicht
hilft er für den Einstieg:

webActive.navigation.header = HMENU
webActive.navigation.header.entryLevel = 1

webActive.navigation.header.1 = GMENU
webActive.navigation.header.1 {
  NO {
    XY = 0,0
    backColor = black
  }

  ACT < .NO
  ACT {
    XY = 800,35
    offset = 0,5

    10  = TEXT
    10 {
      text.field = nav_title // title
      offset = 0,24
      fontSize = 24
      fontColor = {$webActive.navColor}
      niceText  = 1
    }

    20 = IMAGE
    20.file = GIFBUILDER
    20.file {
      XY = 800,24
      backColor = {$webActive.navColor}

      10 = TEXT
      10 {
        text.field = nav_title // title
        offset = 0,24
        fontSize = 24
        fontColor = black
        niceText  = 1
      }
      20 = TEXT
      20 {
        text < webActive.navigation.lastupdate
        offset =-2,22
        fontSize = 7
        fontColor = {$webActive.navColor}:*0.7
        align = right
        niceText  = 1
      }
    }
  }
  ACT = 1
}

webActive.navigation.sub = HMENU
webActive.navigation.sub.entryLevel = 2

webActive.navigation.sub.1 = GMENU_LAYERS
webActive.navigation.sub.1 {
  layerStyle =
position:absolute;left:0px;top:87px;width:10px;VISIBILITY:hidden;
  xPosOffset = -260
  yPosOffset = 0
  lockPosition = x
  expAll = 1
  hideMenuWhenNotOver = 18
  hideMenuTimer = 5000
 
  target = _top

  NO {
    XY = [10.w]+21,18
    transparentColor = #FFFFFF

    10 = TEXT
    10 {
      text.field = nav_title // title
      offset = 10,14
      fontFile = fileadmin/template/fonts/cour.ttf
      fontSize = 13
      fontColor = #C8C8C8
      antiAlias = 0
    }
    20 = |*|BOX
    20 {
      dimensions = 0,0,0,0|*|0,0,1,18
      color = #000000|*|#C8C8C8
    }
  }

  RO < .NO
  RO {
    backColor = #303030
  }
  RO = 1

  ACT < .NO
  ACT {
    10.fontFile = fileadmin/template/fonts/couri.ttf
    10.fontColor = {$webActive.navColor}
  }
  ACT = 1

  CUR < .NO
  CUR {
      10.fontColor = {$webActive.navColor}
  }
  CUR = 1
}

Gruss Dieter

-- 
+ + +   Nicht in Problemen sondern in Lösungen denken   + + +