آموزش:توضیحاتی مفید پیرامون کلاس‌های CSS قالب مامبو - تاریخچهٔ ویرایش‌ها

Hamidy در ‏۱۰ آوریل ۲۰۱۱، ساعت ۱۷:۴۸

2011-04-10T17:48:02Z

نمایش تغییرات

Mehrabun در ‏۲۱ ژانویهٔ ۲۰۱۰، ساعت ۱۱:۳۶

2010-01-21T11:36:50Z

Mehrabun: توضیحاتی مفید پیرامون کلاس‌های CSS قالب مامبو به آموزش:توضیحاتی مفید پیرامون کلاس‌های CSS قالب مامبو منتقل شد

2010-01-12T21:52:08Z

توضیحاتی مفید پیرامون کلاس‌های CSS قالب مامبو به آموزش:توضیحاتی مفید پیرامون کلاس‌های CSS قالب مامبو منتقل شد

Mehrabun در ‏۲۷ ژوئیهٔ ۲۰۰۹، ساعت ۲۲:۰۱

2009-07-27T22:01:45Z

Mehrabun: توضیحاتی مفید و مختصر پیرامون کلاس‌های CSS قالب مامبو

2009-07-27T21:58:02Z

توضیحاتی مفید و مختصر پیرامون کلاس‌های CSS قالب مامبو

صفحهٔ تازه

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

=Pathway=

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

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

[[تصویر:Mambo_template_css-pathway.png]]

<div dir=ltr>
<code>
<pre>
the pathway class has four different styles. Default, link, visited, and hover.
.pathway { }
a.pathway { }
a.pathway:visited { }
a.pathway:hover { }
</pre>
</code>
</div>

=ماژول‌ها=

بخشی که مربوط تنظیمات ماژول ها ، فونت ، بدنه ، سر تیتر و استایل کلی آنها .

[[تصویر:Mambo_template_css-modules.png]]

<div dir=ltr>
<code>
<pre>
Titles Modules formatting
the moduletable class has tree different styles that are assigned to the modules
table.moduletable { }
table.moduletable th { }
table.moduletable td { }
</pre>
</code>
</div>

=منوی اصلی=

بخشی که مربوط به استایل منو و ظاهر منو میباشد . مثلا هنگامی که رو ی منو موس نگه داشته شود چه رنگی به خود میگیرد . یا برروی لینک کلیک شد چه رنگی شود.

[[تصویر:Mambo_template_css-menu.png]]

<div dir=ltr>
<code>
<pre>
the styling for the MAIN menu buttons. there is a three different styles
a.mainlevel:link { }
a.mainlevel:visited { }
a.mainlevel:hover { }
</pre>
</code>
</div>

=تیتر مطالب=

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

[[تصویر:Mambo_template_css-contentheading.png]]

<div dir=ltr>
<code>
<pre>
used in the contents Heading on the frontpage, Section's heading and other heading.
.contentheading { }
</pre>
</code>
</div>

=نویسنده مطلب=

بخشی که مربوط به نویسنده مطالب شما میباشد . رنگ ، اندازه و ...

[[تصویر:Mambo_template_css-small.png]]

<div dir=ltr>
<code>
<pre>
.small { }
</pre>
</code>
</div>

=تاریخ ایجاد مطلب=

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

[[تصویر:Mambo_template_css-data.png]]

<div dir=ltr>
<code>
<pre>
the date that content or articles was created
.createdate { }
</pre>
</code>
</div>

=ادامه مطلب=

بخشی که مربوط به لینک ادامه مطالب شما میباشد . رنگ ، اندازه و ...

[[تصویر:Mambo_template_css-readmore.png]]

<div dir=ltr>
<code>
<pre>
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 { }
</pre>
</code>
</div>

=دکمه برگشت=

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

[[تصویر:Mambo_template_css-back.png]]

<div dir=ltr>
<code>
<pre>
the Back button link
.back_button { }
</pre>
</code>
</div>

=جدول صفحات محتوایی=

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

[[تصویر:Mambo_template_css-contenttoc.png]]

<div dir=ltr>
<code>
<pre>
used for styling the Contents Table box for multipage content. there is three different style.
table.contenttoc { }
table.contenttoc td { }
table.contenttoc th { }
</pre>
</code>
</div>

