अन्य उत्पादन उपकरणों के लिए जोड़ना स्टाइलशीट
From Joomla! Documentation
सीएसएस स्टाइल शीट का उपयोग करना, यह डिवाइस के आधार पर वेब पृष्ठों को ब्राउज़ करने के लिए इस्तेमाल किया जा रहा निर्देशों (शैली) के एक सेट का उपयोग करने के लिए संभव है।
मीडिया प्रकार
मान्यता प्राप्त मीडिया प्रकार हैं:
- सभी - सभी उपकरणों के लिए उपयुक्त है।
- कर्ण - भाषण सिंथेसाइज़र के लिए।
- ब्रेल - ब्रेल स्पर्श राय उपकरणों के लिए इरादा है।
- उभरा - पृष्ठांकित ब्रेल प्रिंटर के लिए इरादा है।
- हाथ - हाथ में उपकरणों के लिए इरादा है।
- प्रिंट - मुद्रित पृष्ठों स्वरूपण के लिए इस्तेमाल किया।
- प्रक्षेपण - अनुमान प्रस्तुतियों के लिए इरादा उदाहरण प्रोजेक्टर या transparencies करने के लिए प्रिंट के लिए।
- स्क्रीन - रंग कंप्यूटर स्क्रीन के लिए मुख्य रूप से इरादा है।
- TTY - जैसे teletypes, टर्मिनल, या सीमित प्रदर्शन क्षमताओं के साथ पोर्टेबल उपकरणों के रूप में एक निश्चित पिच चरित्र ग्रिड का उपयोग कर मीडिया के लिए ही इरादा। लेखकों "TTY" मीडिया प्रकार के साथ पिक्सेल इकाइयों का उपयोग नहीं करना चाहिए।
- टीवी - टेलीविजन प्रकार के उपकरणों के लिए इरादा है (कम संकल्प, रंग, सीमित स्क्रोल स्क्रीन, ध्वनि उपलब्ध है)।
उदाहरण
आप निम्नलिखित वाक्य रचना के साथ एक सीएसएस घोषणा करने के लिए एक मीडिया प्रकार असाइन कर सकते हैं
@media print {
body {
font-size: 12pt;
font-color: #000000;
}
}
एक से अधिक मीडिया टाइप करने के लिए एक से अधिक घोषणा शैली आवंटित करने के लिए:
@media print, handheld{
body {
font-size: 12pt;
font-color: #000000;
}
img {
max-width: 100%;
height: auto;
}
}
निर्देशों मुख्य सीएसएस फ़ाइल में या किसी दिए गए मीडिया प्रकार के लिए एक अलग शैली पत्रक में इस्तेमाल किया जा सकता है। वहाँ होना चाहिए एक टेम्पलेट्स में सीएसएस फ़ाइल <head> अनुभाग के लिए शामिल हैं (निम्न जूमला Beez टेम्पलेट से लिया जाता है!):
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez/css/print.css" type="text/css" media="Print" />
The recommended way to include a stylesheet is:
<?php
$document = JFactory::getDocument();
$tpath = $this->baseurl . '/templates/' . $this->template;
$document->addStyleSheet( $tpath . '/css/print.css', 'text/css', 'print'); // arguments: $path, $type, $media
?>
This way, you ensure the stylesheet will be added to the document and is accessible to plugins (e.g for combining and compressing stylesheets).