ForumD.ru - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Финансовая помощьРеклама на сайте
Стать модераторомОтзывы

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Дополнительные шрифты, размеры и отображение списка шрифтов


Дополнительные шрифты, размеры и отображение списка шрифтов

Сообщений 1 страница 2 из 2

1

Дополнительные шрифты в форму ответа
Добавляет в форму ответа новые шрифты.
https://forumstatic.ru/files/000d/25/1f/33701.jpg

Автор: Герда
Платформа: MyBB

<!--дополнительные шрифты -->
<script type="text/javascript">
$(document).ready(function(){

     $("#font-area").append('<div style="font-family:Bebas Neue"><span>Bebas Neue</span><img onclick="bbcode(\'[font=Bebas Neue]\',\'[/font]\')" src="/i/blank.gif" /></div>');

});
</script>

жирную строчку размножаем на количество необходимых шрифтов
красным - названия новых шрифтов


Дополнительные размеры текста в форму ответа
Добавляет в форму ответа новые размеры текста.
http://forumfiles.ru/uploads/0007/e3/f7/2/553014.png

Автор: Герда

<!--дополнительные шрифты -->
<script type="text/javascript">
$(document).ready(function(){

     $("#size-area").append('<div style="font-size:22px"><span>22px</span><img onclick="bbcode(\'[size=22]\',\'[/size]\')" src="/i/blank.gif" /></div>');

});
</script>

жирную строчку размножаем на количество необходимых размеров
красным - новые размеры


Изменение отображения контейнера шрифтов
Css-решения для отображения списка шрифтов для удобство их использования: с прокруткой или в строчку
http://forumfiles.ru/uploads/0007/e3/f7/2/784979.png

Добавляем автопрокрутку в контейнер:

#font-area {
    max-height: 200px;
    overflow: auto;
}

Синим - максимальная высота блока с шрифтами.

Ставим шрифты в строчку:

#font-area {
    width: 90%;
}
#font-area div {
    display: inline-block;
    margin: 0 5px !important;
}

синим - ширина контейнера

Ставим шрифты столбцами:
https://i.gyazo.com/775d9e18d9ab7b5f545ac63b44198903.png

Код:
#font-area {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#font-area div {
    -webkit-flex-basis: 12em;
    flex-basis: 12em;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

+1

2

заменила скрипт доп.шрифтов на новую версию (в связи с изменениями на сервисе) + добавила скрипт дополнительных размеров текста.

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Дополнительные шрифты, размеры и отображение списка шрифтов