ICQ Hilfe für Sportverein?

**chr.flader** · 28.09.2009, 14:00

Hallo zusammen,

ich habe mit Hilfe des Forums und durch lesen des Handbuchs schon einies in Typolight hinbekommen.

Ich suche jetzt jemanden der mir bei kleinen Fragen vielleicht List und Zeit hat diese per ICQ zu beantworten?!

Davon verspreche ich mir ein schnelleres Ergebnis im Umgang mit TL.

Hätte jemand dazu Lust? Das ganze ist für einen Sportverein, also insgesamt ne gemeinnützige Aktion.

Warte gespannt.

Christian

**ku-ma-122** · 28.09.2009, 15:29

Stell Deine Fragen doch einfach hier, dann hat jeder was davon der ähnliche Probleme hat

**Reimi** · 28.09.2009, 15:58

Hallo Flader,

Sehe ich genauso - schließlich ist es nicht Sinn der Community private, kostenlose Live-Chat Unterstützung zu bieten, sondern Probleme und Fragen gemeinsam zu lösen. Wenn jeder nur per ICQ & PM / PN kommunizieren würde, dann wäre das Forum leer und man hätte keinen Wissens- und Erfahrungsfundus aus dem wir schöpfen könnten

Hier sind wirklich einige Profis unterwegs die dich bestimmt unterstützen können und werden.

lg

**chr.flader** · 29.09.2009, 09:34

ok, dass kann ich verstehen!

Also als Basis:

Folgende Webseite betreibe ich zur Zeit mit dem alten CMS (IP-CMS):
http://www.kttk.de/page.php

Hier soll die neue Webseite mit TL laufen:
http://www.kttk.de/page.php

Ich habe folgende Fragen:

In der Vorlage befindet sich in der Mitte ein kleines Menü (News, Forum, Ansprechpartner usw.). Ich würde gerne auch bei der TL Version hier ein Menü einrichten wollen.

Der Menüpunkt News ist wohl der Punkt Nachrichten in TL?!

Hier habe ich bereits News/Nachrichten hinterlegt. Im Bereich Module habe ich eine neue indiviuelle Navigation angelegt. Und was nun?

Christian

**zwergschwein** · 29.09.2009, 10:58

Um das von dir angelegte Nachrichtenarchiv auch auf der Webseite anzeigen zu können solltest du vorerst die entsprechenden Seiten in der Seitenstruktur dafür erstellen. Also z.B. eine Seite die News heißt und eine Unterseite die "Nachrichten lesen" heißen könnte. Wenn du nicht möchtest das diese Seiten in der Hauptnavigation erscheinen dann klickst du noch auf "Im Menü verstecken"

Dann legst du die entsprechenden Module an, um die Inhalte des Nachrichtenarchivs auch auf der Seite anzeigen zu können. Nach obigen Schema wäre das dann ein Modul Nachrichtenliste das auf die Seite "Nachrichten lesen" weiterleitet. Dann noch ein zweites Modul Nachrichtenleser.

Die angelgten Module bindest du dann per Artikel in die angelegten Seiten ein. Also das Modul Nachrichtenliste kommt in den Artikel der Seite "News" und das Modul Nachrichtenleser auf die Seite "Nachrichten lesen".

Um dann so eine Navigation wie auf deiner Seite zu erstellen legst du nochmal ein Modul "Individuelle Navigation" an und wählst den Punkt "News" aus.

**chr.flader** · 29.09.2009, 13:39

Danke. Habe jetzt erstmal das Menü in der Mitte machen wollen. Wie kann ich jetzt die Darstellung ändern?

Adressen: www.kttk.de/typolight

Christian

**zwergschwein** · 29.09.2009, 14:04

Die Darstellung kannst du mittels CSS verändern. Da wäre es dann sehr hilfreich wenn du etwas CSS beherschst.

Wie ist es denn da um deine Kenntnisse bestellt? Brauchst du Buch- oder Linktipps?

**chr.flader** · 29.09.2009, 15:59

Ich kann mich da durch friemeln. Lediglich die genaue Bezeichnung an welcher Stelle ich entsprechen ändern muss wäre gut.

**zwergschwein** · 29.09.2009, 17:17

