অন্যান্য আউটপুট ডিভাইসের জন্য স্টাইলশিট যোগ করা

From Joomla! Documentation

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 • ‎български • ‎русский • ‎فارسی • ‎हिन्दी • ‎অসমীয়া • ‎বাংলা • ‎中文(台灣)‎

সিএসএস স্টাইল শীট ব্যবহার করে ওয়েব পেজ ব্রাউজ করতে ব্যবহৃত ডিভাইসের উপর নির্ভর করে নির্দেশাবলী (শৈলী) ব্যবহার করা সম্ভব।

মিডিয়া প্রকার

স্বীকৃত মিডিয়া ধরনের হয়:

  • all - সব ডিভাইসের জন্য উপযুক্ত
  • aural - স্পিচ সিন্থেসাইজার জন্য.
  • braille - ব্রেইল টাচসাইট প্রতিক্রিয়া ডিভাইসগুলির জন্য অভিপ্রায়.
  • embossed - মুদ্রিত ব্রেইল প্রিন্টারের জন্য.
  • handheld - হ্যান্ডহেল্ড ডিভাইসের জন্য অভিপ্রায়.
  • print - মুদ্রিত পৃষ্ঠাগুলির ফর্ম্যাটিংয়ের জন্য ব্যবহৃত.
  • projection - প্রজেক্ট উপস্থাপনাগুলির জন্য, উদাহরণস্বরূপ প্রজেক্টর বা স্বচ্ছতাগুলিতে মুদ্রণ.
  • screen - মূলত রং কম্পিউটার স্ক্রিনের জন্য.
  • tty - একটি নির্দিষ্ট-পিচ চরিত্র গ্রিড ব্যবহার করে মিডিয়া যেমন, টেলিট্যাপ, টার্মিনাল, অথবা সীমিত প্রদর্শন ক্ষমতা সহ পোর্টেবল ডিভাইসগুলির জন্য। লেখকেরা "tty" মিডিয়া প্রকারের সাথে পিক্সেল ইউনিট ব্যবহার করবেন না।
  • tv - টেলিভিশন-টাইপ ডিভাইসের জন্য (কম রেজোলিউশন, রঙ, সীমিত স্ক্রলবেরি স্ক্রীন, উপলব্ধ শব্দ) জন্য ইচ্ছুক।

উদাহরণ

আপনি নিম্নলিখিত সিনট্যাক্স দিয়ে একটি CSS ঘোষণায় একটি মিডিয়া প্রকার বরাদ্দ করতে পারেন

@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;
  }
}

নির্দেশিকা প্রধান CSS ফাইলে বা একটি নির্দিষ্ট স্টাইল শীট একটি নির্দিষ্ট মিডিয়া প্রকারের জন্য ব্যবহার করা যেতে পারে। টেমপ্লেটের মধ্যে CSS ফাইলে অন্তর্ভুক্ত থাকা আবশ্যক <head> বিভাগ (নিম্নলিখিত জুমলা! বিইজ টেমপ্লেট থেকে নেওয়া হয়েছে):

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

একটি স্টাইলশীট অন্তর্ভুক্ত করার প্রস্তাবিত উপায় হল:

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

এই ভাবে, আপনি স্টাইলশীটটি নথিতে যুক্ত হবে এবং প্লাগইনগুলি অ্যাক্সেসযোগ্য (যেমন স্টাইলশীট সংমিশ্রণ এবং কম্প্রেস করার জন্য) তা নিশ্চিত করে।