=خط زیر مطالب=

بخشی که میتوانید به وسیله آن خطی را زیر مطالب خود ایجاد کنید.

[[تصویر:Mambo_template_css-separator.png]]

<div dir=ltr>
<code>
<pre>
used for styling the Tag. (Horizontal Line)
hr { }
hr.separator { }
</pre>
</code>
</div>

=آخرین بروز رسانی مطلب=

وقتی مطلبی را ویرایش میکنید علاوه بر تاریخ ایجاد ، یک تاریخ هم در مورد آخرین بروز رسانی نشان میدهد که از این طریق میتوانید تغییرات را در آن ایجاد کنید.

[[تصویر:Mambo_template_css-modifydate.png]]

<div dir=ltr>
<code>
<pre>
date of the Last updated of articles or contents
.modifydate { }
</pre>
</code>
</div>

=نظرسنجی=

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

[[تصویر:Mambo_template_css-poll.png]]

<div dir=ltr>
<code>
<pre>
set the title and border properties of the polls voting table
there is two styles for this class
.poll { }
.pollstableborder { }
</pre>
</code>
</div>

==گزینه‌های نظرسنجی==

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

[[تصویر:Mambo_template_css-poll1.png]]

<div dir=ltr>
<code>
<pre>
set the styles that differentiates between the rows in tables for polls, links, forums, etc.
there is two styles for this class
.sectiontableentry1 { }
.sectiontableentry2 { }
</pre>
</code>
</div>

=لینکستان=

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

[[تصویر:Mambo_template_css-weblinks.png]]

<div dir=ltr>
<code>
<pre>
format the links titles under the Weblinks component. there is two parameters
.weblinks { }
a.weblinks:hover { }
</pre>
</code>
</div>

==توضیحات لینکستان==

بخشی که تیتر توضیحات سایت قرار دارد

[[تصویر:Mambo_template_css-category_weblinks.png]]

<div dir=ltr>
<code>
<pre>
format the category Weblinks
a.category:link, a.category:visited { }
a.category:hover { }

</pre>
</code>
</div>

=بین جداولی که در بخشهایی مانند نظرسنجی ،لینکستان و ...=

بخشی که آیکنی کنار نام سایت قرار میگیرد.

[[تصویر:Mambo_template_css-sectiontableentry1.png]]
و یا
[[تصویر:Mambo_template_css-poll1.png]]

<div dir=ltr>
<code>
<pre>
set the styles that differentiates between the rows in tables for polls, links, forums, etc.
there is two styles for this class
.sectiontableentry1 { }
.sectiontableentry2 { }
</pre>
</code>
</div>

=تیتر کامپوننت‌ها=

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

[[تصویر:Mambo_template_css-search.png]]

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

<div dir=ltr>
<code>
<pre>
the component's title.
.componentheading { }
</pre>
</code>
</div>

=جعبه ورود اطلاعات و دکمه‌ها=

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

[[تصویر:Mambo_template_css-inputbox.png]]

<div dir=ltr>
<code>
<pre>
Here are 2 styles that Mambo uses all over the site for forms fileds and buttons.
.button { }
.inputbox { }
</pre>
</code>
</div>

=مطالب میان صفحه=

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

[[تصویر:Mambo_template_css-mainboady.png]]

<div dir=ltr>
<code>
<pre>
MainBody
.contentpaneopen { }
</pre>
</code>
</div>

=توضیحاتی در مورد کدهای css=

مثالی در مورد کدهای [[CSS]] که در میان { } قرار می گیرد. برای درک بیشتر مطالب بالا .

در مثال زیر مشخص شده که تیتر مطالب : فونت Arial باشد - اندازه فونت 16 باشد - بدنه فونت توپر باشد - فونت به صورت راست چین باشد - رنگ فونت سیاه باشد و ...

<div dir=ltr>
<code>
<pre>
.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%;
}
</pre>
</code>
</div>

{{معرفی پشتیبانی}}
{{کپی رایت}}

[[رده:طراحی قالب مامبو]]

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۲۷ ژوئیهٔ ۲۰۰۹، ساعت ۲۲:۰۱
سطر ۳۴۱:		سطر ۳۴۱:
	</code>		</code>
	</div>		</div>
		+
		+
		+	'''''نویسنده : عماد هوشمند'''''

