---
title: "Externes CSS-File einfügen..wie?"
url: "https://www.typo3.net/d/89518-externes-css-file-einfuegenwie"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2009-05-07"
last_reply: "2009-05-08"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Externes CSS-File einfügen..wie?

Allgemein · 5 Antworten · gestartet 2009-05-07

## Eröffnungsbeitrag

**VfB-Aragorn** · 2009-05-07 · [Beitrag #1](https://www.typo3.net/d/89518-externes-css-file-einfuegenwie/1)

Hallo,

ich weiß das es schon viel mal geschrieben wurde und ja, ich habe gegoogelt, aber ich versteh das gefundene nicht...

..Ich will ein CSS-File in TypoScript einbinden.
<link rel="stylesheet" href="lytebox/lytebox.css" type="text/css" media="screen" />

Wo genau muss ich das nun in die Setup eintragen? Header ist klar, aber wo befindet der sich?

Hier ist meine Setup:

```typoscript
# spam protect e-mail addresses
   config.spamProtectEmailAddresses = 1 
   config.spamProtectEmailAddresses_atSubst = (at)

# XHTML
   config.doctype = xhtml_trans
   config.xhtml_cleaning = all

# cache period
   config.cache_period = 3600

# language
   config.htmlTag_langKey = de
   config.metaCharset = utf-8
   config.language = de
   config.locale_all = de_DE

page = PAGE
page {
   typeNum = 0
   bodyTag = 
   stylesheet = fileadmin/templates/main/css/columns2.css
   meta.AUTHOR = Daniel Stateczny // www.it-bo.com

   # COPYRIGHT
   # It is only permitted to change this entry (meta.COPYRIGHT) if you possess a Two license.
   # Diese Eintragung (meta.COPYRIGHT) darf nur geändert werden, wenn Sie eine Two-Lizenz besitzen.
   # Link: http://www.it-bo.com
   meta.COPYRIGHT = Dieses TYPO3 Template und Layout basiert auf dem TYPO3 Template Two von Daniel Stateczny | IT-Bo.com

   meta.DESCRIPTION = TYPO3 Template Two
   meta.KEYWORDS = TYPO3 Template Two
   meta.TITLE = TYPO3 Template Two

   10 = TEMPLATE
   10.template = FILE
   10.template.file = fileadmin/templates/main/index-800-mcc.html
   
   10.workOnSubpart = DOCUMENT_BODY
   10.marks {

   TOP-MENU = HMENU
   TOP-MENU {
      special = directory 
      special.value = 1
      entryLevel = 0
      #stdWrap.wrap = <ul>|</ul>
      1 = TMENU
      1 {
      noBlur = 1
      expAll = 1
      wrap = <ul>|</ul>
      NO.wrapItemAndSub = <li>|</li>
      NO.ATagTitle.field = abstract // description // title
      ACT = 1
      ACT.wrapItemAndSub = <li class="act">|</li>
      ACT.ATagTitle.field = abstract // description // title
      }
   }

   LEFT-MENU = HMENU 
   LEFT-MENU {
      entryLevel = 1
      1 = TMENU
      1 {
      noBlur = 1
      expAll = 0
      wrap = <ul>|</ul>
      NO.wrapItemAndSub = <li class="left-level-1-no">|</li>
      NO.ATagTitle.field = abstract // description // subtitle // title
      ACT = 1
      ACT.wrapItemAndSub = <li class="left-level-1-act">|</li>
      ACT.ATagTitle.field = abstract // description //subtitle //  title
      }
      2 = TMENU
      2 {
      noBlur = 1
      expAll = 0
      wrap = <ul>|</ul>
      NO.wrapItemAndSub = <li class="left-level-2-no">|</li>
      NO.ATagTitle.field = abstract // description // title
      ACT = 1
      ACT.wrapItemAndSub = <li class="left-level-2-act">|</li>
      ACT.ATagTitle.field = abstract // description // title
      }
      3 = TMENU
      3 {
      noBlur = 1
      expAll = 0
      wrap = <ul>|</ul>
      NO.wrapItemAndSub = <li class="left-level-3-no">|</li>
      NO.ATagTitle.field = abstract // description // title
      ACT = 1
      ACT.wrapItemAndSub = <li class="left-level-3-act">|</li>
      ACT.ATagTitle.field = abstract // description // title
      }
   }

   HEADER-IMG = IMAGE
   HEADER-IMG {
      file = fileadmin/templates/main/img/img_header.jpg
      stdWrap.typolink.parameter = 9
      alttext = TYPO3 Template Two - Home
   }

   LEFT-MARKER = CONTENT
   LEFT-MARKER {
      table = tt_content
      select.orderBy = sorting
      select.where = colPos = 1
   }

   MIDDLE-MARKER = CONTENT
   MIDDLE-MARKER {
      table = tt_content
      select.orderBy = sorting
      select.where = colPos = 0
   }
   }
}
```

Wäre sehr nett wenn mir jemand helfen könnte...!

## Antworten

### [#2](https://www.typo3.net/d/89518-externes-css-file-einfuegenwie/2) · just2b · 2009-05-07

```typoscript
page.includeCSS.file10 = lytebox/lytebox.css
```

georg

### [#3](https://www.typo3.net/d/89518-externes-css-file-einfuegenwie/3) · VfB-Aragorn · 2009-05-08

Hallo Georg,

dankeschön für deine Hilfe.

Ich habe einfach nun mal nach Eingebung deine Zeile hinzugefügt.
Habs an meheren Stellen im Setup versucht, aber leider wird die zeile nicht im Quellcode angezeigt.

Wo genau muss ich diese denn einfügen?

### [#4](https://www.typo3.net/d/89518-externes-css-file-einfuegenwie/4) · just2b · 2009-05-08

ganz oben wärs zB möglich

### [#5](https://www.typo3.net/d/89518-externes-css-file-einfuegenwie/5) · jochen · 2009-05-08

Hallo VfB-Aragorn,

falls es mittlerweile noch nicht funktioniert - vielleicht wird es so klarer:

```typoscript
page = PAGE
page {
  includeCSS.file10 = lytebox/lytebox.css

# hier folgen dann deine weiteren Angaben innerhalb des PAGE-Objekts
  ...
}
```

Alternativ könntest du das Stylesheet (und andere Zeilen) auch folgendermaßen in den HTML-Headbereich schreiben:

```typoscript
page = PAGE
page {
# ... TS-code ...
  headerData {
    10 = TEXT
    10.value (
      <link rel="stylesheet" href="lytebox/lytebox.css" type="text/css" media="screen" />
      <meta name="foo" content="bar" />
    )
  }
# ... TS-code ...
}
```

Grüße
Jochen

### [#6](https://www.typo3.net/d/89518-externes-css-file-einfuegenwie/6) · VfB-Aragorn · 2009-05-08

Vielen Dank euch beiden,

besonders dir Jochen.

Die Lytebox funktioniert nun endlich über den ganzen Screen aus dem IFrame heraus.
 ;)

---

Quelle: „Externes CSS-File einfügen..wie?“, typo3.net, https://www.typo3.net/d/89518-externes-css-file-einfuegenwie
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.