[Typo3] Dummie-Fragen

[steffenk]

Moin Alexander,

nachdem ich jetzt etwas tiefer eingedrungen bin, hab ich Deine Ratschläge befolgt und weiss auch, was Du mit "In die Vollen" gemeint hast

Wie angedroht komm ich nun mit weiteren Fragen.
Folgende Probleme beschäftigen mich:
Bei der Extension cron_cssstyledimgtext erhalte ich folgenden Warnhinweis
Class filename "class.ux_tslib_content.php" did NOT contain the class "ux_tslib_content"!
und
Naming errors: tables tt_content tt_content

Ich habe auch die Extension, obwohl sie installiert ist, nicht im Ordner typo3/ext gefunden, eigentlich müsste doch ein Ordner cron_cssstyledimgtext existieren, oder hat er alles nach tt_content reinkopiert ?

Noch eine generelle Frage (liegt wahrscheinlich daran, das ich so schnell vorrankommen muss): Bei HTML-Templates muss ich doch die Marker für alle Parts einsetzen, die ich nachher mit TS automatisieren will. leider find ich immer nur Beispiele ohne externe CSS, die als Marker dann im head den CSS-Teil markieren. Kannst Du mir vielleicht ein Beispiel eines gemarkerten Templates zeigen ?
Die Dokus die ich finde sind fast alle 2 Jahre alt und immer noch Tabellenbasiert. Gibt es irgendwo aktuelle Dokus zu CSS-Designs mit Typo3 ?

btw - die Videos sind ja von Kasper selbst besprochen - das macht ja Laune, wenn er über sein "Baby" schwelgt

[steffenk]

gut, noch ein Schritt zurück.

Ich habe unter fileadmin/template/simple.htm ein einfaches Template hinterlegt:

###document###
<div id="overall">
<div id="header">
<h1>header</h1>
<ul id="mainnavi">
</ul>
</div>
<div id="menu">
<h2>Menü</h2>
###navi###
<!-- Navi -->
###navi###
</div>
<div id="main">
###content###
<!-- content -->
###content###
</div>
<div id="footer">
<h3>footer</h3>
</div>
</div>
###document###

unter fileadmin/css/style.css habe ich das css-sheet.

Im Template habe ich die Anweisung:

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/css/style.css

page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/template/simple.htm
workOnSubpart = document
subparts.content < styles.content.get
subparts.navi = HMENU
subparts.navi.1 = TMENU
}

und bei include static: content (default)

Leider klappt das nicht, wo ist der Fehler ?

EDIT

klappt doch - irgendwas ist beim fileupload schiefgegangen.
Wieso bekomme ich denn keine Fehlermeldung, wenn files angegeben werden, die nicht vorhanden sind ?

Die Extension croncssstyledimgtext sorgt dafür, das die styles in das HTML-File geschrieben werden, wie bekomme ich das denn ins externe Sheet ?
Ich find auch keinerlei Files der Extension sowie der Extension css_styled_content.
/* default styles for extension "tx_croncssstyledimgtext" */
hab sie gefunden, waren unter typo3conf/ext - hab jetzt auch verstanden warum

[edit2]
und noch eine Frage
Ich baue gerade die Beispielseite von R.Meyer nach und der Schritt auf Seite 118 (entryLevel) funktioniert nicht.
Welche Form der Fehlerkontrolle hab ich, wie erreiche ich eine Syntaxkontrolle vom TS ? Bis zu diesem Schritt hat alles funktioniert, ich habe halt anders als vorgegeben mehrere Schachtelungen mit
Objekt {} gemacht, alle Schachtelungen im externen Editor mit entsprechenden Einrückungen gemacht, so das ich sichergestellt habe, das all klammern auch wieder geschlossen werden. Nun geht es nicht und ich weiss definitiv nicht wo ich suchen soll
hat sich erledigt, dank Objektbrowser hab ich den Fehler entdeckt und einen . entfernt, jetzt gehts


Userverwaltung: Ich habe keinen Sysordner User und bekomme keine Option, einen neuen User anzulegen, hab ich vergessen, was anzulegen ?
[/edit2]

[steffenk]

Ich wills nochmal sortieren, da es unübersichtlich geworden ist.
Offen ist:

Fehlermeldung aus #16

dann
Userverwaltung: Ich habe keinen Sysordner User und bekomme keine Option, einen neuen User anzulegen, hab ich vergessen, was anzulegen ?

und eine neue Frage.
Ich habe ein Submenü an einer anderen Position und ein Breadcrumb-menü.
Wie bekomme ich den dynamischen Einstiegspunkt hin, ich leg normalerweise das ja durch die Seitenid fest (special.value = 19) ?
hat sich auch erledigt, special.value zeigt auf die Menüstruktur und das Zauberwort heisst entryLevel, damit er weiss, ab welcher Tiefe er greifen soll

dafür direkt die nächste Frage:

Bei einem CSS-Menü benutze ich als wrap <ul>|</ul> und als linkWrap <li>|<li>
Wenn er mehrere Tiefen anzeigt, erzeugt er diesen Code:

