Stylesheets toevoegen voor andere uitvoer apparaten

This page is a translated version of the page Adding stylesheets for other output devices and the translation is 100% complete.

Other languages:

Deutsch • ‎English • ‎Nederlands • ‎español • ‎français • ‎português • ‎português do Brasil • ‎български • ‎русский • ‎فارسی • ‎हिन्दी • ‎অসমীয়া • ‎বাংলা • ‎中文（台灣）‎

Met CSS stylesheets, is het mogelijk een set richtlijnen (stijlen) te gebruiken afhankelijk van het apparaat dat gebruikt wordt om webpagina's te bekijken.

Mediatypen

De herkende mediatypen zijn:

all - Geschikt voor alle apparatuur.
aural - Voor spraak synthesizers.
braille - Bedoeld voor braille apparatuur.
embossed - Bedoeld voor pagina braille printers.
handheld - Bedoeld voor draagbare apparatuur.
print - Gebruikt voor het opmaken van af te drukken pagina's.
projection - Bedoeld voor geprojecteerde presentaties, bijvoorbeeld projectors of het afdrukken op transparanten.
screen - Voornamelijk bedoeld voor kleur computerschermen.
tty - Bedeold voor media die een fixed-pitch teken-raster gebruiken, zoals telex, terminals, of draagbare apparatuur met beperkte weergave mogelijkheden. Auteurs moeten geen pixel eenheden gebruiken met het "tty" mediatype.
tv - Bedoeld voor televisie apparatuur (lage resolutie, kleur, beperkt scroll=bare schermen, geluid beschikbaar).

Voorbeelden

U kunt een mediatype aan een CSS declaratie koppelen met de volgende syntaxis

@media print {
  body { 
    font-size: 12pt;
    font-color: #000000; 
  }
}

Om meer dan één declaratie style te koppelen aan meer dan één mediatype:

@media print, handheld{
  body { 
    font-size: 12pt;
    font-color: #000000;
  }
  img {
    max-width: 100%;
    height: auto;
  }
}

De richtlijnen kunnen worden gebruikt in het hoofd CSS bestand of in een apart stylesheet voor een bepaald mediatype. Het CSS bestand moet opgenomen worden in de <head> sectie van het template (het volgende komt uit het Joomla! Beez template):

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez/css/print.css" type="text/css" media="Print" />

De aanbevolen manier om een stylesheet in te voegen is:

<?php
$document = JFactory::getDocument();
 $tpath = $this->baseurl . '/templates/' . $this->template;
$document->addStyleSheet( $tpath . '/css/print.css', 'text/css', 'print'); // arguments: $path, $type, $media
?>

Op deze manier zorgt u ervoor dat de stylesheet aan het document wordt toegevoegd en dat deze toegankelijk is voor plugins (bijv. voor het combineren en comprimeren van stylesheets).

Stylesheets toevoegen voor andere uitvoer apparaten

From Joomla! Documentation

Mediatypen

Voorbeelden