نحوه ایجاد عنوان دو رنگ در المنتور
در طراحی وب‌سایت، عنوان‌ها نقشی کلیدی در جلب توجه مخاطب و انتقال پیام اصلی صفحه ایفا می‌کنند. المنتور به عنوان یک صفحه ساز قدرتمند، امکانات زیادی را برای طراحی بصری در اختیار شما قرار می‌دهد. با این حال، گاهی اوقات برای دستیابی به جلوه‌های خاص، به کدنویسی CSS نیاز پیدا می‌کنیم.
یکی از این جلوه‌ها، ایجاد عنوان‌های دورنگ است که ظاهری مدرن و جذاب به صفحات وب‌سایت شما می‌بخشد.
روش کار:
- ایجاد عنوان در المنتور: ابتدا یک ویجت عنوان (Heading) به صفحه خود اضافه کنید.
- انتخاب بخش مورد نظر: مشخص کنید کدام بخش از عنوان شما رنگ متفاوت داشته باشد.
- افزودن کلاس CSS: به ویجت عنوان، یک کلاس CSS اختصاصی، مثلاً “two-tone-title” اضافه کنید.
- کدنویسی CSS: در قسمت CSS سفارشی المنتور یا در استایل شیت خود، کد زیر را اضافه کنید: .header-text {
color :#c70f59 ;
}
- تغییر رنگ در المنتور: در ویجت عنوان، بخشی که می‌خواهید رنگ متفاوتی داشته باشد را در تگ
<span>بپیچید.
با کد رنگ دلخواه، می‌توانید به سادگی عنوان‌های دورنگ جذاب ایجاد کنید و به طراحی وب‌سایت خود جلوه‌ای ویژه ببخشید. این روش انعطاف‌پذیری بالایی را در اختیار شما قرار می‌دهد تا با رنگ‌ها و استایل‌های مختلف آزمایش کنید و عنوان‌هایی مطابق با سلیقه و هویت بصری خود ایجاد نمایید.
متن مربوط به قسمت سربرگ
نحوه ایجاد عنوان<span class="header-text"> دو رنگ در المنتور </span>
کد بخش Css
.header-text {
color :#c70f59 ;
}