Макет сетка для Менеджера ресурсов XenForo 2

Макет сетка для Менеджера ресурсов XenForo 2

Макет сетка для Менеджера ресурсов XenForo 2.

baltun

Администратор
Сообщения
10.725
Реакции
2.541
Баллы
2.003
baltun разместил(а) новый ресурс:

Макет сетка для Менеджера ресурсов XenForo 2 - Макет сетка для Менеджера ресурсов XenForo 2.

Вот простой CSS, который вам нужно разместить в Extra.less:
CSS:
.structItem--resource {
   background-color: white !important;
   border-collapse: collapse;
   padding: 0px;
   width: 100%;
   min-height: 138px;
   height: 138px;
   height: auto;
   display: inline-block !important;
   margin: 9px 0px 0px 6px;
   max-width: 49% !important;
   max-height: 162px;
   box-sizing: border-box;
   vertical-align: top;
   border-radius: 2px;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28); }...

Посмотреть страницу этого ресурса...
 
Как заменить font awesome чтобы отобразились иконки?
 
Попробуйте прописать так:
Less:
.structItem-metaItem--lastUpdate dt,.structItem-metaItem--downloads dt{
  font-size:0px; }
.structItem-metaItem--downloads dd{
  margin-left:18px; }
.structItem-metaItem--downloads dt:before ,.structItem-metaItem--lastUpdate dt:before {
    font-family: Font Awesome 5 Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    position: absolute; }
.structItem-metaItem--downloads dt:before {
    margin-left: 0px;
  content: '\f019'; }
.structItem-metaItem--lastUpdate dt:before {
  content: '\f017';
  margin-left: -15px; }
 
Попробуйте прописать так:
Less:
.structItem-metaItem--lastUpdate dt,.structItem-metaItem--downloads dt{
  font-size:0px; }
.structItem-metaItem--downloads dd{
  margin-left:18px; }
.structItem-metaItem--downloads dt:before ,.structItem-metaItem--lastUpdate dt:before {
    font-family: Font Awesome 5 Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    position: absolute; }
.structItem-metaItem--downloads dt:before {
    margin-left: 0px;
  content: '\f019'; }
.structItem-metaItem--lastUpdate dt:before {
  content: '\f017';
  margin-left: -15px; }
не помогло. пробывал
 
Попробуйте прописать так:
Less:
.structItem-metaItem--lastUpdate dt,.structItem-metaItem--downloads dt{
  font-size:0px; }
.structItem-metaItem--downloads dd{
  margin-left:18px; }
.structItem-metaItem--downloads dt:before ,.structItem-metaItem--lastUpdate dt:before {
    font-family: Font Awesome 5 Pro;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    position: absolute; }
.structItem-metaItem--downloads dt:before {
    margin-left: 0px;
  content: '\f019'; }
.structItem-metaItem--lastUpdate dt:before {
  content: '\f017';
  margin-left: -15px; }
У меня получилось
Нечё норм
 
не помогло. пробывал
Не могу посмотреть, но предполагаю, что не найден или не прописан шрифт. Откройте консоль в браузере, посмотрите на ошибки, есть ли там связанная со шрифтом?
CSS:
@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
 
Назад
Верх Низ