Jump to content
Sign in to follow this  
фанфорум

Как сделать иконки подфорумов на IPS 4.2.x

Recommended Posts

Как сделать иконки подфорумов на форуме с движком IPS 4.2.x, как на этом форуме

сделать иконки подфорумов ips 4.2.8.jpg

Идём в "Внешний вид -> Темы ->  Редактировать HTML и CSS у выбранного шаблона -> закладка CSS"
в файле custom.css вставляем в конце код
 

.cForumRow .ipsDataItem_subList li a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    margin-right: 2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\1F5CA";
}

\1F5CA собственно это код самой иконки

Коды иконок можно взять тут https://www.utf8icons.com/

Как сделать иконки подфорумов на более ранних версиях IPB 3.4.x , смотрите в соседней теме

Share this post


Link to post
Share on other sites

Your content will need to be approved by a moderator

Guest
You are commenting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoticons maximum are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

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

Loading...
Sign in to follow this  

  • Similar Content

    • By фанфорум
      На IPS 4.2.x реализовано два способа вставки видео с ютубе
      Первое это просто ссылка
      к примеру так:
      https://www.youtube.com/watch?v=YHe3ag3i8v8 или так:
       
      https://youtu.be/YHe3ag3i8v8 и второй способ, вставка html кода, которые представляет youtube, для ссылки указанной выше он выглядит так:
       
      <iframe width="854" height="480" src="https://www.youtube.com/embed/YHe3ag3i8v8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
      В первом случае на мобильных устройствах видео отображается нормально, а вот на ПК видео в сообщениях будет сильно большим.
      А при использовании вставки html кода, на ПК видео будет отображаться нормально, а на мобильных устройствах съезжать за видимую область форума.
      Что делать?
      Всё просто, идём в настройки Админ панели -> Постинг -> Максимальная ширина встраиваемого контента -> убираем галочку с неограниченно и вводит в поле значение к пример 720 px
      В IPS 4.2.8 это выглядит так:

      только вставленные ранее видео, придётся добавлять по новой, так как на форуме у них в коде сообщения следующее:
      <div class="ipsEmbeddedVideo" contenteditable="false"> а после правки в админ панели следующий код:
      <div class="ipsEmbeddedVideo ipsEmbeddedVideo_limited" contenteditable="false"> добавился код ipsEmbeddedVideo_limited
    • By фанфорум
      Делаем небольшие иконки подфорумов на IPB 3.4.x (Invision Board)
      К примеру как это выглядело на прежней версии этого форума


      Сначала идём в Board Index > boardIndexTemplate
      находится в "Внешний вид", нажать в стилях на IPboard 
      далее под "Глобальными", выбрать "Список форумов" и там будет  boardIndexTemplate

      Находим следующий код:
      <if test="isNotLast:|: empty($__data[4] )">,</if> Заменяем на 
      <if test="isNotLast:|: empty($__data[4] )"> </if> отличие в одной запятой.

      Далее идём в ipb_styles.css, находим код:
      table.ipb_table .subforums { margin: 2px 0 3px 5px; padding-left: 20px; background: url({style_images_url}/subforum_stem.png ) no-repeat left 4px; } table.ipb_table .subforums li.unread { font-weight: bold; } Заменяем на следующий код:
      table.ipb_table .subforums { margin: 7px 0 3px 0px; overflow: hidden; } table.ipb_table .subforums li{ background: url({style_images_url}/sub1.png ) no-repeat 0 50%; padding: 0 15px 0 15px; margin: 0; float: left; } table.ipb_table .subforums li.unread { font-weight: bold; background-image: url({style_images_url}/sub2.png ); }
      После скачайте этот архив с картинками и закиньте картинки из архива в корневую папку вашего стиля.
      Как сделать иконки на IPS 4.2.x , смотрите в соседней теме
       
×

Рейтинг@Mail.ru