آموزش [xf-xyz] قرار دادن آیکون برای گروه های کاربری

Roxana فایل جدیدی ارسال کرد

قرار دادن آیکون برای گروه های کاربری - آموزش قرار دادن آیکون کنار نام های مربوط به گروه کاربری

کد زیر را به قالب extra.less اضافه کنید

.username--style3:before {
font-family: "FontAwesome";
content: "\f013";
color: inherit;
padding-right: 4px;
display: inline-block;
}

شماره قسمت style3 را به شماره گروه کاربری مورد نظرتون تغییر بدید

برای حالت چرخاندن آیکون کد زیر را هم به قالب extra.less اضافه کنید

.username--style3:hover:before{
display:inline-block;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg)...

اطلاعات بیشتر در مورد این فایل...

بر روی لینک بالا بزنید تا کدها رو به صورت کامل مشاهده کنید.

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

https://xffa.ir/threads/فعال-کردن-آیکون‌های-fontawesome-برای-استایل‌های-themehouse.5999/

 

[XFFA.IR Bot]

شما میتونید دمو رو در همین انجمن مشاهده کنید

 

[Mehdi]

Roxana فایل جدیدی ارسال کرد

قرار دادن آیکون برای گروه های کاربری - آموزش قرار دادن آیکون کنار نام های مربوط به گروه کاربری



اطلاعات بیشتر در مورد این فایل...

ممنون از آموزش های بسیار کاربردی شما
لطفا اسکرین شات هم بذارید تا ببینیم نتیجه خروجی این آموزش چه چیزی میشه

 

[Queen]

ممنون از آموزش های بسیار کاربردی شما
لطفا اسکرین شات هم بذارید تا ببینیم نتیجه خروجی این آموزش چه چیزی میشه

من استفاده کردم و یه گیف قرار دادم برای معرفی این مورد این هم تصویر خروجی:

​

 

[AAA]

با تشکر از آموزشی که دادین. سوالی که دارم اینه که آیا این افکت فقط روی آیدی هایی که به زبان انگلیسی هستند تاثیر میذاره یا اگر زبان فارسی بود همین افکت ایجاد میشه؟ به عنوان مثال اگه شما به جای (Roxana) از آیدی (رکسانا) استفاده کرده بودین موردی پیش نمیومد؟

 

[XF Father]

با تشکر از آموزشی که دادین. سوالی که دارم اینه که آیا این افکت فقط روی آیدی هایی که به زبان انگلیسی هستند تاثیر میذاره یا اگر زبان فارسی بود همین افکت ایجاد میشه؟ به عنوان مثال اگه شما به جای (Roxana) از آیدی (رکسانا) استفاده کرده بودین موردی پیش نمیومد؟

سلام
این آموزش کلیه و شما میتونید از هر زبونی استفاده کنید اما برای زبون فارسی (بخاطر راستچین بودن )معمولا علامت FontAwesome جابجا میشه.
می تونید امتحان کنید.

 

[AAA]

سلام
این آموزش کلیه و شما میتونید از هر زبونی استفاده کنید اما برای زبون فارسی (بخاطر راستچین بودن )معمولا علامت FontAwesome جابجا میشه.
می تونید امتحان کنید.

اگه لطف کنین و توضیح بدین که دقیقا چه تغییری باید در (FontAwesome) ایجاد بشه ممنون میشم یا اگه یه اسکرین شات از اون تغییر مورد نظرتون بذارین که واقعا عالی میشه

 

[XF Father]

اگه لطف کنین و توضیح بدین که دقیقا چه تغییری باید در (FontAwesome) ایجاد بشه ممنون میشم یا اگه یه اسکرین شات از اون تغییر مورد نظرتون بذارین که واقعا عالی میشه

ببخشید که نتونستم زودی جوابتنو بدم.
کدها همین کدها هستند و نیازی به تغییر نیست.
محل قرارگیری آیکن برای زبان فارسی به صورت اتوماتیک وار در سمت راست قرار می گیره.
به تصویر زیر دقت کنید.

 

