Zum Inhalt springen

A1-Teaser Menü

Erstellt am 10. Juli 2008 · 10 Antworten · letzte Antwort am 11. Juli 2008

Tags: Frage

dannyx ·

Hallo allerseits,

leider schien "mein Webmaster" in punkto TYPO3 etwas überfordert, so daß ich nun als blutiger Anfänger mit einer halb fertiggestellten TYPO3-basierenden Website dastehe. Das nur zur Info über meine Kenntnisse. :o

Nun habe ich mich seit gestern intensiv mit TYPO3 befaßt und bin schon ein gutes Stück voran gekommen. Allerdings hätte ich eine Frage:

Ich habe auf einer "Hauptseite" mittels A1 Teaser Menü auf zwei "Unterseiten" verlinkt. Auf der "Hauptseite" tauchen auch beide Links zu diesen "Unterseiten" richtig auf, allerdings nur links und untereinander angeordnet. Wie bekomme ich das so hin, daß die beiden Links nebeneinander stehen?

Zur Verdeutlichung: Es handelt sich um eine Bandseite. Auf dieser "Hauptseite" oder Übersichtsseite befinden sich quasi 2 CD-Cover als Links zu den jeweiligen CDs (Unterseiten). Ich wollte das gern so, daß praktisch 3 CD-Cover als Links nebeneinander auf der Übersichtsseite sind und dann sozusagen ein Umbruch erfolgt.

Ich hoffe, ihr könnt mir folgen ... #paralyzed#

Danke & Gruß Dan

SLAng ·

Jo man habs mir angeshen...

Also die Tabelle ist ja vollkommen kaputt... Da fehlen Tags und da is ein schließender div drinn... also echt dreck... sorry.

Ich kenn die Extension nicht... Gibts denn da keine div-varinate oder die Möglichkeit das Template umzuschreiben.

Schau mal in den Validator... 52 Fehler sag ich nur...

dannyx ·

Ohaa, klingt irgendwie nicht gerade spannend.

Wie gesagt: Ich bin ja davon ausgegangen, daß der "TYPO3-Mensch" sich damit auskennt, zumal er wohl auch beruflich mit zu tun hat.

Im Erweiterungsmanager finde ich zum Teaser nur den Eintrag "A1 Teasermenu" von einem gewissen Mirko Balluff oder so.

Welche Datei müßte denn modifiziert werden? Wie gesagt: Bin da absoluter Newbie und müßte es dann auch im "learning by doing"-Verfahren machen.

Validator? Wo finde ich den im Backend?

Danke schonmal für die ernüchternde Analyse :o ... bin ja eigentlich froh, daß überhaupt was läuft.

dannyx ·

Vielen Dank!

Ich werd die Fehlerliste wohl mal nach und nach versuchen, abzuarbeiten.
Mal schauen, ob´s was wird ... 🙁

Im a1_teasermenü hab ich in dem Ordner pi1. Hierdrin eine Datei namens a1_teasermenü.tmpl, sowie eine class.tx_a1teasermenu_pi1.php

Wäre dann die php-Datei zu bearbeiten, oder?

NACHTRAG:

Ich habe eine teasermenu.html-Datei im Backend unter Templates gefunden.
Hier konnte ich nach Änderung zumindest die Schrift unter den Cover verschieben.
Meine Idee geht dahin, daß man hier womöglich auch mein Problem lösen kann!?

Hier mal der Inhalt der Datei:

