Career Source A Freelance Blog
২. সিএসএস দিয়ে আরেকটু উন্নত টেমপ্লেট তৈরী করা
index.php ফাইলে নিচের কোড কপি পেস্ট করুন
<?php defined( ‘_JEXEC’ ) or die( ‘Restricted access’ );?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”
xml:lang=”<?php echo $this->language; ?>” lang=”<?php echo $this->language; ?>” >
<head>
<jdoc:include type=”head” />
<link rel=”stylesheet” href=”/<?php echo $this->baseurl ?>/templates/system/css/system.css” type=”text/css” />
<link rel=”stylesheet” href=”/<?php echo $this->baseurl ?>/templates/system/css/general.css” type=”text/css” />
<link rel=”stylesheet” href=”/<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/style.css” type=”text/css” />
</head>
<body>
<div id=”wrap”>
<div id=”header”>
<div class=”inside”>
<jdoc:include type=”modules” name=”top” />
</div> </div>
<div id=”sidebar”>
<div class=”inside”>
<jdoc:include type=”modules” name=”left” />
</div>
</div>
<div id=”content”>
<div class=”inside”>
<jdoc:include type=”component” />
</div>
</div>
<div id=”sidebar-2″>
<div class=”inside”>
<jdoc:include type=”modules” name=”right” />
</div>
</div>
<div id=”footer”>
<div class=”inside”> Powered by <a href=”http://joomla.org”>Joomla!</a>. Valid <a href=”http://validator.w3.org/check/referer”>XHTML</a> and <a href=”http://jigsaw.w3.org/css-validator/check/referer”>CSS</a>.
</div>
</div>
</div>
<!–end of wrap–>
</body>
এখানে দেখুন আগের টেমপ্লেটে যে কোড ব্যবহার করেছিলাম সেগুলিই এখানে দিয়েছি, অতিরিক্ত শুধু কিছু div এবং তাদের id দিয়েছি কারন এবার সিএসএস যোগ করব।
Css ফোল্ডারে style.css নামে একটা টেক্সক্ট ফাইল তৈরী করুন এখানে নিচের কোড কপি করে পেস্ট করে দিন।
#wrap {
min-width:760px;
max-width:960px;
}
#content {
float:left;
width:60%;
overflow:hidden;
}
#footer {
clear:both;
}
.inside {
padding:10px;
}
#sidebar,#sidebar-2 {
float:left;
width:20%;
overflow:hidden;
}
ব্যাখ্যা: একটা বেসিক টেমপ্লেট (index.php ফাইল)জুমলার কমপোনেন্ট(মেইনবডি) এবং মডিউল লোড করে।ডিজাইন বা দেখতে কেমন হবে এবং লেআউট এটা সিএসএস এর কাজ এটা জুমলার কোন অংশই নয়।