Dafür kann ich dir das Firefox-Addon Web Developer empfehlen, viele nutzen auch Firebug. Mit diesen Tools kannst du die einzelnen IDs und Klassen auslesen.

Du kannst übrigens auch in den Modulen und Artikeln zusätzlich eigene CSS-Klassen anlegen. Meistens reichen aber die, die TYPOlight mitbringt aus.

**chr.flader** · 29.09.2009, 18:32

Ich benutze beide. Aber genau hier komme ich nicht weiter. Ich sehe da nur Schriftarten und Größen.

Aber wie der Teil heißt, wo ich es ändern kann sehe ich leider nicht

**ku-ma-122** · 29.09.2009, 21:41

Das Menü in der Mitte wird über die CSS-Klasse mod_customnav formatiert. Diese ist bisher nicht in Deinen CSS-Dateien vorhanden und muss somit erst angelegt werden.

**chr.flader** · 30.09.2009, 10:13

Das mit dem Menü hat bis jetzt noch nicht geklappt. Ich versuche gerade die Galerie zu erstellen:
http://www.kttk.de/typolight/index.php/bilder.html

Wie bekomme ich die Bilder auf Vorschau-Größe und anschließend nach dem Klick auf 640?

Danke

Christian

**chr.flader** · 30.09.2009, 10:19

Es sollte nach möglichkeit nachher so aussehen wie hier:

https://contao.org/gemeinschaft.html

**Acta** · 30.09.2009, 11:31

In den Galarieeinstellungen musst du einfach das Häckschen bei Großansicht aktivieren

**chr.flader** · 30.09.2009, 11:33

Der ist aktiviert. Aber die Bilder sind in der Übersicht viel zu Groß. Die sollen auf 150 x 100 px. Nach dem Klick wird das Bild dann entsprechend vergrößert.

**MacKP** · 30.09.2009, 11:36

Hallo chr.flader,
die Bilder sind einfach so groß hochgeladen worden, das TL die nicht verkleinert bekommt...
Lade die kleiner über das Backend noch mal hoch. Dann sollte TL die auch verkleinern können (maximal 1200px breit/hoch und max. 2MB groß).

Viele Grüße

**chr.flader** · 30.09.2009, 11:41

Zitat von MacKP

Hallo chr.flader,
die Bilder sind einfach so groß hochgeladen worden, das TL die nicht verkleinert bekommt...
Lade die kleiner über das Backend noch mal hoch. Dann sollte TL die auch verkleinern können (maximal 1200px breit/hoch und max. 2MB groß).

Viele Grüße

Hi und Danke! Sieht ja mal gleich anders aus.
Muss man die Bilder immer so hochladen oder kann ich das auch via FTP erlegen?

**chr.flader** · 30.09.2009, 12:02

Wie bekomme ich die News hier in 2 Spalten dargestellt:

http://www.kttk.de/typolight/index.php/index.html

**MacKP** · 30.09.2009, 12:18

Zitat von chr.flader

Hi und Danke! Sieht ja mal gleich anders aus.
Muss man die Bilder immer so hochladen oder kann ich das auch via FTP erlegen?

Hallo, per FTP geht natürlich auch, wobei du dann aufpassen musst, das die Bilder keine Sonderzeichen etc. beinhalten und die automatische Verkleirung greift dann nicht.

Für die News in 2 Spalten:
Da könntest du mit einer gewissen Breite arbeiten und dann die News floaten lassen...
Zu float etc. am besten mal googlen ;-)

Viele Grüße

**chr.flader** · 30.09.2009, 12:31

Wie heißt denn genau die Stelle beim CSS wo ich das mit den 2 Spalten anpassen kann?

**MacKP** · 30.09.2009, 12:35

Zitat von chr.flader

Wie heißt denn genau die Stelle beim CSS wo ich das mit den 2 Spalten anpassen kann?

Das hier passt schon mal -> https://community.contao.org/de/show...41&postcount=2

Dann noch die Klasse die du benutzen müsstest: .mod_newslist .layout_full {blabla}

**chr.flader** · 30.09.2009, 12:44

Komsicherweise gibt es bei mir die Bereich im CSS nicht. Auch wenn ich sie anlege passiert auf der Seite nix.