<html>
<h1>Template for the extension A1 Teasermenu
<!--
	This is the templatecode for one menuitem.
	
	You can format the table around using CSS (class tx-a1teasermenu-pi1). You can use 
	typoscript setup und constants to tweak the image and some textfields.

	The following markers are substituted:
		
		###IMAGE###	-	The code for the menuimage, including code for rollover (2nd Image)
		
		all other fields in the page-row (uppercased, ###ABSTRACT###, ###TITLE###,etc.)
		
	The following subparts are substituted:
	
		###LINK_ITEM### - The link to the page
	
-->
<!--###MENU_ITEM###-->
<br />
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
	<td valign="top" style="padding: 0 10 10 0px;text-align:center;"><!--###LINK_ITEM###-->###IMAGE###<!--###LINK_ITEM###--></td>
</tr>
<tr>
	<td width="100%" valign="top" style="padding: 0 10 10 0px;text-align:left;"><!--###LINK_ITEM###-->###TITLE###<!--###LINK_ITEM###--><br />###ABSTRACT### <!--###LINK_ITEM###--><img height="8" width="8" border="0" src="fileadmin/images/pfeil_link_rechts.gif" alt="" /><!--###LINK_ITEM###--></td>
</tr>
<tr>
	<td valign="top" style="padding: 0 10 10 0px;"><img src="clear.gif" height="1" width="100" alt="" /></td>
</tr>
</table>
<!--###MENU_ITEM###-->

</html>
SLAng ·

Naeiiiin.... nich die PHP-Datei bearbeiten...
Die Änderungen da drinn gehen dir alle verloren wenn du die Extension mal updatest.

Das tmpl unter fileadmin das du da gefunden hast ist schon goldrichtig.

Die Tabelle da drinn schmeißt du raus, behälst nur die Marker und setzt statt der tabelle divs drumherum da wo du sie brauchst. Die divs floatest du dann nebeneinander so wie du es haben willst...

btw... Vielleicht gibts ja auch ne neuere Version von der Extension. haste da mal geschaut? Vielleicht verwendet man in ner neueren Version ja mittlerweile keine Tabellen mehr...

dannyx ·

Okay, ich hatte noch nichts gemacht. Zur Not hebe ich eh immer eine O-version auf.

Der Inhalt der tmpl-Datei sieht so aus:

<html>
<h1>Template for the extension A1 Teasermenu
<!--
	This is the templatecode for one menuitem.
	
	You can format the table around using CSS (class tx-a1teasermenu-pi1). You can use 
	typoscript setup und constants to tweak the image and some textfields.

	The following markers are substituted:
		
		###IMAGE###	-	The code for the menuimage, including code for rollover (2nd Image)
		
		all othe fields in the page-row (uppercased, ###ABSTRACT###, ###TITLE###,etc.)
		
	The following subparts are substituted:
	
		###LINK_ITEM### - The link to the page
	
-->
<!--###MENU_ITEM###-->
<table border=0 cellpadding=0 cellspacing=0 width="100%">
<tr>
<td valign="top" style="padding: 0 10 10 0px;"><!--###LINK_ITEM###-->###IMAGE###<!--###LINK_ITEM###--></td><td width="100%" valign="top" style="padding: 0 10 10 0px;"><!--###LINK_ITEM###-->###TITLE###<!--###LINK_ITEM###--><br>###ABSTRACT###&nbsp;<!--###LINK_ITEM###--><img height="8" width="8" border="0" src="fileadmin/images/pfeil_link_rechts.gif"><!--###LINK_ITEM###--></td>
</tr>
<tr><td valign="top" style="padding: 0 10 10 0px;"><img src="clear.gif" height="1" width="100"></td><td>&nbsp;</td></tr>
</table>
<!--###MENU_ITEM###-->

</html>

Wie in etwa könnte die Änderung da jetzt aussehen? Sorry, aber wie gesagt: Rookie ... :o

Vielen Dank aber schonmal für den richtigen Fingerzeig!

SLAng ·

Erstmal vorweg...: Du solltest hier mal den Link zu deiner Seite posten, damit alle mitschauen können und wir nicht einen Monolog führen müssen. Dafür ist ein Forum wirklich nicht gedacht.

Wie das ungefähr aussehen soll kann man schlecht sagen, da es ja zwei unterschiedliche Ansichten gibt.

1. Nur die Bilder mit Link
2. Ein Bild mit Titel und Beschreibung

Du kannst ja die Tabelle erstmal auch drinn lassen und schauen, das die in beiden Ansichten korrekt gebaut wird.

Ansonsten wird es schwierig zu sagen wenns nur dieses eine Template gibt dass zum Beipiel in der Auflistung der Bilder 3 nebeneinanderfloaten sollen, bei der "Singleansicht" aber nur ein Bild und der ABSTRACT-Marker ausgegeben wird...

Vieleicht gehts so:

<!--###MENU_ITEM###-->

	<div class="image"><!--###LINK_ITEM###-->###IMAGE###<!--###LINK_ITEM###--></div>
	<!--###LINK_ITEM###-->###TITLE###<!--###LINK_ITEM###-->
<br />
	###ABSTRACT###
	<!--###LINK_ITEM###--><img height="8" width="8" border="0" src="fileadmin/images/pfeil_link_rechts.gif"><!--###LINK_ITEM###-->

<!--###MENU_ITEM###-->

und mit diesem CSS-Schnippel:

div.image { float:left; padding:0 10px; }

Ich versteh es so, das auf der Menüseite nur die Bilder gezeigt werden und der Link zum Single.

Das heißt, hier fließen immer soviele Bilder nebeneinander, wie Platz auf der Seite ist. Dann wird umgebrochen. Ob da Platz für drei Bilder ist weiß ich nicht.

Auf der Single Seite wird nur ein Bild ausgegeben und der Titel und darunter ABSTRACT. Ob das so hinhaut, weiß ich nicht.

Fest steht aber, das du doch an der Quelle sitzt. Bau es um und du siehst sofort ob es geht.

Du musst dir definitiv Grundkenntnisse wenigstens in HTML, CSS und TypoScript aneigenen. Anders wird das nix mit dem administrieren der Seite.

Also das hilft dir:

Für HTML und CSS
http://de.selfhtml.org/

CSS-Referenz:
http://www.css4you.de

TYPO3 Doku:
http://www.mittwald.de/dokumentation

dannyx ·

Okay, dann wäre hier mal der Link: Link entfernt

Also, auf der Menü-Seite sollen die letzten 3(!) Veröffentlichungen (Bilder) in einer Reihe stehen, dann soll der Umbruch erfolgen. Diese 3(!) Veröffentlichungen (Bilder) sind jeweils verlinkt zur Unterseite des jeweiligen Jahres des Albums / der Single. Diese Unterseite wäre auch direkt über die Subnavigation erreichbar. Von dieser Unterseite kommt man dann per Link zu den Details.

Mir geht es wirklich nur darum, daß auf der Menü-Seite die Coverbilder (Links) nicht untereinander stehen, sondern 3(!) Coverbilder nebeneinander. Klar, daß die Größe der Bilder evtl. angepaßt werden muß.

@slang: Deinen Code werd ich gleich mal versuchen. Danke auch für die Links zur Weiterbildung. 8-)

Vielleicht hat ja noch jemand eine zündende Idee für eine simple Umsetzung?

Danke schonmal & Gruß Dan