نسخهٔ ‏۱۲ ژانویهٔ ۲۰۱۰، ساعت ۲۱:۵۲

مقدمه

آموزشی که مطالعه می‌کنید، جهت روشن شدن هر چه بیشتر کلاس‌های متداول مورد استفاده در CSS قالب مامبو نوشته شده است. اما قبل از مطالعه این مقاله پیشنهاد می‌کنیم CSS را فرا بگیرید.

Pathway

بخشی که مسیر حرکت شما را در سایت نشان میدهد .

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

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 که در میان { } قرار می گیرد. برای درک بیشتر مطالب بالا .

در مثال زیر مشخص شده که تیتر مطالب : فونت Arial باشد - اندازه فونت 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%;
}

نویسنده : عماد هوشمند

استفاده از مطالب دانشنامه جوملا فارسی - مامبو فارسی با ذکر منبع ( دانشنامه جوملا فارسی ) و لینک مستقیم به http://docs.joomlafarsi.com بلامانع است.