Единый форум поддержки

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

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

Вы здесь » Единый форум поддержки » Администрирование форума » Изменение шрифтов

Изменение шрифтов

Страница: 1

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

1

  • Автор: Dedoff
  • Стремящийся
  • Зарегистрирован: Сб, 20 Июн 2015
  • Сообщений: 4
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Ср, 1 Июл 2015 16:53:27

Здравствуйте!

Ни разу не программист, но появилась необходимость в создании форума.
Обратился на Вас ресурс, понравилось, вот что удалось сделать за пару свободных дней:
http://house.mybb.ru/
Подскажите, пожалуйста, как изменить размеры шрифтов в различных местах.

Увеличение шрифта от стандартного нашел, сделал, но он увеличил везде.
Хотелось бы сохранить такой же шрифт в сообщениях, а под аватаркой, где информация о пользователе,  сделать его меньше.
На главной тоже, категории уменьшить чуть, и подписывание их соответственно.

А еще, если можно ограничить длину строки сообщения, чтобы была более компактна и читабельна.

В общем, подскажите, как по изменять размеры шрифтов, в разных местах по разному. Спасибо большое.

Отредактировано Dedoff (Пн, 22 Июн 2015 09:21:35)

0

2

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7393
  • Уважение: +5894
  • Позитив: +6521
  • Пол: Мужской
  • Последний визит:
    Сегодня 10:48:19
Dedoff написал(а):

Подскажите, пожалуйста, как изменить размеры шрифтов в различных местах.

Первый момент для поиска нужных селекторов и изменения их свойств используйте Инструменты встроенные в браузеры: Инструменты для поиска и редактирования стиля (скриптов).
Второй момент, это лучше убрать:

<style type="text/css">
body {
font-size: 120%;
}
</style>

А редактировать шрифт в конкретных местах, вот некоторая часть:
Редактирование названия форума:

Код:
<style type="text/css">
#pun-title h1 span {
  font-size: 1.5em;
}
</style>

Меню (Форум, Участники и т.д.):

Код:
<style type="text/css">
#pun-navlinks li a {
  font-size: 1.1em;
}
</style>

Меню (Активные темы, Ответы, Темы без ответов, Мои сообщения и т.д.):

Код:
<style type="text/css">
#pun-ulinks li a {
  font-size: 1.1em;
}
</style>

Внизу название форума:

Код:
<style type="text/css">
#pun-crumbs2 .container {
  font-size: 1.1em;
}
</style>

На счет других изменений - откройте форум для гостей.

Отредактировано kolobdur74 (Пн, 22 Июн 2015 11:50:51)

+1

3

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51439
  • Уважение: +15399
  • Позитив: +11949
  • Последний визит:
    Сегодня 13:44:11

Dedoff Вверху, в главном меню, есть Справочник. Можно начать с этого FAQ по дизайну форума в CSS

0

4

  • Автор: Dedoff
  • Стремящийся
  • Зарегистрирован: Сб, 20 Июн 2015
  • Сообщений: 4
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Ср, 1 Июл 2015 16:53:27

kolobdur74
Deff
Спасибо большое за направление для движения

0

5

  • Автор: tartar happy
  • Заблокирован
  • tartar happy
  • Зарегистрирован: Пт, 15 Май 2015
  • Сообщений: 83
  • Уважение: -2
  • Позитив: 0
  • Пол: Мужской
  • Предупреждения: 1) Мультипостинг; 2) Флуд 3) Странности
  • Последний визит:
    Чт, 14 Сен 2023 07:25:48

я делал скрин с западного сайта сваего форума и шифт сообщений в нЁм был другим, стандартным. почему?

0

6

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3566
  • Уважение: +2337
  • Позитив: +755
  • Пол: Мужской
  • Последний визит:
    Вчера 21:42:27

tartar happy
Тут может быть несколько причин, но самая частая причина - на компьютере отсутствует шрифты, прописанные на сайте, поэтому берутся стандартные (системные).

+1

Страница: 1

Вы здесь » Единый форум поддержки » Администрирование форума » Изменение шрифтов