<ul>
<li>Seite 1</li>
<li>Seite 2</li>
  <ul>
  <li>Unterseite 1</li>
  <li>Unterseite 2</li>
  </ul>
<li>Seite 3</li>
</ul>

semantisch korrekt wäre aber

<ul>
<li>Seite 1</li>
<li>Seite 2<li>
<li>
  <ul>
  <li>Unterseite 1</li>
  <li>Unterseite 2</li>
  </ul>
</li>
<li>Seite 3</li>
</ul>

gibt es hier einen Trick / Workaround ?

[Kafkaesk]

Zitat von St@eff.en

dafür direkt die nächste Frage:

Bei einem CSS-Menü benutze ich als wrap <ul>|</ul> und als linkWrap <li>|<li>
Wenn er mehrere Tiefen anzeigt, erzeugt er diesen Code:

<ul>
<li>Seite 1</li>
<li>Seite 2</li>
  <ul>
  <li>Unterseite 1</li>
  <li>Unterseite 2</li>
  </ul>
<li>Seite 3</li>
</ul>

semantisch korrekt wäre aber

<ul>
<li>Seite 1</li>
<li>Seite 2<li>
<li>
  <ul>
  <li>Unterseite 1</li>
  <li>Unterseite 2</li>
  </ul>
</li>
<li>Seite 3</li>
</ul>

gibt es hier einen Trick / Workaround ?

Ja, da habe ich auch ein wenig herumgetüftelt, damit TYPO3 einen semantisch korrekten Code ausspuckt. Ich kopiers Dir hier mal rein, wie ich es auf der Nezzgo-Site gemacht habe:

PHP-Code:

#Subnavigation
         SUB_NAVI = HMENU        
         SUB_NAVI { 
              entryLevel = 2
              wrap = <div id="subnavi"><ul> | </ul></div>
              1 = TMENU
              1.expAll = 1
              1.NO.linkWrap = <li> | </li>
              
              1.ACT = 1
              1.ACT < .NO
              1.ACT.doNotLinkIt = 1
              1.ACT.allWrap = <li id="subnavi-aktiv"> | </li> 

              2 = TMENU
              2.expAll = 1
              2.wrap = <li><div class="subnavi-2><ul> | </ul></div></li>
              2.NO = 1
              2.NO.linkWrap = <li> | </li>

              2.ACT = 1
              2.ACT < .NO
              2.ACT.doNotLinkIt = 1
              2.ACT.allWrap = <li id="subnavi2-aktiv"> | </li> 

              } 


Anmerkungen dazu:

Was Du hier siehst, ist ein Listenmenü mit einer weiteren Subnavigationsebene.

Über entryLevel haben wir ja schon gesprochen: das bedeutet hier, dass vom Rootlevel (0) ausgehend, das übernächste Verzeichnis ausgelesen wird und eben dann die Zahl "2" erhält.

Mit wrap umfasst und formatierst Du den kompletten Navigationsbereich mit CSS und legst hier die ungeordnete Liste an, die Du dann später über die einzelnen Listenpunkte dynamisch auslesen läßt.

expAll = 1 bedeutet, dass alle Unterlinks auch angezeigt werden (und nicht erst, wenn man auf den Oberlink klickt).

In Bezug auf Zugänglichkeit ist es beispielsweise wichtig, den jeweils aktiven Link eben ohne Link zu setzen. Das kannst Du eben mit der Anweisung "donNotLinkIt = 1" erreichen.

Mit ACT definierst Du separat den jeweils aktiven Menüpunkt, der dann für die jeweils angeklickte Seite gesondert formatiert werden kann.

Viel Spaß damit ...

[Kafkaesk]

Ach ja, noch was Steffen. Hier gibts einen wirklich sehr schönen Auszug zu einem brandneuen TYPO3-Buch, dass sich um Barrierefreiheit und tabellenlosen Aufbau von TYPO3-Sites beschäftigt:

http://www.galileocomputing.de/downl...3_handbuch.pdf

[steffenk]

vielen Dank Alexander, da hätte ich ja auch drauf kommen können, die nächste Ebene mit einem zusätzlichen <li> zu wrappen
Warum packst Du das denn noch zusätlich in ein div ? braucht man doch eigentlich nicht, da man per css ja auch über #subnavi ul ul dran kommt.
expAll und donNotLinkIt sind auch sehr nützlich, ACT, NO Ro usw. hab ich mir schon angeschaut und eingesetzt.

Die Leseprobe ist Klasse, nur schade, das die noch css_styled_imgtext benutzen, das neuere ist ja cron_cssstyledimgtext - aber das Buch sieht sehr empfehlenswert aus.

Was ist eigentlich mit den Standardmodulen wie calender, news etc - reicht es da aus, das template auf css umzuschreiben oder wird zusätzlich vom code noch Tabellendesign erzeugt ? (mit dem newsmodul hab ich es schon probiert, einfach das template ins fileadmin-Verzeichnis kopiert, im Template zugewiesen und dann das Template bearbeitet)

[Kafkaesk]

Zitat von St@eff.en

