Zum Inhalt springen

Gmenu linkwrap

Erstellt am 28. August 2008 · 3 Antworten · letzte Antwort am 29. August 2008

Tags: Frage

b0li ·

Hi all

ich mir das so ein schönes menü mit Gmenu erstellt.

Hier mein Output. Funktioniert super 😉

<li class="first"><a onmouseout="out('img22_b9a0_0');" onmouseover="over('img22_b9a0_0');" title="xxx" target="_self" href="index.php?id=22"><img height="18" border="0" width="74" name="img22_b9a0_0" alt="xxx" src="http://domain.de/typo3temp/menu/10fe6ce7a4.png" /></a></li>

Was mir fehlt ist der wrapper um das erstellte Image. Er ist leider nötig um das Menü richtig darzustellen.

<ul>
  <li><a href="#"><span><img src="..." alt="" /></span></a></li>
</ul>

Ich hab jetzt schon recht lang nach der Lösung gesucht aber leider nichts gefunden...
linkWrap scheint nicht zu funktionieren... welche möglichkeiten hab ich noch?

Hier mein Menü

// submenu
lib.submenu = HMENU
lib.submenu.special = directory
lib.submenu.special.value = 16
lib.submenu {
	entryLevel = 0
	1 = GMENU
	1 {
		noBlur = 1
		expAll = 0
		wrap = <ul>|</ul>
		NO = 1
		NO {
			ATagTitle.field = abstract // description // title
			allWrap = <li class="first"> | </li> |*| <li> | </li> |*| <li class="last"> | </li>
			linkWrap = <span>|</span>
			ATagBeforeWrap = 1
			stdWrap.htmlSpecialChars = 1

			
			XY = [10.w]+5,[10.h]+5
			transparentBackground = 1
			backColor = #000000

			10 = TEXT
			10 {
				text.field = title
				offset = 0,15
				fontColor = #ffffff
				niceText = 0
				align	= center
				text.case = upper
				fontFile = fileadmin/templates/fonts/schrift.ttf
				fontSize = 12
			}
		}
}
b0li ·

sliding doors technik 😉 nur das ich ein image generieren will anstatt normalen text...

<div id="tabs1">
	<ul>
		<li id="current"><a href="#"><span>Menu1</span></a></li>
		<li><a href="#"><span>Menu2</span></a></li>
	</ul>
</div>

css

 #tabs1 {
      float:left;
      width:100%;
          background:#F4F7FB;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #BCD2E6;
      }
    #tabs1 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background:url("tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#627EB7;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

      #tabs1 #current a {
              background-position:0% -42px;
      }
      #tabs1 #current a span {
              background-position:100% -42px;
      }