راکت

المان های after before

3 پاسخ

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

nader
nader
@sherafaty
ثبت پرسش جدید

پاسخ‌ها

3
حسین شیری نژاد
حسین شیری نژاد
@hosseinshirinegad98

تخصص: programmer

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

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

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

nader
nader
@sherafaty

تخصص: برنامه نویس

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

شاید پاسخ شما همین‌جا باشد

حسین شیری نژاد
حسین شیری نژاد
@hosseinshirinegad98

تخصص: programmer

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

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

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