স্বাগতম, এই হল কিভাবে ডিফল্ট লোগো Xbtit Default স্টাইল “xbtit_default” যে আসে পরিবর্তন দ্রুত টিউটোরিয়াল.

প্রথমে চলুন লোগো পরিবর্তনের জানতে একনজর কি HTML এর আর CSS এর কোড লাগে।.
আপনি যদি যেকোন মূল টেমপ্লেট উন্মুক্ত করেন ( main.tpl, main.no_colums.tpl or main.left_colums.tpl ) যেটি দেখতে পাবেন, Logo টি প্রদর্শনের জন্য HTML কোড ব্যাবহার হচ্ছে।

<div id="logo">
<table width="750" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td class="tracker_logo" valign="top"/>
</tr>
</tbody>
</table>
</div>

এখানে আমরা 1 CSS এর ক্লাস ও 1 CSS এর আইডি, div ধারক আইডি নামে logo ও একটি স্টাইল বর্গ নামক tracker_logo TD ট্যাগ করা হয়েছে।

চলুন একনজর main.css খুলে দেখা যাক।

logo

#logo { 
    background: url("images/logo_bg.jpg");
    background-repeat: repeat-x;
    border-top: solid 1px #FFFFFF;
    height:100px;
    width:100%;
}

tracker_logo

.tracker_logo {
  background: url("images/logo.jpg") no-repeat; 
    align:center; 
    height:100px; 
    width:750px;
}

Logo ID হল লোগো প্রধান ধারক, এবং আপনি দেখতে পাবেন এটা উচ্চতা ও প্রস্থ বরাবর একটি ব্যাকগ্রাউন্ড চিত্র (যে সুন্দর ভাবে রং দেখায়). আপনি চাইলে ধারক ও নকশা পরিবর্তন করে দিতে পারেন, আপনি উচ্চতা ও প্রস্থ নিজ ইচ্ছা মত করে নিতে পারেন.

tracker_logo নিজেই একটা logo। tracker_logo ছবি পরিবর্তনের সময় স্মরণ রাখা উচিত যে tracker_logo ও the logo এর আকার মিলিয়ে কাজ করা।