[MOON]

سلام!
آیکون ها قابل تغیر نیستن؟
مثلا مدیر ارشد نماد چکش؟

 

[King]

سلام!
آیکون ها قابل تغیر نیستن؟
مثلا مدیر ارشد نماد چکش؟

درود
چرا قابل تغییر هستن
با تحریم شکن وارد سایت زیر بشید و آیکون خودتون رو جستجو کنید

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

fontawesome.com

کد چکش این هست

\f0e3

 

[XF Father]

درود
چرا قابل تغییر هستن
با تحریم شکن وارد سایت زیر بشید و آیکون خودتون رو جستجو کنید

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

fontawesome.com

کد چکش این هست

\f0e3

سلام
برای صرفه جویی در وقت از لینک زیر هم میشه استفاده کرد.
آیکون ها کامل دسته بندی شده اند.

Font Awesome 5 Users and People

The table below shows the Free Font Awesome 5 Users & People icons.

www.w3schools.com

نیازی به فیلترشکن نیست

توی یکی از بلوک‌ها کد به صورت



f118 کد فونت اوسم می باشد که کینگ هم اشاره کردند.
سپاس

 

[hasan-m]

باسلام خدمت شما مدیرکل
در اخر پستتون ذکر کردید که
اگر از نسخه زنفورو 2.1 استفاده میکنید این کد را به جای کد اول قرار دهید
اما وقتی این کد گذاشته میشه فونت سایت تغییر میکنه
لطفا راهنمایی فرمایید مشکل از کجاست

 

[King]

باسلام خدمت شما مدیرکل
در اخر پستتون ذکر کردید که
اگر از نسخه زنفورو 2.1 استفاده میکنید این کد را به جای کد اول قرار دهید
اما وقتی این کد گذاشته میشه فونت سایت تغییر میکنه
لطفا راهنمایی فرمایید مشکل از کجاست

درود عزیز
یکبار دیگه مجدد این کد رو قرار بدید

.username--style3:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f501";
    padding-right: 4px;
    display: inline-block;
}

سعی کنید با رایانه اینکاور انجام بدید نه گوشی چون توی گوشی کدها درست کپی نمیشن و ممکنه باعث بهم ریختگی بشه

 

[yousef]

بصورت دیفالت فک کنم نیست فونت اوسوم روی زنفورو چون الان من که اضافه کردم نشد بعد نگاه که کردم فونت لایبرریش متریال دیزاین ایکون بود درسته ؟ و خودم بصورت دستی اضافه کردم فونت اوسوم رو .

 

[XF Father]

بصورت دیفالت فک کنم نیست فونت اوسوم روی زنفورو چون الان من که اضافه کردم نشد بعد نگاه که کردم فونت لایبرریش متریال دیزاین ایکون بود درسته ؟ و خودم بصورت دستی اضافه کردم فونت اوسوم رو .

برای قالب های حرفه ای و معمولا محصولات themehouse این چنین چیزی رو داریم که علاوه بر آیکون‌های fontawesome میتونید material رو هم انتخاب کنید

 

[yousef]

الان من io استفاده میکنم پس چرا فونت اوسوم نداره ؟ یا من نتونستم پیدا کنم

 

[XF Father]

الان من io استفاده میکنم پس چرا فونت اوسوم نداره ؟ یا من نتونستم پیدا کنم

داره.
اینو تا برم توی فرمانگاه مدیریت انجمنم شات میگیرم و براتون توضیح خواهم داد.

 

[XF Father]

الان من io استفاده میکنم پس چرا فونت اوسوم نداره ؟ یا من نتونستم پیدا کنم

خدمت شما
آموزش - فعال کردن آیکون‌های FontAwesome برای استایل‌های ThemeHouse | انجمن های پشتیبانی زنفورو (xffa.ir)