Jump to content

Индивидуальные иконки Font Awesome без дополнительных плагинов


MrHaim

Recommended Posts

במדריך המהיר הזה, נראה לך בשלב 1 כיצד לקשט פוסטים בסרגל הניווט עם אייקוני Font Awesome, ובשלב 2 כיצד להחליף סמלי סטטוס בודדים של הפורום. זה למעשה די פשוט, Invision Community תומכת ב-FA כברירת מחדל ותוכלו למצוא רשימה של אייקונים נתמכים כעת כאן.

כאשר אתה מוצא משהו שאתה רוצה להשתמש בו, לחץ עליו והסתכל על Unicode בתצוגת הפירוט...

https://invisionfocus.de/uploads/monthly_2020_06/1066202515_FAunicode.png.87975f8bae81cc7c0a3f1a6b5b7513e7.png

לאחר מכן, עבור אל רשימת ערכות הנושא המותקנות ב-AdminCP ולחץ על הסמל </> עבור ערכת הנושא שברצונך להשתמש בסמלים עבורו.

לאחר מכן לחץ על הכרטיסייה CSS וחפש את תבנית custom.css, כאשר ערכת הנושא הלא ערוכה אמורה להציג בדרך כלל רק את מציין המיקום.

https://invisionfocus.de/uploads/monthly_2020_06/784073314_FAcustom.thumb.png.19688b0a76450e2539c61b4fafc7bf2c.png

כדי להשתמש ב-FA בניווט, עליו לירות תחילה עבור המיקום הזה. קטע קוד זה אחראי לכך, אותו אתה מעתיק לתבנית ריקה...


אוקיי, עכשיו אנחנו יודעים איפה אפשר להשיג אייקונים ואיפה לשים אותם. כעת נותר לנו רק לומר לערכת הנושא היכן יש להציג את הסמל.

כדי לעשות זאת, חזור ל-frontend, לחץ לחיצה ימנית על האלמנט שאליו ברצונך להקצות אייקון, ובחר "בדוק" מתפריט ההקשר, ואז הדפדפן שלך יציג לך משהו כזה...

https://invisionfocus.de/uploads/monthly_2020_06/1995497781_FAuntersuchen.png.1510f6c6d199015a0915b4a15138798e.png

במקרה זה, אנו מעוניינים בתעודת זהות 21 . כעת העתק את הדברים הבאים לתבנית שלך, שמור אותה ורענן את העמוד...

האלמנט עם id 21 אמור כעת לשייך את סמל ה-FA ל-Unicode f198, במקרה זה "Slack". עשה את אותו הדבר עבור כל שאר הפריטים בסרגל הניווט העליון. זה אותו הדבר עבור ניווט משנה, רק הקוד שונה במקצת...

כעת אנו מגיעים לשלב 2 , בו אנו מתמסרים לאיקוני הסטטוס של הפורומים. אתה יכול לגלות את המזהים שלהם על ידי לחיצה ימנית, בדיוק כמו פריטי ניווט. קוד החלפת סמל הפורום הוא קצת יותר ארוך ונראה כך...


סמל ה-unicode f198 מוקצה לפורום מזהה מספר 2, זה הכל. כשתסיים, זה עשוי להיראות בערך כך...

https://invisionfocus.de/uploads/monthly_2020_06/1128701363_FAdemo.thumb.png.beb834c192dd8bb11a782ccbabf06c44.png

קרדיט ל v0rt3x

1066202515_FAunicode.png.87975f8bae81cc7c0a3f1a6b5b7513e7.png

784073314_FAcustom.thumb.png.19688b0a76450e2539c61b4fafc7bf2c.png

1995497781_FAuntersuchen.png.1510f6c6d199015a0915b4a15138798e.png

1128701363_FAdemo.thumb.png.beb834c192dd8bb11a782ccbabf06c44.png

Я не так хорошо сделал, извините
Удалить и открыть новый позже

Edited by MrHaim
Link to comment
Share on other sites

Спасибо за статью! Но на данном сайте преобладает русскоговорящий контингент. 

@Respected, предлагаю внести правило, что создавать контент можно только на Русском или Английском языках.

В связи закрытием многих зарубежных сайтов, их пользователи идут сюда, и если каждый будет постить на своем языке, получиться абы что

Link to comment
Share on other sites

1 минуту назад, HooLIGUN сказал:

@Respected, предлагаю внести правило, что создавать контент можно только на Русском или Английском языках.

Не надо запрещать.

Активируйте клубы, где иностранные юзеры могут создать свои правила и свои ограничения.

Link to comment
Share on other sites

Я хотел опубликовать руководство, но у меня не получилось должным образом, не стесняйтесь удалить тему.  при необходимости загружу новый

Link to comment
Share on other sites

19 минут назад, HooLIGUN сказал:

Спасибо за статью! Но на данном сайте преобладает русскоговорящий контингент. 

@Respected, предлагаю внести правило, что создавать контент можно только на Русском или Английском языках.

В связи закрытием многих зарубежных сайтов, их пользователи идут сюда, и если каждый будет постить на своем языке, получиться абы что

Поддержу

Link to comment
Share on other sites

лучше бы оценили. человек все таки старался:df:

MrHaim такие статьи лучше писать здесь

https://ipbmafia.ru/ips4docs/

База знаний :bt:

Link to comment
Share on other sites

37 минут назад, SlawkA сказал:

лучше бы оценили. человек все таки старался:df:

MrHaim такие статьи лучше писать здесь

https://ipbmafia.ru/ips4docs/

База знаний :bt:

Вы правы, я открыл там. Спасибо!
Вы можете заблокировать нить

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...