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