Данная тема - обзор нового функционала, добавленного на сервисе, особенно - который заменяет необходимость использования скриптов. А также другие новости, связанные с МуBB.ru
Новые возможности форумов МуBB.ru и новости
Сообщений 21 страница 30 из 89
Поделиться124.07.20 13:57
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Поделиться2120.08.20 13:40
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Полноценная форма ответа в подписи
теперь при редактировании подписи у вас подгружается полноценная форма ответа со всеми скриптами, кодами и бб-тегами.
если у вас стоял скрипт Кнопки BB-кодов при редактировании подписи - удаляйте. он больше не нужен.
Кстати, теперь можно легко и просто оставить инструкции по заполнению подписи через HTML в форме ответа. Например:
Код:
<div id="userinfo">
<font color="#e63737"><b>ВНИМАНИЕ!</b></font> В подписи запрещены ссылки на конкурирующие форумы!
</div>
<style>
#userinfo {display: none;}
#profile5 #userinfo {display: block;}
</style>
Такая надпись будет отображаться только при редактировании подписи. 
Поделиться2209.09.20 21:26
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Выделение названий полей профиля, Сокрытие названий дополнительных полей
Новость уже старая, но в этом топике еще не обозревалась, поэтому опишу тут обновления, которые помогут упростят жизнь админам, которые еще не в курсе. к тому же на некоторых форумах бывают проблемы со старыми скриптами.
Скрипты Выделение/сокрытие названий полей профиля (MyBB) [Deff] более НЕ АКТУАЛЬНЫ!!
Раньше название поля можно было "трогать" только скриптами, но теперь на сервисе появился специальный селектор .fld-name для названия пункта профиля: 
в связи с этим делаю полный разбор замены старых скриптов на css-коды.
Как убрать названия в дополнительных полях профиля в топике?
НИ В КОЕМ СЛУЧАЕ НЕ ИСПОЛЬЗУЙТЕ СКРИПТ!!!
Старый скрипт "ломает" профиль. При использовании html в содержимом профиле, отображается некорректно.
теперь мы делаем это через стиль:
.pa-fld1 .fld-name {display: none;}
вместо красного - номер доп.поля.
чтобы убрать сразу для всех полей, делаем так:
.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {display: none;}
Как выделять, раскрашивать или убрать названия в других полях профиля в топике?
Действуем также через css.
Вот "универсальный" код для вас.
.pa-fld1 .fld-name, /* Поле №1 */
.pa-fld2 .fld-name, /* Поле №2 */
.pa-fld3 .fld-name, /* Поле №3 */
.pa-fld4 .fld-name, /* Поле №4 */
.pa-fld5 .fld-name, /* Поле №5 */
.pa-from .fld-name, /* Откуда */
.pa-reg .fld-name, /* Зарегистрирован */
.pa-invites .fld-name, /* Приглашений */
.pa-posts .fld-name, /* Кол-во сообщений */
.pa-respect .fld-name, /* Уважение */
.pa-positive .fld-name, /* Позитив */
.pa-sex .fld-name, /* Пол */
.pa-age .fld-name, /* Возраст */
.pa-ip .fld-name, /* IP Юзера */
.pa-time-visit .fld-name, /* Провел на форуме */
.pa-last-visit .fld-name, /* Последний визит */
.pa-online .fld-name /* Пользователь online */ {
display: none; /* удалить названия полей */
font-weight: bold; /* сделать жирным */
color: #0481d9; /* ваш цвет текста */
}
Синим подписаны поля. Удалите ненужные строчки (где названия полей НЕ хотите трогать). ВНИМАНИЕ! последняя строчка перед зеленой скобкой должна быть БЕЗ ЗАПЯТОЙ.
Жирным (подписаны красным) выделены свойства названий полей. Выберете, что хотите делать с названиями и удалите лишние строчки!
Если хотите удалить названия полей - оставьте display: none; (остальное не нужно)
Если хотите раскрасить или выделены - удаляйте строчку display: none; и редактируйте цвет.
Можно также добавить любые свои цсс-свойства.
Поделиться2311.09.20 05:23
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Корректировка дизайна в форме ответа теперь проще!
Недавно все всплывающие контейнеры в форме ответа (которые содержат выбор шрифта, цвета, смайла и т.д.) обернули в общий div:
Раньше все эти контейнеры висели "в пустоте" и при желании что-то поправить (например, изменить фон, сделать рамочку, поправить отступ сверху) приходилось перечислять их все:
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {...}
теперь в тех же экстра-стилях можно наблюдать вот такой код для всплывающих контейнеров формы ответа:
#tags .container {
position: absolute;
right: 6px;
top: 43px;
}
отныне можно очень быстро и просто поправить стили сразу для всех контейнеров! Ура!
а уж если вы решите красить в разные цвета радуги каждый контейнер, то только тогда придется наворачивать коды по селекторам area.
Поделиться2411.09.20 12:03
- Участник
- Уважение: +166
- Достижения/подарки: cake 1 emoji_events 2
- Наградные баллы: 77
Герда написал(а):
#tags .container
как ты это находишь?
Поделиться2511.09.20 12:16
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Гуру написал(а):
Герда написал(а):#tags .container
Вот конкретно это - чисто случайно. 
На майбб новый админ kernel и он дофига всего улучшает постоянно. Вот только хвастаться проделанной работой - это не его. Поэтому и завела этот топик.
Поделиться2618.09.20 18:20
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Небольшой спойлер:
функционал на данный момент на стадии бета-теста.
скоро будет возможным регистрировать пользователей прямо из админки.
Поделиться2720.09.20 04:41
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Начали появляться уникальные селекторы на страницах редактирования профиля:
теперь можно удобно подправить стиль каждого конкретного пункта на странице редактирования или изменить названия и назначение некоторых полей.
Например для добавления своего мини-описания под пунктом профиля приходилось делать вот так:
#profile2 p.areafield label[for="fld10"]:after {}
новичку в css с этим справиться тяжеловато, да и профи не удобно выписывать такой длинный селектор
теперь такая же манипуляция возможна кодом:
#about-me label:after {}
Поделиться2824.09.20 17:09
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Новые селекторы
Появились селекторы у кнопок голосования за пост
раньше мы могли строгать селекторы через конструкции типа
.post-vote .container a:first-child или .post-vote .container a[href*="&v=1"]
теперь это делается через нормальный селектор:
Код:
.post-vote .container .negative
также встроенные в html-код стили "переехали" в экстра-стили майбб и теперь легче их "перебить" своими стилями.
Новый селектор для текста "перемещена"
Теперь появился селектор .redirecttext для текста "Перемещена: " у перемещенных топиков.
Классы ссылок в профиле
Появились отдельные классы для ссылок на странице профиля: Послать e-mail, Отправить ЛС, Показать все сообщения, Показать все темы
Поделиться2925.09.20 10:41
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Новый селектор для стиля скрытого текста
на майбб скоро станет возможным делать отдельный стиль для скрытого текста:
цитата
появится дополнительный селектор hide-box
Для стилизации блока:
Код:
.post-content .quote-box.hide-box {сюда коды}Для стилизации текста "скрытый текст":
Код:
.post-content .quote-box.hide-box cite {сюда коды}Поделиться3026.09.20 13:59
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Новые селекторы кнопок создания топиков и ответа в тему!
Обновление пока что тестируется и скоро появится на форумах.
на данный момент с кнопками "новая тема", "новый опрос" и "ответить" творится полный бардак - и них разный код на всех страницах.
подробнее
на странице списка топиков:
Код:<div class="postlink" style="width:30em"> <span style="padding-right:12px"> <a href="http://tzgame.mybb.ru/post.php?fid=1" rel="nofollow">Новая тема</a> </span> <span> <a href="http://tzgame.mybb.ru/poll.php?fid=1" rel="nofollow">Новый опрос</a> </span> </div>на странице топика:
Код:<div class="postlink"> <a href="http://tzgame.mybb.ru/post.php?tid=1" rel="nofollow"> <span>Ответить</span> </a> </div>и мое самое "любимое"- на странице ЗАКРЫТОГО топика:
Код:<div class="postlink"> Тема закрыта / <a href="http://tzgame.mybb.ru/post.php?tid=13">Ответить</a> </div>
Теперь код кнопок будет выглядеть так:
|
|
|
код приведен к единому виду, на всех страницах: div + span + a
появились доп.селекторы у нового топика и опроса: new-topic и new-poll
появился span с классом closed у надписи "тема закрыта" - теперь можно позиционировать эту надпись или скрыть при необходимости.
html-стили перенесены в файл экстра-стилей и теперь их будет легче "перебить" через свой стиль
Это все означает, что скрипты меняющие эти кнопки на картинки или текст надписей уходят в прошлое. Теперь с этими задачами можно справиться через свой стиль или CSS.
Например, только что была перекрашена кнопка "новый опрос" просто кодом:
.postlink .new-poll a {
background: #26af33;
border-bottom: 6px solid #1c8426;
}
Уникальные фиксированные классы для категорий!
Обновление пока что тестируется и скоро появится на форумах.
Для категорий появятся уникальные классы, которые не зависят от порядка расстановки категорий и их видимости для групп пользователей:
Что это для нас означает?
Теперь можно настраивать стиль каждой категории и каждого заголовка категорий через CSS.
Раньше с этим были проблемы, т.к. если пользователь не видит какую-то категорию, для него нумерация категорий меняется и стили отображаются не правильно.
Проблема решалась через скрипты - теперь скрипты можно будет смело хоронить и справляться через CSS.
Как только обновление появится на всех форумах, я обновлю коды в этих топиках и заменю все скрипты на CSS-решения:
Большая иконка категории
Отдельные картинки для заголовков категорий
Описание категорий: текст, картинки, спойлер (CSS)
