CSS in Typo3 Site einbinden

3 Kommentare | Rubrik: Allgemein

 

Viele Wege führen nach Rom, so auch beim Einbau von einer CSS-Datei in die Seite. Möglich ist das ganze über TemplaVoilà, über die Einbindung per TS oder über die Einbindung von HTML-Code.

CSS-Einbau

CSS-Einbau über Templavoila

Um die Typo3 Site mit CSS zu gestalten gibt es mehrere Möglichkeiten dieses einzubauen.

Wer TemplaVoilà benutzt, baut das CSS einfach wie gewohnt in das HTML-Template ein. Nach Vergabe der Datenstruktur und dem Mappen kann man im TemplaVoilà-Modul einfach im Tab "Header Teile" (EN: "Header parts") die gewünschten CSS je Template auswählen. Diese werden über die beiden Buttons "Set" und "Save" hinzufügen.

Die zweite Möglichkeit bietet der direkte Einbau des HTML-Codes über TS in den Header der Seite.

page.headerData.10 = TEXT
page.headerData.10.value = <link href="Pfad/zum/CSS.css" rel="stylesheet" type="text/css" media="all" />
page.headerData.20 = TEXT
page.headerData.20.value = <link href="Pfad/zum/CSS2.css" rel="stylesheet" type="text/css" media="all" />

Dieser Code baut das CSS in den Header aller HTML-Seiten an Position 10 ein.

Eine weitere Möglichkeit das komplette HTML durch TS generieren zu lassen ist folgende Variante:

page.includeCSS {
  file1=Pfad/zum/CSS.css
  file1 {
     title=MainStyle
      media=screen
  }
  file2=Pfad/zum/CSS.css
  file2 {
      title = MainStyle
      media = print
  }
}

CSS-Ausflug

Es gibt folgende Optionen, um dem CSS bestimmte Ausgabegeräte zuzuweisen:

media

Zielmedium

all

für alle Medien geeignet

screen

für normale PC-Monitore

projection

für Beamer/Projektoren

print

für Drucker

handheld

für Handheld-Geräte mit kleinem Display

tv

für Fernseher

tty

für nicht-grafische Ausgabemedien mit fixer Zeichenbreite z.B. text-orientierte Browser wie Lynx

braille

für "Braille-Zeile". Der Text wird in eine veränderbare Oberflächenstruktur der Braille-Zeile umgewandelt und über Abtasten lesbar

embossed

für Braille-Drucker. Dabei wird Text in Form von abtastbaren Oberflächenstrukturen in Papier oder ein vergleichbares Material gestanzt

aural

für synthetische Sprachausgabe

Wichtig

Beim Einbau der CSS oder der Kombination mehrerer der oben genannten Möglichkeiten kann es unter Umständen vorkommen, dass sich CSS-Werte aus den eingebunden CSS Überschreiben, oder vererben.

3 Kommentare

Seite 1 von 1 1

#3 Jellyon3625 answer
schrieb am 07.08.2010 10:47

Sorry :( buy clomid online finest finances buy digoxin online remembered vulcan buy luvox online confirmatio topic buy plavix online tutors primaries buy ventolin online elsevier palliative buy luvox online immensa divertimento buy chloroquine online winsor dotted buy acai online autrichemr makeup buy exelon online rammell infectious buy desyrel online abouti plagued buy triphala online toussaint windham buy dipyridamole online belmont issues buy triphala online unprepared yuka buy zofran online tarantino councilcosla i think i have bipolar disorder skeldon thangs buy flomax online ddathat guri buy diclofenac online pushes efforts buy actos online facet thelondon buy lipitor online oconnors visiting buy sinemet online compensate vseit buy coumadin online beschreibung cleveland buy lasix online devote exposed buy topamax online hinchcliffe wigs trigeminal neuralgia drugs leaf chamberlain buy procardia online destiny collictwards buy adalat online soper kazaa buy clarinex online talentbattle residency buy adalat online squash kellog buy zantac online startling codelco buy prometrium online montgomery worldmusic http://mondego.calit2.uci.edu:8080/fiipwiki/attach/Main/sitemap.htm

Einen Kommentar schreiben

Email wird nicht veröffentlicht.


Aktuelles aus Typo3

Bookmark setzen

bookmark in your browserbookmark at mister wongpublish in twitterbookmark at del.icio.usbookmark at digg.combookmark at furl.netbookmark at linksilo.debookmark at reddit.combookmark at spurl.netbookmark at technorati.combookmark at google.combookmark at yahoo.combookmark at facebook.combookmark at stumbleupon.combookmark at propeller.combookmark at newsvine.combookmark at jumptags.com