**MacKP** · 30.09.2009, 13:17

Ich seh diese Anweisung bei dir auch nirgendwo...
keine Ahnung wo du das eingetragen hast.
Wird dein CSS überhaupt richtig eingebunden? Wie bearbeitest du denn deine CSS Dateien und welche?

**chr.flader** · 30.09.2009, 13:22

Zitat von MacKP

Ich seh diese Anweisung bei dir auch nirgendwo...
keine Ahnung wo du das eingetragen hast.
Wird dein CSS überhaupt richtig eingebunden? Wie bearbeitest du denn deine CSS Dateien und welche?

Ich habs eben wieder rausgenommen. Ich bearbeite die CSS Anweisungen direkt über den Adminbereich. Habe auch in vielen Bereichen bereits einge hinzugefügt und wieder entfernt.

Ich sehen lediglich das Problem, dass Firebug und wie sie alle heißen sehr viele Dinge anzeigen, was bei anderen Webseite und CMS nicht der Fall ist.

Du hattest geschrieben:

.mod_newslist .layout_full {blabla}

Bis auf {blabla} habe ich alles eingerichtet. Hat sich aber nicht sonderlich viel getan.

Jetzt frag ich mich natürlich was {blabla} heißen soll?

**MacKP** · 30.09.2009, 13:36

Zitat von chr.flader

Ich habs eben wieder rausgenommen. Ich bearbeite die CSS Anweisungen direkt über den Adminbereich. Habe auch in vielen Bereichen bereits einge hinzugefügt und wieder entfernt.

Ich sehen lediglich das Problem, dass Firebug und wie sie alle heißen sehr viele Dinge anzeigen, was bei anderen Webseite und CMS nicht der Fall ist.

Du hattest geschrieben:

.mod_newslist .layout_full {blabla}

Bis auf {blabla} habe ich alles eingerichtet. Hat sich aber nicht sonderlich viel getan.

Jetzt frag ich mich natürlich was {blabla} heißen soll?

blabla ist die ultimative CSS Anweisung, die alles macht was man möchte ;-)

Nein, das war nur nen schneller Platzhalter für den Teil der im anderen Post steht wo einer an einer anderen Stelle genau das selbe haben möchte wie du.

**chr.flader** · 30.09.2009, 13:48

Zitat von MacKP

Das hier passt schon mal -> https://community.contao.org/de/show...41&postcount=2

Dann noch die Klasse die du benutzen müsstest: .mod_newslist .layout_full {blabla}

Öhm, es ist ein CSS Eintrag oder sind es zwei?

Also so:

.mod_newslist
.layout_full

**chr.flader** · 30.09.2009, 13:50

Also ihr dürft mich schlagen, aber ich habs jetzt noch mal gemacht und es geht!

Ich glaub ich werde alt ;-)

Dann mal gleich die nächste blöde Frage:

Würde gerne die Icons auf der Startseite zu den News gerne nicht umrahmt haben.

**Michael** · 30.09.2009, 17:57

Hi

kennst du Firebug im Firefox? Dort kannst du das CSS direkt nachschauen.
In deinem Fall: ".image_container img" den Border auf 0px einstellen.

Grüsse
Michael

**chr.flader** · 30.09.2009, 18:42

Zitat von Michael

Hi

kennst du Firebug im Firefox? Dort kannst du das CSS direkt nachschauen.
In deinem Fall: ".image_container img" den Border auf 0px einstellen.

Grüsse
Michael

Das Bild oben recht soll aber einen Rahmen habe. Die Icons im Newsbereich aber wiederum nicht!

Christian

**Michael** · 30.09.2009, 18:47

Probier folgendes:
.mod_newslist .image_container img

Damit sprichts du nur die Imagecontainer im Modul Newslist an.

Grüsse
Michael

**MacKP** · 30.09.2009, 18:48

Zitat von chr.flader

Das Bild oben recht soll aber einen Rahmen habe. Die Icons im Newsbereich aber wiederum nicht!

Christian

Dann mal ein schnelles .mod_newslist .image_container img vor diese CSS Anweisung und fertig ist das..

Beschäftige dich doch erst mal ein wenig mit CSS (da gibt es irre viele Quellen im Internet... tausende Tutorials...) es ist so recht mühsam, dir das Layout zusammenzubasteln wenn du irgendwie bei jeder Kleinigkeit erst mal in 2 Postings erklähren musst was du genau haben willst...

Viele Grüße

**chr.flader** · 30.09.2009, 18:50

Zitat von MacKP

Dann mal ein schnelles .mod_newslist .image_container img vor diese CSS Anweisung und fertig ist das..

Beschäftige dich doch erst mal ein wenig mit CSS (da gibt es irre viele Quellen im Internet... tausende Tutorials...) es ist so recht mühsam, dir das Layout zusammenzubasteln wenn du irgendwie bei jeder Kleinigkeit erst mal in 2 Postings erklähren musst was du genau haben willst...

Viele Grüße

Ok, danke. Aber was mir eigentlich fehlt sind doch die genauen Begriffe, wo etwas wo geändert wird. Nachher die Änderung selbst ist ja kein Problem. Die Stelle an der ich anpacken muss ist mein Problem.

**MacKP** · 30.09.2009, 18:56

Zitat von chr.flader

Ok, danke. Aber was mir eigentlich fehlt sind doch die genauen Begriffe, wo etwas wo geändert wird. Nachher die Änderung selbst ist ja kein Problem. Die Stelle an der ich anpacken muss ist mein Problem.

Na, dafür gibt es ja Firebug oder auch zur not die normale Quellcode Ansicht.
Ein wenig hinschauen wo welche Klassen stehen und dann sieht man das in der Regel schon...
Das was im Moment von dir kommt wirkt nicht gerade so als ob du dich selber mit dem Code beschäftigst, daher meine kleine Anmerkung.

Ansonten wird sich hier immer jemand finden, der dir das Vorsagt. Ich glaube nur das es für dich sinniger ist erst mal selber zu schauen und dadurch ein wenig zu lernen. Um dann nicht später bei einer eiligen Änderung hier auf heißen Kohlen zu sitzen bis dir einer Antwortet.

Ist also nicht böse gemeint oder so.

Viele Grüße

**chr.flader** · 30.09.2009, 20:06

Danke für deine netten Bemühungen.

Eigentlich komme ich mit Firebug sehr gut klar. Aber die Klassen sind irgendwie für mich nicht nachvollziehbar.

Ein Beispiel:

Ich habe in Firebug versucht die News 2 spaltig darzustellen. Dabei bin ich auf die Klasse .mod_newslist block gekommen. Diese habe ich unter Stylesheets angelegt und entsprechend die Einstellungen vorgenommen.

Aber es passiert nix.

**MacKP** · 30.09.2009, 20:14

Da sind 2 Klassen (getrennt durch das Leerzeichen).
Einmal die Klasse .mod_newslist
und einmal die Klasse .block

Du musst dir vor allem auch anschauen was für Klassen drum herum sind u.ä. damit du dann genauere Definitionen machen kannst wie bei den Bildern.

Das sind die Grundlagen von CSS.. daher mein Wink. Das ist überhaupt nichts spezielles von TL.

Viele Grüße

**chr.flader** · 01.10.2009, 12:12

Wie bekomme ich das Hauptmenü links so hin, dass die Striche auch unter den Icons ist?

Außerdem würde ich gerne das Menü im Center (Mannschaften, Training beim KTTK usw.) gerne horizontal haben und die Einträge durch ein | getrennt haben.

**chr.flader** · 01.10.2009, 15:35

Ich denke ich kann es auch so lassen, wie es jetzt ist. Aber das Menü im Center bekomme ich nicht horizontal hin.

Da bräuchte ich mal Hilfe.

Danke

Christian

**Michael** · 01.10.2009, 15:37

Hi

gib dem Listenelement li ein float: left und schon sollte es klappen...

Grüsse
Michael

**chr.flader** · 01.10.2009, 18:28

Danke. Wie bekomme ich jetzt so einen Strich zwischen jedem Menüpunkt?

**Michael** · 01.10.2009, 18:41

Kennst du?
http://www.w3.org/TR/CSS21/cover.html#minitoc
Dort findest du alles rund um CSS...

Probiere mit: list-style-position: inside

Selber nachschauen macht schlau!

Grüsse
Michael