---
title: "Standard CSS um media=\"...\" erweitern?"
url: "https://www.typo3.net/d/67775-standard-css-um-media-erweitern"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage"]
created: "2007-09-06"
last_reply: "2007-10-15"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---

# Standard CSS um media="..." erweitern?

Frontend › Barrierefreiheit · 7 Antworten · gestartet 2007-09-06

## Eröffnungsbeitrag

**fuzz** · 2007-09-06 · [Beitrag #1](https://www.typo3.net/d/67775-standard-css-um-media-erweitern/1)

Morgähn ;)

wie der Titel schon sagt möchte ich den Tag den Typo3 mit seinem eigenen CSS einbindet um das Attribut media erweitern.

Geht das irgendwie?

Thx4help!

## Antworten

### [#2](https://www.typo3.net/d/67775-standard-css-um-media-erweitern/2) · fuss · 2007-09-06

Olla!

<https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/TopLevelObjects/Page/Index.html>

```typoscript
includeCSS {
  file1 = fileadmin/mystylesheet1.css
  file2 = stylesheet_uploaded_to_template*.css
  file2.title = High contrast
  file2.media = print
}
```

gruss, fuss

### [#3](https://www.typo3.net/d/67775-standard-css-um-media-erweitern/3) · fuzz · 2007-09-10

hi erstmal danke für deine antwort.
wie man eigene css dateien einbindet wusste ich bereits.

aber typo3 baut ja noch ein eigenes css ein und da wüsste ich gerne wie man da media="..." ran bekommt.

gruß fuzz

### [#4](https://www.typo3.net/d/67775-standard-css-um-media-erweitern/4) · just2b · 2007-09-10

also das hier <http://bugs.typo3.org/view.php?id=6286>

georg

### [#5](https://www.typo3.net/d/67775-standard-css-um-media-erweitern/5) · ralphpetzoldt · 2007-10-14

hallo bin beim stöbern auf diesen tread aufmerksam geworden nur wie binde ich das genau ein?
mein TS sind wie folgt aus nur leider nimmt er die css nicht an!!!