@@ سطر ۵: / سطر ۵: @@
 =Pathway=
-بخشی که مسیر حرکت شما را در سایت نشان میدهد .
+بخشی که مسیر حرکت شما را در سایت نشان می‌دهد.
-به عنوان مثال : شما در حال بازدید از '''صفحه اصلی''' > '''سوالات متداول''' می باشید.
+به عنوان مثال : شما در حال بازدید از '''صفحه اصلی''' > '''سوالات متداول''' می‌باشید.
 [[تصویر:Mambo_template_css-pathway.png]]
@@ سطر ۲۳: / سطر ۲۳: @@
 </div>
-=ماژول‌ها=
+=[[ماژول]]‌ها=
-بخشی که مربوط تنظیمات ماژول ها ، فونت ، بدنه ، سر تیتر و استایل کلی آنها .
+بخشی که مربوط تنظیمات [[ماژول]]‌ها ، فونت ، بدنه ، سر تیتر و استایل کلی آنها .
 [[تصویر:Mambo_template_css-modules.png]]
@@ سطر ۴۳: / سطر ۴۳: @@
 =منوی اصلی=
-بخشی که مربوط به استایل منو و ظاهر منو میباشد . مثلا هنگامی که رو ی منو موس نگه داشته شود چه رنگی به خود میگیرد . یا برروی لینک کلیک شد چه رنگی شود.
+بخشی که مربوط به استایل منو و ظاهر منو میباشد . مثلا هنگامی که رو ی منو موشواره نگه داشته شود چه رنگی به خود می‌گیرد . یا برروی لینک کلیک شد چه رنگی شود.
 [[تصویر:Mambo_template_css-menu.png]]
@@ سطر ۸۹: / سطر ۸۹: @@
 =تاریخ ایجاد مطلب=
-بخشی که مربوط به تاریخ ایجاد مطالب شما میباشد . رنگ ، اندازه و ...
+بخشی که مربوط به تاریخ ایجاد مطالب شما می‌باشد . رنگ ، اندازه و ...
 [[تصویر:Mambo_template_css-data.png]]
@@ سطر ۱۰۴: / سطر ۱۰۴: @@
 =ادامه مطلب=
-بخشی که مربوط به لینک ادامه مطالب شما میباشد . رنگ ، اندازه و ...
+بخشی که مربوط به لینک ادامه مطالب شما می‌باشد . رنگ ، اندازه و ...
 [[تصویر:Mambo_template_css-readmore.png]]
@@ سطر ۱۲۱: / سطر ۱۲۱: @@
 =دکمه برگشت=
-بخشی که مربوط به لینک دکمه برگشت میباشد . رنگ ، اندازه و ...
+بخشی که مربوط به لینک دکمه برگشت می‌باشد . رنگ ، اندازه و ...
 [[تصویر:Mambo_template_css-back.png]]
@@ سطر ۱۳۶: / سطر ۱۳۶: @@
 =جدول صفحات محتوایی=
-در صفحات محتوایی وقتی صفحه به صفحه بودن فعال باشد جدولی ظاهر میشود که تعداد صفحات را به صورت جدولی نشان میدهد.
+در صفحات محتوایی وقتی صفحه به صفحه بودن فعال باشد جدولی ظاهر میشود که تعداد صفحات را به صورت جدولی نشان می‌دهد.
 [[تصویر:Mambo_template_css-contenttoc.png]]
@@ سطر ۱۵۳: / سطر ۱۵۳: @@
 =خط زیر مطالب=
-بخشی که میتوانید به وسیله آن خطی را زیر مطالب خود ایجاد کنید.
+بخشی که می‌توانید به وسیله آن خطی را زیر مطالب خود ایجاد کنید.
 [[تصویر:Mambo_template_css-separator.png]]
@@ سطر ۱۶۹: / سطر ۱۶۹: @@
 =آخرین بروز رسانی مطلب=
-وقتی مطلبی را ویرایش میکنید علاوه بر تاریخ ایجاد ، یک تاریخ هم در مورد آخرین بروز رسانی نشان میدهد که از این طریق میتوانید تغییرات را در آن ایجاد کنید.
+وقتی مطلبی را ویرایش می‌کنید علاوه بر تاریخ ایجاد ، یک تاریخ هم در مورد آخرین بروز رسانی نشان می‌دهد که از این طریق می‌توانید تغییرات را در آن ایجاد کنید.
 [[تصویر:Mambo_template_css-modifydate.png]]
