Wie macht ihr CSS-Anpassungen?
von thowe Heavy User vor ca einem Jahr
Ich műhe mich gerade wieder damit ab die “mitgelieferten” CSS-styles einer TYPO3 EXT: anzupassen: also eigene CSS-Datei einbinden, eventuell SETUP-TS ändern; im HTML-Template bzw. per TS-Template…. Klassen und “Boxen” einfűgen! Wie macht ihr das? Damit meine ich, wie führt ihr das mit möglichst geringem Aufwand durch?
LG & ciao……
Nachträglich bearbeitet am 24.08.10 19:58
4 Antworten
von wowawebdesign Heavy User vor ca einem Jahr
Manchmal reicht es aus, im eigenen Stylesheet die von der Extension verwendeten Klassen zu überschreiben. Dabei musst du aber darauf achten, dass dein Stylesheet nach dem Stylesheet der Extension eingebunden wird.
Wenn du das HTML-Template selbst verändern willst, bieten die meisten Extension die Möglichkeit, per Typoscript den Pfad zum Template zu definieren. Du kopierst dir also das originale HTML-Template in deinen fileadmin-Ordner und sagst dann der Extension, wo die Datei liegt.Bei der Ext. tt_news sieht das dann zum Beispiel so aus:
plugin.tt_news.templateFile = fileadmin/templates/tt_news_dein_eigenes_template.html
Innerhalb dieses Templates kannst du dich jetzt beliebig austoben, unter Verwendung der von der Extension vorgegeben Marker. Diese werden üblicherweise aber in den originalen Templates aufgelistet und erklärt.
Nachträglich bearbeitet am 25.07.10 13:19
Code
plugin.tt_news.templateFile = fileadmin/templates/tt_news_dein_eigenes_template.html
von mhworx Rookie vor ca einem Jahr
Hi !
Ich werfe die Styles ausschließlich in meine main.css, d.h ich kopieren diese aus der ext raus. Ebenso das html-Template. Dies kommt dann in die fileadmin/templates. Andernfalls hab ich beim nächsten Update der ext das Problem, das alles wieder überschrieben wird!
Bei tt_news weise ich teilweise mehrere Templates zu. Dies regel ich über die Flexforms.
Nachträglich bearbeitet am 25.07.10 13:19
von milkstyle Geek vor ca einem Jahr
Ich habe mir für häufig genutzte Extensions (z.B. TT-News) eigene CSS angelegt, die ich bei Bedarf in meine style.css kopiere. Häufig kommt beim CSS der extensions einiges an Schrott mit, was man dadurch einfach ausschließen kann.
Bei Extensions die ich nicht kenne sehe ich mir meist den Code an, füge ihn zur style.css hinzu, oder passe eben selbst von vorne an. Meistens lässt sich aber durch selbermachen viel Arbeit sparen. Zudem hat man nacher im Header nicht 20 verschiedene CSS-Dateien stehen ;)
Nachträglich bearbeitet am 25.07.10 13:22
Kommentare
-
vor ca einem Jahrthowe: Hallo milkstyle
Ja, ja das mit den 20 CSS Dateien im HEADER… :-)
Dazu habe ich auch eine Frage. Ist es besser über TS mit include CSS file1 = ….. die CSS Dateien einzubinden oder indem man nur eine CSS Datei einbindet und in dieser über @import url(_______.css); die angelegten Datein reinholt?
Ich hoffe ich habe verständlich gefragt….
LG & ciao…
-
vor ca einem Jahrmilkstyle: Ich würde da eher mit TS arbeiten. Da kannste dann ja im Prinzip sogar beeinflussen, dass das CSS nur eingebunden wird, wenn man es auch braucht.
von thowe Heavy User vor ca einem Jahr
Danke euch beiden für die Antworten.
Ich hatte etwas unpräzise formuliert. Grundsätzlich handhabe ich es auch so wie mhworx.
Aber mir geht es eher um die “Technik/Vorgehensweise”. Derzeit ist das eher ein Try and Error. Also: CSS Stile verändern, dann in den Browsern gucken (F5-Taste) ob die Änderung die gewünschte Auswirkung hat…. Manchmal kopiere ich die HTML-Templates und CSS Dateien in einen EDITOR (z.B. aus der ADOBE Familie) und “bastle” dort herum. Dann wieder zurück in die TYPO3 Umgebung. Manchmal wie bei DAM frontend beiße ich mir Zähne aus. da werden offensichtlich Elemente – zumindest in der LIST-Ansicht (list.html) über php gerendert und eingefügt. Wie kann man hier die Struktur ändern, wenn man zum Beispiel die vertikale Ausrichtung, horizontal machen möchte, über nebeneinanderliegenden Boxen (div`s)? In der ……_pi1.php Datei ann ich “nix” erkennen…
Vielleicht gibt es hier ein paar ‘Tips….
Schönen Sonntag noch
LG & ciao….
Thomas Weber
Kommentare
-
vor ca einem Jahrmilkstyle: Ich glaube du kennst Firebug nicht?
https://addons.mozilla.org/de/firefox/addon/1843/ -
vor ca einem Jahrthowe: doch doch mit “firebug” arbeite ich schon, auch mit dem “Entwicklertool” vom IE…. :-)
offensichtlich bin ich “a bissale” zu umständlich
LG
-
vor ca einem Jahrmilkstyle: Wenn man sich an die Arbeit mit Firebug gewöhnt kommt man mit dem Umstylen bestimmter Extensions und Codes sehr, sehr gut und schnell zurecht. Aber man muss sich eben erstmal daran gewöhnen.
Antwort schreiben
Um eine Antwort schreiben zu können, sollest du dich zuvor anmelden.






100.000+ Community-User. Mach mit!
Unser neuestes Video auf YouTube:
Weitere Videos findest in unserem t3n-YouTube-ChannelCloud Coding, Google+ für iPhone und Facebook App Center [TechnikLOAD 83]
Unsere RSS-Feeds
Wer steckt hinter t3n?
Welche Köpfe stecken hinter t3n und wie kannst du ihnen bei Facebook, Google+ oder Twitter folgen? Wirf doch mal einen Blick auf unsere Teamseite.
Das t3n-Team