```typoscript
#  Default PAGE object:
page = PAGE
page.typeNum = 0
page.10 = TEXT
 
plugin.tx_rlmptmplselector_pi1 {
  templatePathMain = fileadmin/templates/main/
  templatePathSub = fileadmin/templates/sub/
 
  defaultTemplateFileNameMain = index.html
  defaultTemplateFileNameSub = home.html
 
  inheritMainTemplates = 1
  inheritSubTemplates = 1
}

plugin.tx_veguestbook_pi1 {
  userFunc = tx_veguestbook_pi1->main
  templateFile = fileadmin/templates/ext/ve_guestbook.html
  teasercut = 50
  wordcut = 100
  sortingField = crdate
  sortingDirection = desc
  limit = 5
  email_from_name = 
  email_from_mail = 
  allowedTags = <a>,<br>,<b>,<li>,<ol>,<p>,<strong>,<u>,<ul>

  datetime_stdWrap.strftime=  %A, %d-%m-%y %H:%M
  date_stdWrap.strftime= %d.%m.%y
  time_stdWrap.strftime= %H:%M

  emoticons {
  	active = 1
	10 = IMAGE
	10 {
	  file = EXT:ve_guestbook/pi1/emoticons/###EMOTICON###.gif
	  params = hspace="1" vspace="1"
	  border = 0
	  altText = Emoticon
	  titleText = Emoticon
	}
	
	subst {
	  11.str = :D
	  11.val = 1
	  12.str = :) || :-) 
	  12.val = 2
	  13.str = :( || :-(
	  13.val = 3
	  14.str = :'(
	  14.val = 4
	  15.str = :?:
	  15.val = 5
	  16.str = ;) || ;-)
	  16.val = 6
	}
  }

  pageBrowser {
    maxPages = 10
    # if you want the pagebrowser to display only numbers, set showPBrowserText to 0.  
    tableParams = cellpadding="5" cellspacing="0" border="0"
    showResultCount = 1
    activepage_stdWrap.wrap = <strong>|</strong>
    page_stdWrap.wrap = |
    pagelink_stdWrap.wrap = |
    previous_stdWrap.wrap =|
    next_stdWrap.wrap = |
  }
}
  
config.simulateStaticDocuments_noTypeIfNoTitle=1
 
config.spamProtectEmailAddresses = 3
config.spamProtectEmailAddresses_atSubst = (at)

config.linkVars = L
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE
# English language, sys_language.uid = 1
[globalVar = GP:L = 3]
config.sys_language_uid = 1
config.language = en
config.locale_all = english
[global]


includeLibs.pagetitle = typo3conf/ext/mf_pagetitle/pagetitle.php
plugin.mf_pagetitle.title = -:|Ralph Petzoldt|:- -:|Freiberuflicher Web & Designer|:- -:|{page:title}|:-
config.titleTagFunction = user_pagetitle_class->changetitle

page.headerData.5 = TEXT
page.headerData.5.value = <script type="text/javascript" src="fileadmin/js/common.js"></script>
 
page.bodyTag = <body id="type-f">
page.bodyTag.includeCSS {
  file1 = main.css
  file1.media = screen
  file2 = print.css
  file2.media = print
}

page.10 = TEMPLATE
page.10{
template =< plugin.tx_rlmptmplselector_pi1
template.templateType = main
 
workOnSubpart = DOKUMENT

subparts.SPRACHE = PHP_SCRIPT
subparts.SPRACHE {
	file = typo3/sysext/cms/tslib/media/scripts/example_languageMenu.php
	}

marks.NAVI = HMENU
marks.NAVI.entryLevel=0
marks.NAVI.excludeUidList=10,9,8,7,16,14
marks.NAVI {
	1 = TMENU
	1 {
	
		noBlur = 1
		wrap = <ul id="nav">|</ul>
		NO = 1
		NO {
			ATagTitle.field = abstract // description
			wrapItemAndSub =  <li>|</li>
			}
		CUR = 1
		CUR{
			ATagTitle.field = abstract // description
			wrapItemAndSub =  <li class=current>|</li>
			}
	  }
}

marks.SUB_NAVI = HMENU
marks.SUB_NAVI.entryLevel=1
marks.SUB_NAVI.excludeUidList=10,9,8,7,2,3,4,5,6,
marks.SUB_NAVI {
	1 = TMENU
	1 {
	
		noBlur = 1
		wrap = <ul id="nav-secondary">|</ul>
		NO = 1
		NO {
			ATagTitle.field = abstract // description
			wrapItemAndSub =  <li>|</li>
			}
		CUR = 1
		CUR{
			ATagTitle.field = abstract // description
			wrapItemAndSub =  <li class="active">|</li>
			}
	  }
}

marks.FOOTER = HMENU
marks.FOOTER {
    entryLevel=0
    excludeUidList=2,6,5,4,3,16,14,12
    1 = TMENU
    1{
        NO {
            allWrap = &nbsp;|&nbsp
        }
        ACT = 1
        ACT {
            expAll = 1
            allWrap = &nbsp;|&nbsp
        }
    }
}

marks.LOGIN = COA
marks.LOGIN {
10 < plugin.tx_newloginbox_pi1
10 {
	 	storagePid = 11
		detailsPage = 
		showForgotPassword = 1
		email_from = 
		email_fromName =
		replyTo = 
		templateFile = fileadmin/templates/ext/newloginbox.html
		// Allowed Referrer-Redirect-Domains:
		domains = 
		}

		plugin.tx_newloginbox_pi1._CSS_DEFAULT_STYLE (
		)

		plugin.tx_newloginbox_pi1._LOCAL_LANG.default {
		}

		plugin.tx_newloginbox_pi1._DEFAULT_PI_VARS {
		}

}

marks.MINI_GB = CONTENT
marks.MINI_GB {
  table = tt_content
  select {
  	orderBy = sorting
  	pidInList = 18
  }
}
  
marks.SUB_TMPL = TEMPLATE
marks.SUB_TMPL {
template =< plugin.tx_rlmptmplselector_pi1
template.templateType = sub
 
workOnSubpart = DOKUMENT
 
marks.MIDDLE = CONTENT
marks.MIDDLE < styles.content.get
 
marks.LEFT = CONTENT
marks.LEFT < styles.content.getLeft
 
marks.RIGHT = CONTENT
marks.RIGHT < styles.content.getRight
 
marks.BORDER = CONTENT
marks.BORDER < styles.content.getBorder
 
marks.HEADLINE = TEXT
marks.HEADLINE.value = <div class="title" align="left">{page:title}</div>
marks.HEADLINE.insertData = 1

marks.SUB_HEADER = TEXT
marks.SUB_HEADER.value = <div class="title">{page:subtitle}</div>
marks.SUB_HEADER.insertData = 1
```

### [#6](https://www.typo3.net/d/67775-standard-css-um-media-erweitern/6) · ralphpetzoldt · 2007-10-14

habe noch was vergessen da leider das bearbeiten nicht funktioniert füge ich es auf diese weise an!
die css dateien und alle bilder habe ich im Typo3 dem Template hinzugefügt.

### [#7](https://www.typo3.net/d/67775-standard-css-um-media-erweitern/7) · SLAng · 2007-10-15

Die Lösung stand ja schon oben... per includeCSS

Also dann

```typoscript
page = PAGE
page {
	typeNum = 0
	includeCSS {
		file1 = fileadmin/index/main_portal.css
		file1.media = screen
	}
	10 = TEXT

usw...
```

### [#8](https://www.typo3.net/d/67775-standard-css-um-media-erweitern/8) · ralphpetzoldt · 2007-10-15

super funktioniert danke für die schnelle hilfe

---

Quelle: „Standard CSS um media="..." erweitern?“, typo3.net, https://www.typo3.net/d/67775-standard-css-um-media-erweitern
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.