@@ سطر ۱۸۴: / سطر ۱۸۴: @@
 =نظرسنجی=
-بخشی که مربوط به تیتر بالای نظر سنجی(سوال نظر سنجی) میشود را میتوانید از این طریق ویرایش کنید.
+بخشی که مربوط به تیتر بالای نظر سنجی(سوال نظر سنجی) می‌شود را می‌توانید از این طریق ویرایش کنید.
 [[تصویر:Mambo_template_css-poll.png]]
@@ سطر ۲۰۰: / سطر ۲۰۰: @@
 </div>
-==گزینه‌های  نظرسنجی==
+==گزینه‌های نظرسنجی==
-بخشی که مربوط به جواب های نظر سنجی که بیننده تیک میزند(جواب های نظر سنجی) میشود را میتوانید از این طریق ویرایش کنید.
+بخشی که مربوط به جواب‌های نظرسنجی که بیننده تیک میزند(جواب‌های نظرسنجی) می‌شود را می‌توانید از این طریق ویرایش کنید.
 [[تصویر:Mambo_template_css-poll1.png]]
@@ سطر ۲۵۰: / سطر ۲۵۰: @@
 </div>
-=بین جداولی که در بخشهایی مانند نظرسنجی ،لینکستان و ...=
+=بین جداولی که در بخش‌هایی مانند نظرسنجی ،لینکستان و ...=
-بخشی که آیکنی کنار نام سایت قرار میگیرد.
+بخشی که آیکنی کنار نام سایت قرار می‌گیرد.
 [[تصویر:Mambo_template_css-sectiontableentry1.png]]
@@ سطر ۲۶۹: / سطر ۲۶۹: @@
 </div>
-=تیتر کامپوننت‌ها=
+=تیتر [[کامپوننت]]‌ها=
-بخشی که مربوط به تیتر نام کامپوننت ها میباشد.
+بخشی که مربوط به تیتر نام [[کامپوننت]]‌ها می‌باشد.
 [[تصویر:Mambo_template_css-search.png]]
-به عنوان مثال : وقتی وارد صفحه جستجوی پیشرفته میشوید. نوشته ::: جستجوی پیشرفته ::: با این کلاس میتوانید مشخصات آن را تغییر بدهید.
+به عنوان مثال : وقتی وارد صفحه جستجوی پیشرفته می‌شوید. نوشته ::: جستجوی پیشرفته ::: با این کلاس می‌توانید مشخصات آن را تغییر بدهید.
 <div dir=ltr>
@@ سطر ۲۸۸: / سطر ۲۸۸: @@
 =جعبه ورود اطلاعات و دکمه‌ها=
-بخشی که مربوط به دکمه ها و جعبه ورودی اطلاعات میباشد.
+بخشی که مربوط به دکمه‌ها و جعبه ورودی اطلاعات می‌باشد.
 [[تصویر:Mambo_template_css-inputbox.png]]
@@ سطر ۳۰۴: / سطر ۳۰۴: @@
 =مطالب میان صفحه=
-بخشی که مربوط به دکمه ها و جعبه ورودی اطلاعات میباشد.
+بخشی که مربوط به دکمه ها و جعبه ورودی اطلاعات می‌باشد.
 [[تصویر:Mambo_template_css-mainboady.png]]
@@ سطر ۳۱۷: / سطر ۳۱۷: @@
 </div>
-=توضیحاتی در مورد کدهای css=
+=توضیحاتی در مورد کدهای [[CSS]]=
 مثالی در مورد کدهای [[CSS]] که در میان { } قرار می گیرد. برای درک بیشتر مطالب بالا .
@@ سطر ۳۴۷: / سطر ۳۴۷: @@
 {{معرفی پشتیبانی}}
 {{کپی رایت}}
 [[رده:طراحی قالب مامبو]]

→ نسخهٔ قدیمی‌تر	نسخهٔ ‏۱۲ ژانویهٔ ۲۰۱۰، ساعت ۲۱:۵۲
(بدون تفاوت)