vielen Dank Alexander, da hätte ich ja auch drauf kommen können, die nächste Ebene mit einem zusätzlichen <li> zu wrappen

Stimmt, wollte ich eigentlich noch in die Anmerkungen reinpacken, da ich genau denselben Denkfehler einen ganzen Abend lang drin hatte ...
Übrigens findet man das total oft falsch, selbst in TYPO3-Büchern.

Warum packst Du das denn noch zusätlich in ein div ? braucht man doch eigentlich nicht, da man per css ja auch über #subnavi ul ul dran kommt.

Da hast Du recht, braucht man nicht unbedingt.

Die Leseprobe ist Klasse, nur schade, das die noch css_styled_imgtext benutzen, das neuere ist ja cron_cssstyledimgtext - aber das Buch sieht sehr empfehlenswert aus.

Das ist wohl das Schicksal eines jeden TYPO3-Buchs: kaum ist die Druckerschwärze trocken, schon ist es wieder veraltet. Aber ich denke auch, dass das Buch wirklich empfehlenswert sein könnte.

Was ist eigentlich mit den Standardmodulen wie calender, news etc - reicht es da aus, das template auf css umzuschreiben oder wird zusätzlich vom code noch Tabellendesign erzeugt ? (mit dem newsmodul hab ich es schon probiert, einfach das template ins fileadmin-Verzeichnis kopiert, im Template zugewiesen und dann das Template bearbeitet)

Das kommt drauf an. Gerade beim News-Modul kannst Du ja das CSS-Template bereits unter den Static-Templates auswählen. Bei den anderen Extensions ist zumeist kräftiges Umschreiben der mitgelieferten Templates angesagt.
Ein Sonderfall ist die extended_serarch-Extension. Hier ist leider das Template fest "verlötet" und spuckt Tabellen bei der Ausgabe aus. Ich hab aber vor einigen Tagen eine Extension gesehen, die anscheinend die Möglichkeit liefert die Suche doch template-basierend und damit bearbeitbar zu machen. Muß ich mal testen.

[steffenk]

sry Alexander, aber mit dem Menü stell ich mich doch etwas dumm an.

Ich hab folgende Dokumentenstruktur:

root
|
| - uhk
| - - Topmenu (id=19)
| - - - Startseite
| - - - Menü2
| - - - - Untermenü 2_1
| - - - - Untermenü 2_2
| - - - - Untermenü 2_3
| - - - Menü3
| - - - - Untermenü 3_1
| - - - - Untermenü 3_2
| - - - - Untermenü 3_3

Nun hab ich ein eindimensionales Menü oben auf der Seite ( TOPMENU)
und links habe ich ein weiteres Menü (LINKS)

im linken Menü soll jetzt die Untermenü-Ebene angezeigt werden.
So habe ich die beiden Menüs definiert:

TOPMENU = HMENU
TOPMENU {
	special = directory
	special.value = 19
	1 = TMENU
	1.noBlur = 1
	1.wrap = <ul>|</ul>
	1.NO = 1
	1.NO.linkWrap = <li class="first">|</li> |*| <li>|</li> |*| <li>|</li>
}

LINKS = HMENU
LINKS {
	special = directory
	special.value = 19
	entryLevel = 3
	1 = TMENU
	1.noBlur = 1
	1.wrap = <ul>|</ul>
	1.NO = 1
	1.NO.linkWrap = <li>|</li>
}

Es wird aber links nichts angezeigt. Änder ich den entryLevel auf 2, so bekomme ich das identische Menü wie TOPMENU (Startseite,Menü2,...)
Wo denk ich falsch, warum geht das nicht so ? das Level 3 müsste es doch sein.
Wär Dir für Aufklärung sehr dankbar

[Kafkaesk]

Lösch doch mal die special-Sachen raus:

special = directory
special.value = 19

[steffenk]

das nutzt leider nichts.
Das Menü braucht doch den Bezugspunkt, sonst bezieht es sich doch auf die oberste Ebene.

[Kafkaesk]

Zitat von St@eff.en

das nutzt leider nichts.
Das Menü braucht doch den Bezugspunkt, sonst bezieht es sich doch auf die oberste Ebene.

Ok, stimmt, war Schmarrn.
Also, wenn ich jetzt richtig durchzähle, müßte es entryLevel 4 sein.
Level 0 = root
Level 1 = uhk
Level 2 = Topmenu
Level 3 = Startseite, Menü2, Menü3
Level 4 = Untermenü

[steffenk]

ja, stimmt, müsste.
Ich hatte halt gesehen, das er bei 2 die Ebene darüber anzeigt (Topmenü)

leider klappts trotzdem nicht.

[Kafkaesk]

Hmm, so von außen ist es schwierig zu sagen. Ich kann ja morgen mal reinschauen ins Backend, falls es Du es bis dahin nicht gefunden hast. Bin heute nur schon etwas gaga, sprich leer.

[steffenk]

kein Problem bist jederzeit herzlich willkommen

[steffenk]

Habs nochmal probiert, komm aber nicht weiter.
entryLevel müsste 3 sein, da rootline = -1 ist

Ich habe auch folgendes fü