Zum Inhalt springen

Cal_Base -->Kategorien-->CSS

Erstellt am 5. Juli 2007 · 19 Antworten · letzte Antwort am 12. Juli 2007

Tags: Frage

steffenk ·

Hi,

es geht viel einfacher, denn jede Kategorie hat die Einträge header_style und body_style. Du kannst also die entsprechenden Marker verwenden und für CSS-Klassen benutzen:

###HEADERSTYLE###
###BODYSTYLE###

kaktus ·

Moin, Steffen,

da geht die Suche wieder los . . .

Welches Template steuert denn die Ausgabe der Kategorien?

Grüße kaktus

Edit:

Ich habe meinen CATEGORY_LINK mit einem <div class ="###HEADERSTYLE###"></div> umschlossen und siehe da, es passiert was . . .

Edit:

Mein Listtemplate ist der falsche Ort für den Headerstyle. Alle Kategorien werden mit dem default_catheader ausgezeichnet. Es muss also ein Template geben welches für die Kategorien zuständig ist. Gefunden habe ich create.tmpl, confirm.tmpl und delete.tmpl. Aber sind die nicht für das Anlegen usw. aus dem FE zuständig?

steffenk ·

moin moin,
Du kannst die Marker überall einsetzen.
Editier mal eine Kategorie, da hast Du die Felder für header- und bodystyle. Wenn Du nichts eingetragen hast, wird natürlich default genommen.

kaktus ·

Also ich hab mir eine Kategorie hergenommen und green_catheader eingetragen, aber es passiert rein gar nix, er bleibt bei default??

Grüße, kaktus

kaktus ·

Das hatte ich probiert, aber ohne Erfolg. Das liegt möglicherweise daran, dass ich jedem Termin mehrere Kategorien zuordnen muss. Wenn ich das über den Category_LINK mache, gilt der Style dann für alle angegebenen Kategorien. Das ist nicht das, was ich will.

Grüße, kaktus

kaktus ·

Genial, so soll es sein! Leider komm ich erst morgen Abend dazu, das auszuprobieren.

Also ersetze ich die entsprechende Stelle mit Deinem Code und weise jeder Kategorie ihr Icon per Style zu.

Der Text selbst wird durch BODY_STYLE formatiert, oder?
D.h. ich könnte über display:none; den Text unterdrücken und hätte nur das Icon?
Das Icon wäre verlinkt?

Vielen Dank Steffen!

Grüße, kaktus

Edit:

Das Icon ist verlinkt. Wirklich super!

steffenk ·

den Text kann man leider nicht ausblenden, daher habe ich noch weitere Flexibilität hinzugefügt.
http://svn.webempoweredchurch.org/calendar/changeset/1378

Dazu folgendes:
der Linktext hat jetzt stdWrap, dadurch kann man ihn verändern, ersetzen oder ausblenden - letzteres habe ich erstmal so gemacht, das geht bestimmt auch eleganter:

plugin.tx_cal_controller.view.list.categoryLink_stdWrap.wrap= <span style="display:none;">|</span>

Dann störte noch das hartgecodete Komma als Trennzeichen, daher ist es jetzt ein TS-Objekt:

plugin.tx_cal_controller.view.list.categoryLink_splitChar = TEXT
plugin.tx_cal_controller.view.list.categoryLink_splitChar {
  value = ,
  noTrimWrap= || |
}

Man kann es jetzt auch leicht löschen:

plugin.tx_cal_controller.view.list.categoryLink_splitChar >

oder sonst was damit anstellen ...

kaktus ·

Mensch das wird ja immer besser! Ich freu mich auf heut Nachmittag.

Die Seite, wo ich diese, aus meiner Sicht elementaren Verbesserungen im Kategoriehandling des Cal eingebaut habe, stelle ich nächste Woche hier im Forum zur Diskussion.

Grüße, kaktus

kaktus ·

Vielen Dank Steffen! Mein Sohn würde sagen "oberst cool ey"!

Jetzt kann ich schon mal jeder Kategorie eine eigene Farbe zuweisen. Morgen mache ich mich dann daran die entsprechenden Icons zu vergeben.

Sehr, sehr schön und wie ich finde, eine sinnvolle Ergänzung für den Calender.

Danke!

Grüße, kaktus

kaktus ·

Hallo Steffen,

ich schraube noch . . .

Folgendes Problem: Die Kategorie hat ihr Bild, der Text ist wie oben vorgegeben unterdrückt. Funktioniert im IE wie gewollt. In Opera und FF umschließt der wrap offensichtlich den gesamten Link. Mit dem - unerwünschten - Ergebnis, dass weder Kategorie noch Text angezeigt werden.

Sehr eigenartig, oder?

Quelltext im FF:

<td class="even" style="padding: 7px 0 0 5px;"><a href="index.php?id=terminuebersicht&amp;tx_cal_controller[offset]=1&amp;tx_cal_controller[category]=11&amp;cHash=aad6ad13a5" target="_self" title="TH" class="TH"><span style="display:none;">TH</span></a><a href="index.php?id=terminuebersicht&amp;tx_cal_controller[offset]=1&amp;tx_cal_controller[category]=13&amp;cHash=7012ca354e" target="_self" title="2.0" class="bis2"><span style="display:none;">2.0</span></a><a href="index.php?id=terminuebersicht&amp;tx_cal_controller[offset]=1&amp;tx_cal_controller[category]=81&amp;cHash=d8c335b13a" target="_self" title="THC" class="CUPTH"><span style="display:none;">THC</span></a></td>

Quelltext im IE

<td class="even" style="padding: 7px 0 0 5px;"><a href="index.php?id=terminuebersicht&amp;tx_cal_controller[offset]=1&amp;tx_cal_controller[category]=11&amp;cHash=aad6ad13a5" target="_self" title="TH" class="TH"><span style="display:none;">TH</span></a><a href="index.php?id=terminuebersicht&amp;tx_cal_controller[offset]=1&amp;tx_cal_controller[category]=13&amp;cHash=7012ca354e" target="_self" title="2.0" class="bis2"><span style="display:none;">2.0</span></a><a href="index.php?id=terminuebersicht&amp;tx_cal_controller[offset]=1&amp;tx_cal_controller[category]=81&amp;cHash=d8c335b13a" target="_self" title="THC" class="CUPTH"><span style="display:none;">THC</span></a></td>

Die Zeile im Template:

<td class = "even">###CATEGORY_LINK###</td>

Siehst du etwas, was ich nicht sehe?

Grüße kaktus

steffenk ·

hmm - bei mir gehts: http://www.sk-typo3.de/index.php?id=248

folgendes TS:

plugin.tx_cal_controller.view.list.categoryLink_stdWrap.wrap= <span class="cattitle">|</span>
plugin.tx_cal_controller.view.list.categoryLink_splitChar >

und css

span.cattitle {display:none;}
a.green_catheader {background:url(fileadmin/images/icons/flag_green.gif) no-repeat;padding-left:20px;}
a.concert_catheader {background:url(fileadmin/images/icons/flag_red.gif) no-repeat;padding-left:20px;}
kaktus ·

Hallo Steffen,

es geht auch in FF und Opera, wenn man margin bzw. padding richtig einstellt . . . also kein cal Problem sondern simples CSS und eigene Dummheit.

:o :o

Grüße, kaktus