Grafische Menüs erzeugen, aber wie?

[andrewj]

Hi,

ich habe da mal eine Frage: Wie würdet Ihr ein graisches Menü in Typolight anlegen?

Via eines Artikels in den man dann die Bilder legt und über die Oberfläche des Tiny MCE fügt man in Folge Hoverbilder... zu!

Oder: via HTML Element indem man das ganze HTMLbezogen reinlegt, dort CSS-Klassen vergibt und dann die Bilder quasi als Hintergründe anlegt wobei man die Textlinks per Minuswert ins "Nirvana" verschiebt!

Erstere Variante ist ja mit Sicherhet die Pflegeleichtere, aber ist Sie auch so präzise? Ich habe bei nicht selbstprogrammiertem HTML immer die Sorge das da am Ende Lücken zwischen den Elementen entstehen, die mir das LAyout zerschiessen!?!?!?

Danke für Eure Hilfe!

[Corazon]

oder das hierhttps://contao.org/erweiterungsliste...ion.19.de.html

[MacKP]

Hallo andrewj,
ich würde dafür in der Regel die CSS-Variante nehmen -> http://de.contaowiki.org/typolight/T...nueMitGrafiken

Die Erweiterung ist aber sehr praktisch wenn die Autoren da auch selber was machen sollen.

Viele Grüße

[andrewj]

Danke für die Infos.

Bzgl. des Tutorials frage ich mich ob man die feste Breite nicht auch umgehen kann. Das ist nämlich bei einigen Jobs eher hinderlich.

[MacKP]

Hallo andrewj,
das mit der Festen Breite ist da nicht unbedingt nötig. Das kommt eben ganz auf die Grafiken an. Aber an sich spricht nichts gegen eine Angabe in Prozent oder em.
Nur die Sprite Technik wird dann so nicht gut funktionieren. Die ist bei so etwas dann doch eher auf festen Breite oder feste Höhe angewiesen.

Aber es kommt hier einfach darauf an was du daraus machst ;-)

Viele Grüße

[andrewj]

Ja die Höhe ist ja auch kein Problem, aber die Breite variiert dann doch oft.

Des weiteren ist oft auch ein Animated GIF eine interessante Lösung, wenn man auf Flash verzichten will.

[Sebastian]

HI

ich bin heute noch über eine coole Sache gestolpert: Animierte PNG (Wikipedia).

Sebastian

[andrewj]

Sehr schön und danke für den Hinweis. Leider wird es wohl wieder lang brauchen bis alle Browser das unterstützen und bis eben diese auch verbreitet genug sind! Leider...

[Andreas]

Hallo Andre,

ich würde auch auf jeden Fall die CSS-Variante bevorzugen. TinyMCE ist für Redakteure zu unsicher, sie müssten dann immer den erzeugten HTML-Code kontrollieren, da werden z.B. schon mal leere Elemente erzeugt.

Eine schöne Sache wäre auch, dir ein eigenes Menü-Template zu bauen. Dort könntest du dann sogar mit PHP, Bilder dynamisch erzeugen und z.B. auch die Seitentitel in die Bilder generieren, oder abrunden usw.usf

Dazu müsstest du dich natürlilch intensiv in die Bildbearbeitung von PHP einlesen und einarbeiten.

offtopic
Insgeheim hoffe ich, das TL in Zukunft mal Bausteine anbietet, mit welchen man innerhalb der Templates die Bildbearbeitung von PHP nutzen kann, ohne von Grund auf alles programmieren zu müssen. Das sollte dann mal so ähnlich aussehen:

Bild {
  Format = jpg
  Größe = 100,20
  Qualität = 80
  Ebene = 1
    Bild = background.png
    Offset = -20,13
  Ebene = 2
    Bild = runde_ecke.png
  Ebene = 3
    Text = $this->title
    Nicetext = 1
    Font = crazy.ttf
}

Aber dazu müssste man mal einen neuen Thread aufmachen.

Andreas

[andrewj]

Hi Andreas,

danke für die Hinweise. Allerdings fürchte ich mich ein wenig vor PHP. Das ist glaube ich alles etwas zu mächtig für mich. Ich habe Typolight an sich noch garnicht richtig im Griff. Und von daher trau ich mich kaum darüber nachzudenken eigene Extensiond zu entwickeln, auch wenn ich diverse Projekte habe für die ich sicher Erweiterungen benötigen würde.

Naja vielleicht sollte ich doch mal einen Blick auf PHP werfen, oder beten und hoffen das Leo Feyer irgendwann mit Code-Anaphabeten wie mir Gnade hat.

[Andreas]

Hallo Andre,

ich sprach ja nicht von der Entwicklung einer Erweiterung, sonder nur davon ein Template abzuändern.

Aber klar, erst sollte man TL kennenlernen und vor allen Dingen XHTML und CSS. Ich kenne deine PHP-Kenntnisse ja nicht, aber wenn du dann mal möchtest, könntest du z.B. dieses PHP-Turorial hier durcharbeiten http://tut.php-quake.net/. Das wird dir TL dann auch nochmal ein ganzes Stück näher bringen.

Andreas