Jump to content

Добавление фавиконов.

Featured Replies

Posted
comment_176701

Ребят всем привет! Подскажите каким образом можно добавить фавиконы в разделы форума и в кнопки форума!?
Заранее благодарю за ответ и пример!

Спойлер

2022-01-21_16-13-00.thumb.png.64c511a8108d27d054b9d388840b06df.png

привер кнопки с фвиконом:

Спойлер

2022-01-21_16-12-10.png.6efc271411caf1e9e136c63af2247d10.png

 

  • Author
comment_176707

by_ix а куда копать то ? Где эти строки находятся? Я понимаю что в редакторе но где ... 😏

comment_176708

@saiko самый простой способ найти что-то - смотреть класс нужного элемента в ф12 и искать по нему в редакторе темы в разделе шаблоны. 

comment_176755
В 21.01.2022 в 16:16, saiko сказал:

Ребят всем привет! Подскажите каким образом можно добавить фавиконы в разделы форума и в кнопки форума!?
Заранее благодарю за ответ и пример!

  Скрыть контент

2022-01-21_16-13-00.thumb.png.64c511a8108d27d054b9d388840b06df.png

 

html[dir=ltr] .cForumList .cForumRow .cForumTitle::before {
    content: "\f086";
    font-family: 'font awesome 5 free';
    font-weight: 700;
    margin-right: 5px;
}

html[dir=ltr] .cForumList .cForumRow[data-categoryid="62"] .cForumTitle::before {

content: "\f11c"!important;

}

[data-categoryid="62"] - Где 62 это ID Категории

content: "\f11c" - Где \f11c это код FontAwesome

  • Author
comment_176940

bon1 Не могу найти айди этой кнопки о_О и как добавлять в другие разделы иконки... ? Так как когда я добавил сам код и айди иконки (он дефотно поменял на 5 разделах + нижний я исправил на свой на "звездочку") подскажи пожалуйста по этим моментам! А в целом биг спасибо за помощь.

Спойлер

2022-01-26_10-38-50.thumb.png.3e4ab9c19b1cbf49ac71ed7aa40cc6ab.png

 

comment_176943

saiko 

for forums use this in costum.css:

.cForumList .cForumRow .cForumTitle::before {
  content: "\f27a";
  background-image: linear-gradient(to left,#21f0bf,#5a8ef1) !important;
  font-family: fontawesome;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}

but if you want to different Icon for each forum you can use this method:

.cForumList .cForumRow[data-categoryid="X"] .cForumTitle::before {
  content: "\f27a" !important;
  font-family: fontawesome;
  font-size: 15px;
}

**instead of X you should use forum ID**

 

for widgets use this in costum.css:

.cWidgetContainer[data-widgetArea="footer"] ul > li.ipsWidget .ipsType_sectionTitle::before, .cWidgetContainer[data-widgetArea="header"] ul > li.ipsWidget .ipsType_sectionTitle::before, .cWidgetContainer[data-widgetArea="footer"] ul > li.ipsWidget .ipsWidget_title::before, .cWidgetContainer[data-widgetArea="header"] ul > li.ipsWidget .ipsWidget_title::before {
  content: "\f27a";
  font-family: fontawesome;
  font-weight: 600;
  color: #fff;
}

but if you want to different Icon for each widget you can use this method:

.ipsWidget[data-blockid*="X] .ipsWidget_title::before {
  content: "\f075" !important;
  font-family: fontawesome;
}

**instead of X you should use data-blockid**

 

good luck

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
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.