Guten Tag

Ich möchte ein Menü umsetzen, welches transparente PNG's einbindet. Das geht
eigentlich soweit ganz gut, nur möchte ich folgende zwei Punkte erfüllt
haben:

1. die PNG's sollen unberührt einfach eingebunden werden. Der Text befindet
sich bereits auf dem Bild. In der jetzigen Lösung kann ich die PNG's zwar
einbinden und auch wieder als PNG ausgeben, doch werden die Bilder dabei
immer indiziert. Ich brauch aber 16bit Farben, nicht bloss 256 Farben.

2. Da die PNG's transparent in den Hintergrund verlaufen, sollen die Bilder
nicht als IMG, sondern als Hintergrundbild eines DIV's geladen werden. Nach
der Anleitung von: http://ug.typo3-nrw.de/png_transparenz.html


Das Menü ist momentan folgendermassen:

# Top Menu
lib.topnav = HMENU
lib.topnav {
wrap = <ul> | </ul>
special = list
special.value = 61, 99, 102
1 = GMENU
1 {
NO {
format = png
XY=160,32
linkWrap = <span> | </span>
wrapItemAndSub = <li> | </li>
stdWrap.htmlSpecialChars = 1
4 = IMAGE
4.file {
import = fileadmin/tv-templates/xyz/images/
import.dataWrap = id{field:uid}_no.png
}
}
RO < NO
RO = 1
RO {
format = png
XY=160,32
4 = IMAGE
4.file {
import = fileadmin/tv-templates/xyz/images/
import.dataWrap = id{field:uid}_ro.png
}
}
}
}

Hat jemand schon ähnliches gemacht, oder hat eine Idee, wie man das umbauen
könnte, oder ob es mit GMENU überhaupt machbar ist?

Gruss

chris
_______________________________________________
TYPO3-german mailing list
TYPO3-german (AT) lists (DOT) netfielders.de
http://lists.netfielders.de/cgi-bin/...o/typo3-german

Am 31.07.2007, 14:42 Uhr, schrieb Christoph Kuhn <adonix (AT) chrisk (DOT) ch>:

> Guten Tag
>
> Ich möchte ein Menü umsetzen, welches transparente PNG's einbindet. Das
> geht
> eigentlich soweit ganz gut, nur möchte ich folgende zwei Punkte erfüllt
> haben:
>
> 1. die PNG's sollen unberührt einfach eingebunden werden. Der Text
> befindet
> sich bereits auf dem Bild. In der jetzigen Lösung kann ich die PNG's zwar
> einbinden und auch wieder als PNG ausgeben, doch werden die Bilder dabei
> immer indiziert. Ich brauch aber 16bit Farben, nicht bloss 256 Farben.
>
> 2. Da die PNG's transparent in den Hintergrund verlaufen, sollen die
> Bilder
> nicht als IMG, sondern als Hintergrundbild eines DIV's geladen werden.
> Nach
> chris


Hi Chris,
wenn ich dich richtig verstehe willst du doch sowiso extern vorbereitete
hintergrund grafiken verwenden.

dann würde ich in dem menü komplett als TMENU rendern.
ohne jegliche grafiken.

und in die li's jeweils die id reinpacken.
den rest erledigst du dann über css:

hier ein beispiel für deinen htmlcode:
---
<ul>
<li id="uid34"><a href="..."><span>Titel Des Menü items</span></a></li>
<li id="uid35"><a href="..."><span>Titel Des Menü items</span></a></li>
<li id="uid36"><a href="..."><span>Titel Des Menü items</span></a></li>
</ul>
---

das CSS dazu sollte dann ungefähr so aussehen hier nur für die erste id:

---
li#uid34 a {
display:block;
width:150px;
height:50px;
background:url("fileadmin/tv-templates/xyz/images/id34_no.png");
}

li#uid34 a:hover {
background:url("fileadmin/tv-templates/xyz/images/id34_ro.png");
}

li#uid34 a span {
display:none;
}

---

durch den span der dann per css ausgeblendet wird haben auch
suchmaschinene zusätzliche informationen zu dem link.

gruss chris


_______________________________________________
TYPO3-german mailing list
TYPO3-german (AT) lists (DOT) netfielders.de
http://lists.netfielders.de/cgi-bin/...o/typo3-german

Hallo Christian

Vielen Dank für die Hilfe.
Zwei Probleme bleiben doch noch offen:

