nader
2 سال پیش توسط nader مطرح شد
3 پاسخ

المان های after before

سلام دوستان امیدوارم حالتون خوب باشه
توی بعضی سایت ها یه سری آیکون هایی وجود دارم که برای نمایش اون ایکون ها روی صفحه از before یا after و مقدار content استفاده شده که توش یه کدی نوشته شده میشه یه سری اطلاعات دربارش بهم بدید ؟؟


ثبت پرسش جدید
حسین شیری نژاد
تخصص : programmer
@hosseinshirinegad98 2 سال پیش مطرح شد
0

سلام با این روش میتونی هر آیکونی رو که دوست داری نمایش بدی
روش نمایش آیکون متفاوت هست یکی از روشهاش استفاده از نام آیکون هست و دیگری استفاده از فایل svg هست و یکی از روشهاش هم استفاده از کد آیکون هست که در حالتهای after و before یک المنت اگه تو خاصیت content کد آیکون مد نظرو قرار بدی شکل آیکون مدنظرتو بهت میده
مثلا به این شکل

.chevron-right:before {
    content: '\F285';
}

در این حالت برای المنتی با کلاس chevron-right شکل آیکونی که به سمت راست اشاره میکنه رو نشون میده
تو سایت بوتسترپ استفاده از چنین روشی رو گفته


nader
تخصص : برنامه نویس
@sherafaty 2 سال پیش مطرح شد
0

خب این کداش رو باید از کجا گیر اورد ؟؟


حسین شیری نژاد
تخصص : programmer
@hosseinshirinegad98 2 سال پیش مطرح شد
0

ی فایل css داره به همراه چند تا font که فایل css رو به صفحت لینکش کن و بقیه فونت ها رو کنار فولدر css داخل ی فولدر به نام fonts قرار بده
لینک


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام