آموزشی جهت روشن شدن هر چه بیشتر کلاسهای متداول مورد استفاده در CSS قالب مامبو نوشتند که با کلیک روی "ادامه مطالب ... " قادر به مشاهده آن خواهید بود :
تنظیمات کلاس patway
بخشی که مسیر حرکت شما را در سایت نشان میدهد .

به عنوان مثال : شما در حال بازدید از صفحه اصلی سوالات متداول می باشید.
کد:


 
the  pathway class has four different styles. Default, link, visited, and  hover.
.pathway { }
a.pathway { }
a.pathway:visited {  }
a.pathway:hover { }
---------------------------------------------------------------------------
تنظیمات مربوط به ماژول ها
بخشی که مربوط تنظیمات ماژول ها ، فونت ، بدنه ، سر تیتر و استایل کلی آنها .
کد:


 
Titles Modules formatting
the moduletable class has tree  different styles that are assigned to the modules
table.moduletable {  }
table.moduletable th { }
table.moduletable td { }
---------------------------------------------------------------------------
تنظیمات مربوط به منوی اصلی
بخشی که مربوط به استایل منو و ظاهر منو میباشد . مثلا هنگامی که رو ی منو موس نگه داشته شود چه رنگی به خود میگیرد . یا برروی لینک کلیک شد چه رنگی شود.

کد:
 
the  styling for the MAIN menu buttons. there is a three different  styles
a.mainlevel:link { }
a.mainlevel:visited { }
a.mainlevel:hover {  }
---------------------------------------------------------------------------
تنظیمات مربوط به تیتر مطالب
بخشی که مربوط به تیتر مطالب شما میباشد . رنگ ، اندازه و ...
کد:


 
used in the contents Heading on the frontpage, Section's heading  and other heading.
.contentheading { }
---------------------------------------------------------------------------
تنظیمات مربوط به نویسنده مطلب
بخشی که مربوط به نویسنده مطالب شما میباشد . رنگ ، اندازه و ...

کد:
.small { }

---------------------------------------------------------------------------
تنظیمات مربوط به تاریخ ایجاد مطلب
بخشی که مربوط به تاریخ ایجاد مطالب شما میباشد . رنگ ، اندازه و ...
کد:


 
the  date that content or articles was created
.createdate { }
---------------------------------------------------------------------------
تنظیمات مربوط به ادامه مطلب
بخشی که مربوط به لینک ادامه مطالب شما میباشد . رنگ ، اندازه و ...
کد:


 
the  Next... or Read On... link for blogs, articals or contents. there is three  styles for this class
a.readon:link { }
a.readon:visited {  }
a.readon:hover { }
---------------------------------------------------------------------------
تنظیمات مربوط به دکمه برگشت
بخشی که مربوط به لینک دکمه برگشت میباشد . رنگ ، اندازه و ...
کد:
 
the  Back button link
.back_button { }
---------------------------------------------------------------------------
تنظیمات مربوط به جدول صفحات محتوایی
در صفحات محتوایی وقتی صفحه به صفحه بودن فعال باشد جدولی ظاهر میشود که تعداد صفحات را به صورت جدولی نشان میدهد.
کد:


 
used for styling the Contents Table box for multipage content.  there is three different style.
table.contenttoc { }
table.contenttoc td {  }
table.contenttoc th { }
---------------------------------------------------------------------------
تنظیمات مربوط به خط زیر مطالب
بخشی که میتوانید به وسیله آن خطی را زیر مطالب خود ایجاد کنید.
کد:


 
used for styling the Tag. (Horizontal Line)
hr {  }
hr.separator { }
---------------------------------------------------------------------------
تنظیمات مربوط به آخرین بروز رسانی مطلب
وقتی مطلبی را ویرایش میکنید علاوه بر تاریخ ایجاد ، یک تاریخ هم در مورد آخرین بروز رسانی نشان میدهد که از این طریق میتوانید تغییرات را در آن ایجاد کنید.

کد:
 
date of the Last updated of articles or contents
.modifydate {  }

---------------------------------------------------------------------------
تنظیمات مربوط به نظر سنجی
بخشی که مربوط به تیتر بالای نظر سنجی(سوال نظر سنجی) میشود را میتوانید از این طریق ویرایش کنید.

کد:
 
set  the title and border properties of the polls voting table
there is two styles  for this class
.poll { }
.pollstableborder { }
---------------------------------------------------------------------------
تنظیمات مربوط به نظر سنجی
بخشی که مربوط به جواب های نظر سنجی که بیننده تیک میزند(جواب های نظر سنجی) میشود را میتوانید از این طریق ویرایش کنید.
کد:


 
set  the styles that differentiates between the rows in tables for polls, links,  forums, etc.
there is two styles for this class
.sectiontableentry1 {  }
.sectiontableentry2 { }
---------------------------------------------------------------------------
تنظیمات مربوط به لینکستان
بخشی که تیتر نام سایت قرار دارد.
کد:



	
کد:

	
 
format the links titles under the Weblinks component. there is two  parameters
.weblinks { }
a.weblinks:hover { }





 
 
---------------------------------------------------------------------------
 
تنظیمات مربوط به  لینکستان
 
بخشی که  تیتر توضیحات سایت قرار دارد
 

	
کد:

	


 
format the category Weblinks
a.category:link,  a.category:visited { }
a.category:hover { }



 
---------------------------------------------------------------------------
 
تنظیمات مربوط به بین جداولی که در بخشهایی مانند نظرسنجی ،لینکستان  و ...
 
بخشی که آیکنی کنار نام سایت قرار میگیرد.
 

	
کد:

	


 
set  the styles that differentiates between the rows in tables for polls, links,  forums, etc.
there is two styles for this class
.sectiontableentry1 {  }
.sectiontableentry2 { }



 
 
 
---------------------------------------------------------------------------
 
تنظیمات مربوط به تیتر کامپوننت  ها
 
بخشی که  مربوط به تیتر نام کامپوننت ها میباشد.
 


به عنوان مثال : وقتی وارد صفحه جستجوی پیشرفته میشوید. نوشته ::: جستجوی  پیشرفته ::: با این کلاس میتوانید مشخصات آن را تغییر بدهید.
 

	
کد:

	


 
the  component's title.
.componentheading { }



 
---------------------------------------------------------------------------
 
توضیحات مربوط به جعبه ورود  اطلاعات و دکمه ها
 
بخشی که  مربوط به دکمه ها و جعبه ورودی اطلاعات میباشد.
 

	
کد:

	


 
Here are 2 styles that Mambo uses all over the site for forms  fileds and buttons.
.button { }
.inputbox { }



 
---------------------------------------------------------------------------
 
تنظیمات مربوط به مطالب وسط  صفحه
 
بخشی که  مربوط به دکمه ها و جعبه ورودی اطلاعات میباشد.
 
 

	
کد:

	



	
کد:

	
 
MainBody
..contentpaneopen { }
 





  
 
---------------------------------------------------------------------------
 
توضیحاتی در مورد کدهای css  
 
مثالی در  مورد کدهای css که در میان { } قرار میگیرد. برای درک بیشتر مطالب بالا  .
 
در مثال زیر مشخص شده که تیتر مطالب : فونت آریال باشد - اندازه فونت  16 باشد - بدنه فونت توپر باشد - فونت به صورت راست چین باشد - رنگ فونت سیاه باشد.  و...





	
کد:

	


 
.contentheading   {
 

font-family : Arial, Helvetica, sans-serif;
font-size :  16px;
font-weight : bold;
font-style : inherit;
text-transform :  uppercase;
text-align : right;
line-height : 27px;
color : #000000;
width : 100%;





 عماد  هوشمند - تيم مامبولرن