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

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

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

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


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

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

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


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

• Block: استایل مورد نظر در کل ردیفی که متن یا عنصر وجود دارد اعمال شود:

• استایل: برای طراحی استایل مورد نظر روی آیکون

• در نهایت با کلیک روی آیکون

• با ثبت کلاس، این کلاس به لیست استایل های متن در ابزار ویرایشگر متن اضافه می شود.
نکته: برای به روز رسانی استایل ها در صفحه ویرایشگر (در صورت عدم نمایش) Ctrl با F5 را بزنید.


