Du hast eine Frage? Stell sie der t3n-Community!

? Beispielfragen

Um selbst eine Frage online zu stellen, melde dich bitte an.

Zur Anmeldung

Wie macht ihr CSS-Anpassungen?

11 Punkte

Frage markiert als beantwortet

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

2 Punkte

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

2 Punkte

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

2 Punkte

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

  • thowe: 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 Jahr
  • milkstyle: 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.

    vor ca einem Jahr

Melde dich an, um einen Kommentar zu schreiben.

0 Punkte

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

  • milkstyle: Ich glaube du kennst Firebug nicht?
    https://addons.mozilla.org/de/firefox/addon/1843/

    vor ca einem Jahr
  • thowe: 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 Jahr
  • milkstyle: 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.

    vor ca einem Jahr

Melde dich an, um einen Kommentar zu schreiben.

Antwort schreiben

Um eine Antwort schreiben zu können, sollest du dich zuvor anmelden.

Zur Anmeldung