Zum Inhalt springen

TEXT - Link um Wrap

Erstellt am 8. Oktober 2013 · 3 Antworten · letzte Antwort am 9. Oktober 2013

Tags: TYPO3 4.x, Frage

jellyfish76 ·

Hallo!
Ich bin relativ neu im Bereich TYPO3 und ich dachte mir, dass es am einfachsten wäre TYPOScript zu lernen, wenn ich eines meiner Webseiten in TYPO3 umsetze.
Allerdings bin ich auf ein Problem gestoßen und komme trotz Suche in Google nicht weiter. Daher habe ich hier mein Glück probiert.
Ich habe auf meiner Seite volgenden HTML Code:

<a href="leistungen.html"><div class="partner_b"></div></a>

und den dazugehörigen CSS Code:

.partner_b{
        background-image: url("../pics/partner.jpg");
        background-repeat:no-repeat;
        width:170px;
        height:113px;
        border: 0;
}
.partner_b:hover {
        background-image:url("../pics/partner_over.jpg");
}

In dem div mit der classe partner_b erscheint ein Bild und wird dann beim hovern durch ein anderes Bild ersetzt.
Das soll in TYPO3 genauso funktionieren und außerdem auf die "Seite" Leistungen mit der id 3 zu verlinken.

Ich habe das Template mit Templavoila eingebunden und einen TypoScriptObjectpfad erstellt: lib.logo

Folgender Code funktioniert soweit:

lib.partner = TEXT
lib.partner.wrap = <div class="partner_b">|</div>

Also das Bild wird an der richtigen Stelle angezeigt und es ändert sich auch der Hover - Zustand.
Was ich nicht hinbekommen habe, das ist das Verlinken.
Habe es mit einem wrap2 versucht und mit typolink, leider hat nichts funktioniert.
Daher meine Frage, wie kann ich das Bild zur id 3 verlinken?
Vielen Dank.
Mit freundlichen Grüßen,
Alexandra

Julian.​Hofmann ·

Hallo Alexandra.

Was/Wie hast Du typolink verwendet? Denn eigentlich sollte das gar kein Problem sein:

lib.partner = TEXT
lib.partner.value = <div class="partner_b"></div>
lib.partner.typolink.parameter = 3

Viele Grüße
Julian

jenses ·

Handelt es sich um Typoscript, ist nicht google, sondern die TS Ref dein Freund.

lib.partner = TEXT
lib.partner.stdWrap.typolink.parameter = 3
lib.partner.stdWrap.typolink.wrap = <div class="partner_b">|</div>
lib.partner.stdWrap.typolink.ATagBeforeWrap = 1
jellyfish76 ·

Hey, herzlichen Dank.
Jetzt hat es funktioniert 🙂
Werde Jensens Rat befolgen und mich durch die TS Ref arbeiten, da ich mich in TypoScript auskennen möchte.
Wünsch euch noch einen schönen Tag.
Lg, Alexandra