مدیریت کلاس های استایل - Css Class

• کلاس های استایل مجموعه ای از استایل های استاندارد (رنگ و تصویر زمینه، نوع فونت، رنگ فونت، عرض، ارتفاع، نوع نمایش و ...) می باشند که به وسیله ابزار طراحی استایل ایجاد می شوند.
• هنگام ایجاد محتوای صفحات توسط ابزار ویرایشگر متن، می توان برای بخشی از متن، کلاس استایل انتخاب کرد.
• مثال یک: کلاس استایلی با نام HighLight با ویژگی فونت بولد و رنگ قرمز تعریف می کنیم. سپس برای همه کلمات و عبارات مهم سایت، کلاس فرضی HighLight را انتخاب می نماییم.
با تغییر ویژگی های این کلاس (مثلا رنگ قرمز -> آبی) همه عبارات مهم سایت از رنگ قرمز به آبی تغییر می کنند.
• مثال دو: کلاس استایلی به نام Frame تعریف می کنیم که حاشیه و سایه رنگی داشته باشد. با این کلاس می توان برای تصاویر سایت یک قاب دلخواه تعریف کرد.
• با توجه به گستردگی استایل های استاندارد، می توان کلاس های متنوع و متفاوتی طبق سلیقه شخصی، طراحی کرد.
• برای دسترسی به مدیریت این بخش منوی زیر را انتخاب کنید:

Css Class Menu

• با کلیک روی منوی بالا، به صفحه مدیریت کلاس های استایل هدایت می شوید:

Css Class List

• برای ایجاد استایل جدید روی آیکون Icon Add کلیک کنید.

Css Class Insert

نام کلاس: حتما انگلیسی و بدون فاصله وارد کنید.
InLine: استایل مورد نظر فقط در محدوده ای که متن یا عنصر وجود دارد اعمال شود:
 
Css Class Inline
 
Block: استایل مورد نظر در کل ردیفی که متن یا عنصر وجود دارد اعمال شود:

Css Class Block

استایل: برای طراحی استایل مورد نظر روی آیکون Icon Css کلیک کنید تا پنجره ابزار طراحی استایل باز شود.
• در نهایت با کلیک روی آیکون Icon OK کلاس را ثبت کنید.
• با ثبت کلاس، این کلاس به لیست استایل های متن در ابزار ویرایشگر متن اضافه می شود.
نکته: برای به روز رسانی استایل ها در صفحه ویرایشگر (در صورت عدم نمایش) Ctrl با F5 را بزنید.

Icon Edit ویرایش کلاس های استایل.
Icon Delete حذف کلاس های استایل.
Icon Preview پیش نمایش کلاس های استایل.