آموزش متن هایلایت شده را با CSS ایجاد کنید
Create Highlighted Text with CSS
برجستگی متنی سرگرم‌کننده، بهترین راه برای افزودن کمی جذابیت بیشتر به وب‌سایت شما است. نه تنها از نظر بصری جالب است، بلکه یک راه عالی برای جلب توجه به خطوط خاص کپی است. این یکی از راه‌های مورد علاقه من برای تأکید بر متن است، به‌ویژه در توصیفات. برجسته کردن متن نیز می تواند یک افکت شناور عالی باشد.
در این کلاس، یاد بگیرید که چگونه با استفاده از HTML و CSS، یک برجسته به متن وب‌سایت خود اضافه کنید. به راحتی رنگ را برای مطابقت با وب سایت و برند خود سفارشی کنید.
در این کلاس، ما تکه‌های مختلف کدی را که نیاز دارید، نحوه اضافه کردن آنها به وب‌سایت خود و نحوه سفارشی‌سازی کد برای مطابقت با نیازهایتان را پوشش خواهیم داد.
در پایان، سایت شما دارای جذابیت بصری و جلا بیشتری با متن هایلایت شده خواهد بود.
این کلاس برای طراحان و توسعه‌دهندگانی است که خدمات وب‌سایتی را به دیگران ارائه می‌کنند و می‌خواهند آن سرویس سطح بعدی را به مشتریان خود ارائه دهند.
برای این کلاس، تجربه با HTML و CSS مفید خواهد بود، اما احتمالاً می توانید به عنوان یک مبتدی از پس آن برآیید. اگر از CMS مانند SquareSpace یا WordPress استفاده می کنید، باید بدانید کجا می توانید CSS سفارشی اضافه کنید.
به دنبال مراحلی که من در این کلاس به اشتراک می‌گذارم، به متن در وب‌سایت خود یک علامت برجسته اضافه کنید.
دانلود highlighted-text-files.zip که شامل فایل‌هایی است که در این کلاس استفاده می‌کنم. →
اگر ویرایشگر کدی برای مشاهده فایل‌های HTML و CSS ندارید، می‌توانید از اینجا در CodePen به کد دسترسی پیدا کنید:
یک نسخه کاری از متن برجسته در CodePen را ببینید:
برای پروژه خود، یک اسکرین شات یا پیوند متن برجسته شده خود را به اشتراک بگذارید.
درس ها Lessons
-
اضافه کردن HTML Adding the HTML
-
استفاده از Highlight به عنوان افکت Hover Using the Highlight as a Hover Effect
-
سفارشی کردن سبک هایلایت Customizing the Highlight Styles
-
افزودن CSS Adding the CSS
-
معرفی Introduction
-
نمونه های متن برجسته Highlighted Text Examples
-
نحوه دسترسی به فایل های این کلاس How to Access the Files For This Class
-
مروری بر قطعات کدی که از آنها استفاده خواهیم کرد An Overview of the Code Pieces We'll Be Using
https://donyad.com/d/e05429
Amanda Olson
طراح و توسعه دهنده Front-End
من یک طراح، توسعه‌دهنده جلویی و رویاپرداز مستقر در نبراسکا هستم. با بیش از 8 سال تجربه در صنعت طراحی، دوست دارم صاحبان مشاغل همکار خود را با نام تجاری مغناطیسی و طراحی وب چشمگیر توانمند کنم که تأثیر زیادی بر نتایج نهایی آنها می گذارد.
با این 10 نکته و ترفند سئوی وب سایت خود را تقویت کنید. ما با نگاهی کلی به استراتژی سئو شروع می کنیم و سپس آن را به مراحلی برای اجرای آن استراتژی تقسیم می کنیم.
https://anchoradesign.com/zag-blog/10-tips-tricks-for-better-seo/
با این ایده‌های بازاریابی رایگان، دید، ترافیک و فروش بیشتری دریافت کنید.
https://anchoradesign.com/20-ways-to-market-your-business-for-free/
نمایش نظرات