Скрыть объявление
Вышла новая версия XenForo 1.5.14 Nulled By XenForo.Info. Поспешите обновить свои форумы на новую версию прямо сейчас!

Отделяем важные темы от обычных

Отделение важных тем форума от обычных.

  1. TopicStarter Overlay
    Hope

    Hope Администрация

    Сообщения:
    39334
    Симпатии:
    48348
    Пол:
    Мужской
    Пользователь Hope разместил новый ресурс:

    Отделяем важные темы от обычных (версия 1.0) - Отделение важных тем форума от обычных.

    Узнать больше об этом ресурсе...
     
    TwiX, Fruit, Zech и 3 другим нравится это.
  2. Fruit

    Fruit Проверенные

    Сообщения:
    184
    Симпатии:
    220
    Пол:
    Мужской
    Минутка рукоблудия:
    PHP:
    <xen:hook name="thread_list_stickies">
            <
    xen:if is="{$stickyThreads}">
            <
    li style="text-shadow: 2px 4px 3px rgba(0,0,0,0.3); font-size: 22pt; background: #d88585; height: 50px;" class="sectionHeaders">&nbsp;Важные темы раздела</li>
            </
    xen:if>
            <
    xen:foreach loop="$stickyThreadsvalue="$thread">
                <
    xen:include template="thread_list_item" />
            </
    xen:foreach>
            <
    xen:if is="{$threads}">
                    <
    li style="background: #6cb2e4; height: 50px;text-shadow: 2px 4px 3px rgba(0,0,0,0.3); font-size: 22pt;" class="sectionHeaders">&nbsp;Обычные темы раздела</li>
                </
    xen:if>
            </
    xen:hook>
    В итоге отделяем обычные темы раздела от важных.
    2017-01-09_03-55-40.png

    Не знаю за актуальность, с CSS предлагаю играться самим.
    PS: МБ позже сделаю, что-нибудь на основе красивых нотификаций.
    PSS: Если есть ошибки или можно сделать более грамотно - просьба указать.
    PSSS: Да, я некропостер.
     
    Последнее редактирование: 9 янв 2017
    Hope нравится это.
  3. Георгий Шевченко

    Георгий Шевченко Проверенные

    Сообщения:
    2212
    Симпатии:
    4327
    Fruit, Рекомендую вот это
    style="text-shadow: 2px 4px 3px rgba(0,0,0,0.3); font-size: 22pt; background: #d88585; height: 50px;"

    Заменить на id и вынести в EXTRA.CSS
    <li id="stickyThreads" class="sectionHeaders">&nbsp;Важные темы раздела</li>
    Код:
    #stickyThreads {
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    font-size: 22pt;
    background: #d88585;
    height: 50px;
    }
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    Ну и со 2-ым, так же сделать.
    style="background: #6cb2e4; height: 50px;text-shadow: 2px 4px 3px rgba(0,0,0,0.3); font-size: 22pt;"

    Заменить на id и вынести в EXTRA.CSS
    <li id="Threads" class="sectionHeaders">&nbsp;Обычные темы раздела</li>
    Код:
    #Threads {
    background: #6cb2e4;
    height: 50px;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    font-size: 22pt;
    }
     
    Chuck Norris, Hope, mygedz и ещё 1-му нравится это.
  4. Fruit

    Fruit Проверенные

    Сообщения:
    184
    Симпатии:
    220
    Пол:
    Мужской
    Георгий Шевченко, Именно то чего мне не хватало!
    Чуть-чуть улучшил:
    PHP:
    <xen:if is="{$stickyThreads}">
            <
    li id="stickyThreads" class="sectionHeaders">&nbsp;Важные темы раздела</li>
            </
    xen:if>
            <
    xen:foreach loop="$stickyThreadsvalue="$thread">
                <
    xen:include template="thread_list_item" />
            </
    xen:foreach>
            <
    xen:if is="{$threads}">
                    <
    li id="Threads" class="sectionHeaders">&nbsp;Обычные темы раздела</li>
                </
    xen:if>
            </
    xen:hook>
    CSS для Extra.css
    Код:
    #stickyThreads {
      background: #eee;
      color: #222;
      font-family: Helvetica, Verdana, sans-serif;
      margin: 0;
      min-height:100%;
      padding: 10px 20%;
      background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,0.1) 20px, rgba(255,255,255,0.1) 40px );
      color: #fff;
      text-shadow: 0 1px 0 rgba(0,0,0,0.2);
      padding: 5px 10px;
      box-shadow:    inset 0 1px 0 rgba(255,255,255,0.5);
      border: 1px solid;
      margin: 10px 0;
      background-color: #f31;
      border-color: #d10;
    }
    #Threads {
      background: #eee;
      color: #222;
      font-family: Helvetica, Verdana, sans-serif;
      margin: 0;
      min-height:100%;
      padding: 10px 20%;
      background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,0.1) 20px, rgba(255,255,255,0.1) 40px );
      color: #fff;
      text-shadow: 0 1px 0 rgba(0,0,0,0.2);
      padding: 5px 10px;
      box-shadow:    inset 0 1px 0 rgba(255,255,255,0.5);
      border: 1px solid;
      margin: 10px 0;
      background-color: #6af;
      border-color: #48d;
    }
    На выходе:
    2017-01-09_05-23-00.png
     
    Chuck Norris, Mirovinger, Hope и 2 другим нравится это.
  5. Skaiman

    Skaiman Проверенные

    Сообщения:
    7665
    Симпатии:
    13978
    Пол:
    Мужской
    а че вы огород городите, зачем ид добавлять, там и так есть классы для них, простые - .threadListSeparator, закрепленные .threadListSeparator.sticky, а так вон повылазили полоски.
     
    Mirovinger, Fruit и Hope нравится это.
  6. Fruit

    Fruit Проверенные

    Сообщения:
    184
    Симпатии:
    220
    Пол:
    Мужской
    Собственно еще чуть-чуть правок.
    Код шаблона thread_list:

    PHP:
    <xen:if is="{$stickyThreads}">
            <
    li class="threadListSeparator sticky"><class="fa fa-exclamation-triangle"></i>&nbsp;Важные темы раздела</li>
            </
    xen:if>
            <
    xen:foreach loop="$stickyThreadsvalue="$thread">
                <
    xen:include template="thread_list_item" />
            </
    xen:foreach>
            <
    xen:if is="{$threads}">
                    <
    li class="threadListSeparator"><class="fa fa-info-circle"></i>&nbsp;Обычные темы раздела</li>
                </
    xen:if>
            </
    xen:hook>
    Код EXTRA.css:

    Код:
    .threadListSeparator.sticky {
      background: #eee;
      color: #222;
      font-family: Helvetica, Verdana, sans-serif;
      margin: 0;
      min-height:100%;
      padding: 10px 20%;
      background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,0.1) 20px, rgba(255,255,255,0.1) 40px );
      color: #fff;
      text-shadow: 0 1px 0 rgba(0,0,0,0.2);
      padding: 5px 10px;
      box-shadow:    inset 0 1px 0 rgba(255,255,255,0.5);
      border: 1px solid;
      margin: 10px 0;
      background-color: #f31;
      border-color: #d10;
    }
    .threadListSeparator{
      background: #eee;
      color: #222;
      font-family: Helvetica, Verdana, sans-serif;
      margin: 0;
      min-height:100%;
      padding: 10px 20%;
      background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,0.1) 20px, rgba(255,255,255,0.1) 40px );
      color: #fff;
      text-shadow: 0 1px 0 rgba(0,0,0,0.2);
      padding: 5px 10px;
      box-shadow:    inset 0 1px 0 rgba(255,255,255,0.5);
      border: 1px solid;
      margin: 10px 0;
      background-color: #6af;
      border-color: #48d;
    }
    На выходе имеем:
    2017-01-09_09-37-14.png
    PS: Как я понимаю это самый правильный вариант, дальше уже только собственная фантазия.
     
    TwiX, YaHZ и Hope нравится это.
  7. Skaiman

    Skaiman Проверенные

    Сообщения:
    7665
    Симпатии:
    13978
    Пол:
    Мужской
    :-) не самый правильный, тогда уж фразы надо сделать и убрать этот костыль &nbsp, добавить отступ в css, да и класс sectionHeaders заменять не надо, я ж написал, что уже и так определен для них класс, только в css указать.
    Я когда то делал, в дополнение собрал, только со стилями не заморачивалься :-) Для примера.

    Да еще, только глянул на сам код :-) он у тебя сам себе противоречит :-)
    PHP:
    .threadListSeparator.sticky {
      
    background#eee; /* background - первое */
      
    color#222; /* color - первое */
      
    font-familyHelveticaVerdanasans-serif;
      
    margin0/* margin - первое */
      
    min-height:100%;
      
    padding10px 20%; /* padding - первое */
      
    background-imagerepeating-linear-gradient(-45degtransparenttransparent 20pxrgba(255,255,255,0.120pxrgba(255,255,255,0.140px );
      
    color#fff; /* color - второе */
      
    text-shadow0 1px 0 rgba(0,0,0,0.2);
      
    padding5px 10px/* padding - второе */
      
    box-shadow:    inset 0 1px 0 rgba(255,255,255,0.5);
      
    border1px solid;
      
    margin10px 0/* margin - второе */
      
    background-color#f31; /* background - второе */
      
    border-color#d10;
    }
    Во втором классе тоже самое :-)
     

    Вложения:

    стася1984, Chuck Norris, Fruit и 3 другим нравится это.
  8. Fruit

    Fruit Проверенные

    Сообщения:
    184
    Симпатии:
    220
    Пол:
    Мужской
    Skaiman, Выспался, поправил.
    Благодарю.)
     
  9. стася1984

    стася1984 Проверенные

    Сообщения:
    4
    Симпатии:
    2
    Пол:
    Женский
    Fruit, а можно для не особо сообразительных подробнее описать что и куда прописывать чтоб вышло как на вашем итоговом скрине?) заранее спасибо за внимание)
     
    Fruit и mygedz нравится это.
  10. Fruit

    Fruit Проверенные

    Сообщения:
    184
    Симпатии:
    220
    Пол:
    Мужской
    стася1984, выше Skaiman выложил в дополнении.
    Для модификации стиля идешь сюда: admin.php?styles/, заходишь в шаблоны нужного стиля, дальше ищешь шаблон Extra.css и в нём уже по образцу выше добавляешь то, что нужно :-)
    Или в чём проблема? Задавайте вопросы, тут всегда рады ответить)
     
    Последнее редактирование: 10 янв 2017
    Hope и Mirovinger нравится это.
  11. стася1984

    стася1984 Проверенные

    Сообщения:
    4
    Симпатии:
    2
    Пол:
    Женский
    спасибки. вопрос есть.
    с EXTRA.CSS более менее понятно. но а ваш код
    Код:
    <xen:if is="{$stickyThreads}">
            <li class="threadListSeparator sticky"><i class="fa fa-exclamation-triangle"></i>&nbsp;Важные темы раздела</li>
            </xen:if>
            <xen:foreach loop="$stickyThreads" value="$thread">
                <xen:include template="thread_list_item" />
            </xen:foreach>
            <xen:if is="{$threads}">
                    <li class="threadListSeparator"><i class="fa fa-info-circle"></i>&nbsp;Обычные темы раздела</li>
                </xen:if>
            </xen:hook>
    ставим в thread_list, так? я вот в шаблоне в дефолтном стиле учусь сейчас, мне надо заменить изначальный кусок кода в thread_list на тот, который тут выше?) просто если да, то мне выдает ошибку синтаксиса шаблонов в 53 строке. не могу понять куда я не так его ставлю?
     
  12. Fruit

    Fruit Проверенные

    Сообщения:
    184
    Симпатии:
    220
    Пол:
    Мужской
    Находите строку: <xen:hook name="thread_list_stickies">
    Ниже нее идет содержимое:
    PHP:
    <xen:foreach loop="$stickyThreadsvalue="$thread">
                <
    xen:include template="thread_list_item" />
            </
    xen:foreach>
    Вот его и нужно менять.
    Собственно где и что менять написано тут: Отделяем важные темы от обычных я лишь чуть-чуть дополнил.
     
    Последнее редактирование: 10 янв 2017
    mygedz и Hope нравится это.
  13. nynCuKaH

    nynCuKaH Проверенные

    Сообщения:
    63
    Симпатии:
    9
    Пол:
    Мужской
    Как сделать не отделение, а как бы заливку. Как у вас на форуме.
    Новости XenForo
     
  14. Fruit

    Fruit Проверенные

    Сообщения:
    184
    Симпатии:
    220
    Пол:
    Мужской
    Поиск сломался?
    (XFI) Важные темы
     
    Exile, TwiX, Mirovinger и 2 другим нравится это.
  15. nynCuKaH

    nynCuKaH Проверенные

    Сообщения:
    63
    Симпатии:
    9
    Пол:
    Мужской
    Fruit, Тэги сломались, а не поиск.
     
  16. GERRARD

    GERRARD Участники

    Сообщения:
    27
    Симпатии:
    4
    Пол:
    Мужской
    Здесь есть беда, в переводе движка, и по этому не все на русском, но можно сделать по хитрому и дописать русский текст в кое какое место и выйдет как у меня.

    upload_2017-2-6_12-59-56.png

    Этот текст и темы я дописал в ручную.
     
  17. Exile

    Exile Администрация

    Сообщения:
    5156
    Симпатии:
    10173
    Пол:
    Мужской
    GERRARD,
    Оффтоп:
    Настоящий хакер - браузер Амиго, все как положено. Прямые донесения в ФСБ на самого себя.
     
    Shimikami, sQilver, Fruit и 4 другим нравится это.
  18. GERRARD

    GERRARD Участники

    Сообщения:
    27
    Симпатии:
    4
    Пол:
    Мужской
    как лайк поставить тебе? ехехе
     
www.megastock.ru

Email: XenForo.Info@yandex.ru. Skype: XenForo.Info