دسته بندی آموزش ها

سر فصل ها

رنگ آمیزی گرادیانت متون در المنتور

رنگ آمیزی گرادیانت متون در المنتور

بعضی اوقات جالب است که متن هایی رنگی به صورت گرادیانت ایجاد کنید تا وب سایتتان برای کاربران جذاب تر نمایش داده شود بنابراین در این آموزش ، ما به شما یاد می دهیم که چگونه می توانید اثر “گرادیانت” را برای عناوین ، پاراگرافها و یا اصولا هر متنی ایجاد کنید! 

ویدئو آموزشی مقاله

شروع کار ...

برای شروع از نوار ابزار ها ویجت سربرگ را انتخاب و آن را به میزکار کشیده تا ایجاد شود

طراحی گرادیانت ویجت تیتر در المنتور

ایجاد رنگ سفارشی

ویجت سربرگ را انتخاب کرده سپس وارد تب پیشرفته شوید

طراحی متن گرادیانت در المنتور از تب پیشرفته

سپس وارد بخش costum CSS بشوید

رنگ آمیزی گرادیانت متون در المنتور با کد های css

کد زیر را کپی و در بخش custom CSS درج کنید

selector h2 {
    background-image: linear-gradient(to right,#463f64,#463f64, #e2285c, #e2285c);
    -webkit-background-clip: text;
    display: inline-block;
    padding: 14px;
    -webkit-text-fill-color: #00000000;
}

همانطور که مشاهده میکنید این ویژگی برای تگ H2 می باشد پس اگر قصد دارید برای تگ های دیگر به نمایش در بیاورید آن را تغییر دهید

رنگ آمیزی گرادیانت متون در المنتور

در وقتتان صرفه جویی کنید

برای اینکه از این طراحی در برگه ها و یا نوشته های دیگر وب سایت خود استفاده کنید نیازی نیست که تمامی مراحل را از اول تکرار و سفارشی سازی کنید. کافیست روی ویجت مورد نظر کلیک راست کرده و آن را به عنوان عمومی ذخیره و نامی برای این ویجت انتخاب کنید
استفاده بهینه از رنگ آمیزی گرادیانت متون در المنتور

حال می توانید در قسمت ابزار ها عمومی این ویجت را مشاهده و از آن در بخش های مختلف وب سایت استفاده کنید. فقط توجه کنید برای تغییر و ویرایش ویجت مورد نظر حتما آن را unlink کنید

درج عمومی ویجت تیتر با خاصیت گرادیانت تیتر در المنتور

دیدگاه

avatar
You can`t add more product in compare