Am Dienstag, 31. Juli 2007 15:09 schrieb Christian Wolff:
> Am 31.07.2007, 14:42 Uhr, schrieb Christoph Kuhn <adonix (AT) chrisk (DOT) ch>:
> > Ich möchte ein Menü umsetzen, welches transparente PNG's einbindet.
> > 1. die PNG's sollen unberührt einfach eingebunden werden...
> > 2. Da die PNG's transparent in den Hintergrund verlaufen, sollen die
> > Bilder nicht als IMG, sondern als Hintergrundbild...
>
> dann würde ich in dem menü komplett als TMENU rendern.
> ohne jegliche grafiken.
>
> und in die li's jeweils die id reinpacken.
> den rest erledigst du dann über css:
>
> hier ein beispiel für deinen htmlcode:
> ---
> <ul>
> <li id="uid34"><a href="..."><span>Titel Des Menü items</span></a></li>
> <li id="uid35"><a href="..."><span>Titel Des Menü items</span></a></li>
> <li id="uid36"><a href="..."><span>Titel Des Menü items</span></a></li>
> </ul>


1. Ich kriege das span Tag nicht in das A-Tag hinein.

2. Die uid wird nicht substituiert.

ausschnitt aus TS:

....
NO {
linkWrap = <span> | </span>
wrapItemAndSub = <li id="uid{field:uid}" class="topxm"> | </li>
stdWrap.htmlSpecialChars = 1
}
....

was mach ich falsch? Auch ohne gänsefüsschen geht's nicht.

Gruss

chris
_______________________________________________
TYPO3-german mailing list
TYPO3-german (AT) lists (DOT) netfielders.de
http://lists.netfielders.de/cgi-bin/...o/typo3-german

>
> ...
> NO {
> linkWrap = <span> | </span>
> wrapItemAndSub = <li id="uid{field:uid}" class="topxm"> | </li>
> stdWrap.htmlSpecialChars = 1
> }
> ...
>
> was mach ich falsch? Auch ohne gänsefüsschen geht's nicht.
>
> Gruss
>
> chris

Hi Chris,
also LinkWrap
wrappt ausserhalb des links.
stdWrap.wrap sollte so wie ich die doku verstehe innerhalb wrappen.

für das Replacement von {field:uid} brauchst du ein wrap vom type DataWrap

allWrap.dataWrap
ATagParams.dataWrap
sind z.B stdWrap typen und sollten deswegn auch nen dataWrap anbieten.

also:
NO {
stdWrap.wrap = <span> | </span>
wrapItemAndSub = <li class="topxm"> | </li>
ATagParams.dataWrap = id="uid{field:uid}"
stdWrap.htmlSpecialChars = 1
}

dann hast du die id nicht im li-element aber im A tag sollte
es genau so gut funktionieren must per css:
dann lediglich display:block setzten. damit du breite / höhe angeben kannst.

der obere TS-Code ist nicht getestet kann also sein das ich mich vertan hab.
oder die TS-ref falsch verstanden hab.

gruss chris


--
christian wolff - multimedia producer
telefon: (030) 789 134 99
handy: 0179 49 44 758
email: chris (AT) connye (DOT) com
adresse: schenkendorfstr. 6 - 10965 berlin
_______________________________________________
TYPO3-german mailing list
TYPO3-german (AT) lists (DOT) netfielders.de
http://lists.netfielders.de/cgi-bin/...o/typo3-german

Am Freitag, 3. August 2007 15:29 schrieb Christian Wolff:
> für das Replacement von {field:uid} brauchst du ein wrap vom type DataWrap
>
> also:
> NO {
> stdWrap.wrap = <span> | </span>
> wrapItemAndSub = <li class="topxm"> | </li>
> ATagParams.dataWrap = id="uid{field:uid}"
> stdWrap.htmlSpecialChars = 1
> }
>
> dann hast du die id nicht im li-element aber im A tag sollte
> es genau so gut funktionieren must per css:
> dann lediglich display:block setzten. damit du breite / höhe angeben
> kannst.

Funktioniert so prima!

Dank der Anleitung von http://www.drweb.de/csspraxis/css-rollover-menu.shtml
habe ich auch das Preload-Problem lösen können... ist sogar einfacher zu
verwalten so.

Doch ein Problem bleibt übrig.
Die Links zeigen auf eine andere Domain im selben Typo3-Tree. Habe realurl mit
htaccess eingerichtet.

Ich kriege folgenden Link angezeigt:

http://www.domain1.ch/index.php?id=startseite

Ich sollte aber folgendes haben:

http://www.domain2.ch

oder wenn's nicht anders geht:

http://www.domain2.ch/startseite


Gibt es eine Lösung dafür?

Gruss

chris
_______________________________________________
TYPO3-german mailing list
TYPO3-german (AT) lists (DOT) netfielders.de
http://lists.netfielders.de/cgi-bin/...o/typo3-german