تخته امتیازات

اگر شما کلمه style توی تگ های html ببینی یعنی استایل این لاین داری.

علاوه بر روش بالا میتونید این کارها رو هم بکنید. قصدم اینه که بهتون یاد بدم چطوری بقیه استایل ها رو هم اعمال کنید. (یادتون باشه که شما نیاز به دانش پایه css داری. دوره‌ی آموزش کار با ویرایشگر پرستاشاپ هم میتونی نگاه کنید.) ولی در کل شما مثلا یه متنی رو داخل h2 میخوای قرار بدی: <h2>این یک تیتر است</h2> حالا میخواید بهش استایل (سایز و رنگ و...) بدید. باید یک یا چند کلاس بهش اضافه کنید. بعد از طریق فایل css بهش استایل ها رو اعمال کنید. به این ترتیب: 1. از طریق ویرایشگر روی </> کلیک میکنید و کد بالا رو به این ترتیب ویرایش میکنید. اینجا ما یک کلاس font-13 به تگ h2 دادیم. بعدا به این کلاس در فایل css استایل میدیم: <h2 class="font-13">این یک تیتر است</h2> (توجه کنید که این اسم font-13 دل بخواهیه و شما هر اسمی میتونید بذارید. من توصیه و پیشنهادم اینه که یک اسمی بذارید که مفهوم باشه براتون که بعدا هم بتونید ازش استفاده کنید.) ۲. ایجاد استایل برای کلاس font-13 حالا به یک طریقی که در انتها میگم ما باید این به این کلاس استایل بدیم. اینجا میخوایم بگیم که سایز فونت 13 باشه: .font-13{font-size:13px} روش‌های اعمال css در پرستاشاپ. ۱. دقیقا مثل روشی که admin در بالا توضیح دادن، ایجاد یک فایل css در پوشه autoload قالب. ۲. چون می‌دونم شما از قالب پاندا استفاده میکنی، قرار دادن کدهای css در ماژول ویرایشگر قالب > کدهای دلخواه > کدهای css دلخواه حالا فرض کنیم میخواید علاوه بر سایز رنگ هم اعمال کنید. دو روش برای این کار هست که من توصیه ام روش دومه. ۱. اعمال استایل رنگ به همون کلاس font-13 .font-13{ font-size:13px; color: red; } ۲. ایجاد یک کلاس جدید و اعمال جداگانه رنگ به اون کلاس و اختصاص این کلاس در کنار کلاس سایز: در این حالت کد h2 رو به صورت زیر تغییر میدید: <h2 class="font-13 color-red">این یک تیتر است</h2> و کد زیر رو هم به css اضافه میکنید. .color-red { color: red; } مزیت روش دوم اینه که شما میتونی از این کلاس color-red برای تمامی تگ های html داخل سایتتون استفاده کنید. چه تگ p چه h2 و چه a و... تفاوت روشی که من توضیح دادم با روش admin اینه که شما دستت باز تره اما خیلی زمان بره. روش ادمین به صورت خودکار به تمام h2 های داخل توضیحات محصول اعمال میشه. اما در روش من باید دستی به تمام h2 های داخل محصول کلاس ها رو اعمال کنید تا استایل ها اثر بذاره. تنها زمانی خوبه از روش من استفاده کنید که بخواید به h2 ها در جاهای مختلف سایت و حتی در هر توضیح محصول استایل متفاوتی بدید.

در پوشه themes/yourtheme/css/autoload در مسیر بالا، yourtheme نام قالب شماست. در این مسیر یک فایل جدید ایجاد کنید به نام hcontrol.css و فایل رو ویرایش کنید داخلش این کد رو بنویسید: .rte h2 {font-size: 13px !important;} .rte h3 {font-size: 12px !important;} .rte h4 {font-size: 11px !important;}