হ্যালো, এইটি আপনার খুব প্রথম Xbtit টেমপ্লেট তৈরি করতে সাহায্য করবে। আমি সংক্ষিপ্ত হিসেবে এই টিউটোরিয়ালটি রাখতে চেষ্টা করব এবং সহজ ভাবে বর্ণনার চেষ্টা করবো।
টিউটোরিয়াল অনুচ্ছেদ
* Xbtit টেমপ্লেট জানা
* পরিবর্তন করুন CSS
* পরিবর্তন করুন HTML
* Xbtit টেমপ্লেট জানা
Xbtit এর পিএইচপি কোডের মধ্যে একটি সম্পূর্ণ বিভাজন রয়েছে এবং html+css ব্যাবহার করে যে কোন ডিজাইনারের কাজের সুবিধা হয়।
স্টাইল ফোল্ডারের মধ্যে সব ডিজাইনের ফাইল গুলো রয়েছে।
আমাদের প্রত্যেক স্টাইল ৩ টি প্রধান জিনিষ ধারণ করে, কাঠামো, ফরম্যাট এবং একটি ফোল্ডার যা ফাইল গুলকে ধারন করে। কাঠামো এর সঙ্গে ফাইল হবে ” tpl ” বর্ধিতাংশ এবং ফরম্যাট এর সঙ্গে ফাইল হবে ” css ” বর্ধিতাংশ। প্রধান কাঠামো টেমপ্লিট ফোল্ডার xbtit_defaultএর ভেতরে অবস্থান নির্ণয় করা হয় ডাক দেওয়া হয়, সমস্ত অন্যান্য স্টাইল (বেশির ভাগ) সেই ফোল্ডারটিতে টেমপ্লিট ব্যবহার করা হয়।
সেইের দ্বারা আপনি কি বোঝাতে চান?
টেমপ্লিট xbtit_default থেকে ফাইল ” Css ” পরিবর্তন করে রং ও ” Tpl ” পরিবর্তন করে কাঠামো পরিবর্তন করতে পারেন।
সুতরাং,টেমপ্লেটে ” কাঠামো ” পরিবর্তন করতে হলে কি সব ” Tpl ” ফাইল কপি করতে হবে ?
কিছু বিশিষ্ট ” Tpl ” ফাইল পরিবর্তন দ্বারাই ডিজাইন করা সম্ভব।
Kool, কিভাবে নতুন ভাবে new style শুরু করা যায় ?
xbtit_default ফোল্ডার থেকে ” Tpl ” কপি করে প্রয়োজনীয় ফাইল গুলো নিয়ে আসুন এবং প্রয়োজন মতো পরিবর্তন করে নিন।
অ্যাডমিন প্যানেল থেকে স্টাইল সক্রিয় করে নিতে হবে।
main “tpl” ফাইল গুলো কি ?
দেখুন, সব main “tpl” ফাইল গুলো “main” নামে স্টাইল ফোল্ডারে রয়েছে.
-main.tpl
-main.no_header_1_column.tpl
-main.no_columns.tpl
-main.left_column.tpl
যদি আপনি সমস্ত পেজের মধ্যে বডার দিতে চান তবে সেই সমস্ত ” Tpl ” ফাইল গুলো এডিট করতে হবে।
* পরিবর্তন করুন CSS
Css পরিবর্তন মৌলিক ভাবে করতে হয়. firebug সফটওয়্যারটি এর জন্য খুব ভালো(গুগলে খোঁজ করুন), FireFox ব্রাউজারে এটি কাজ করে এবং css কোড পরিবরতনে সহয়তা করে; এটির সাহায্যে খুব সহজে আপনি আম্নার কাঙ্খিত কোড পরিবর্তন করতে পারবেন।
css কোড নিয়ে কাজ করার জন্য অনেক সফটওয়্যার রয়েছে, গুগলে দেখুন
* পরিবর্তন করুন HTML
যদি গঠন পছন্দ হয়ে থাকে এবং গঠন বাদে যদি রং, ফন্ট, পটভূমি, সীমানা এবং আকৃতি css এর মাধ্যমে করা সম্ভব, টেমপ্লেট পরিবর্তন করার কোনও প্রয়োজন নেই।
টেমপ্লিটের নামগুলো নিজ ব্যাখ্যা করা হয়, আমি প্রধান টেমপ্লিটে ফোকাস করতে চাই কেবল।
- “main.tpl” এইটি প্রধান যের ৩ কলাম এবং শিরোনামে রয়েছে।
- “main.no_columns.tpl” উদাহরণের জন্য, কলাম ছাড়া টোরেন্ট।
- “main.left_column.tpl” কেবল প্রধান এবং বাঁ পাশের কলাম।
- “main.no_header_1_column” প্রধান, কোনও শিরোনাম নেই কোনও কলাম নেই।
এই ফাইল গুলো Xbtitতে টেমপ্লিটের রয়েছে।