Adicionando folhas de estilo para aparelhos diferentes
From Joomla! Documentation
Usando as folhas de estilo CSS é possível criar um grupo de diretivas (estilos) compatível com o aparelho usado para visualizar a página.
Tipo de Mídia
Os Tipos de Mídia reconhecidos são:
- all - Bom para qualquer aparelho.
- aural - Para sintetizadores de voz.
- braille - Para aparelhos com retorno tátil em Braille.
- embossed - Ideal para impressoras em Braille.
- handheld - Ideal para aparelhos de mão.
- print - Usado para formatar páginas para impressão.
- projection - Ideal para apresentações, seja um projetor ou impressão de transparências.
- screen - Ideal para telas de computadores.
- tty - Voltado para mídias que usam mídias com largura fixa controlada, como teletipos, terminais ou aparelhos portáteis com capacidades de exibição limitadas. Autores não devem usar pixels como unidade com esse tipo de mídia.
- tv - Votado para aparelhos tipo televisão (baixa resolução, a cores, tela de rolagem limitada com som disponível).
Exemplos
Pode-se atribuir um tipo de mídia a uma declaração CSS com a seguinte sintaxe
@media print {
body {
font-size: 12pt;
font-color: #000000;
}
}To assign more than one declaration style to more than one media type:
@media print, handheld{
body {
font-size: 12pt;
font-color: #000000;
}
img {
max-width: 100%;
height: auto;
}
}The directives can be used in the main CSS file or in a separate style sheet for a given media type. There must be an include to the CSS file in the templates <head> section (the following is taken from the Joomla! Beez template):
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez/css/print.css" type="text/css" media="Print" />