المان های after before
سلام دوستان امیدوارم حالتون خوب باشه
توی بعضی سایت ها یه سری آیکون هایی وجود دارم که برای نمایش اون ایکون ها روی صفحه از before یا after و مقدار content استفاده شده که توش یه کدی نوشته شده میشه یه سری اطلاعات دربارش بهم بدید ؟؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام با این روش میتونی هر آیکونی رو که دوست داری نمایش بدی
روش نمایش آیکون متفاوت هست یکی از روشهاش استفاده از نام آیکون هست و دیگری استفاده از فایل svg هست و یکی از روشهاش هم استفاده از کد آیکون هست که در حالتهای after و before یک المنت اگه تو خاصیت content کد آیکون مد نظرو قرار بدی شکل آیکون مدنظرتو بهت میده
مثلا به این شکل
.chevron-right:before {
content: '\F285';
}در این حالت برای المنتی با کلاس chevron-right شکل آیکونی که به سمت راست اشاره میکنه رو نشون میده
تو سایت بوتسترپ استفاده از چنین روشی رو گفته
ی فایل css داره به همراه چند تا font که فایل css رو به صفحت لینکش کن و بقیه فونت ها رو کنار فولدر css داخل ی فولدر به نام fonts قرار بده
لینک