Форум » Помощь по коду » [Дизайн] Статья: Настройка стилей шрифтов на FastBB » Ответить
[Дизайн] Статья: Настройка стилей шрифтов на FastBB
Zenitchik: Для отображения шрифтов на FastBB используются стили: .font1{} основной шрифт сообщений .font2{} мелкий шрифт, ссылки навигации по форуму .font3{} шрифт заголовков тем в таблице форума или ответов в гостевых книгах. Он же шрифт ников (дополнительно ники заключены между тегами <b>) и заголовок статистики .font4{} шрифт текстовых кнопок при выборе в профиле замены графических кнопок на текстовые .font5{} шрифт заголовка в шапках .font6{} шрифт разделительной полосы между разделами на главной форума Следующие стили являются уточнениями к предыдущим: tr.font3 {} - вид заголовока статистики tr.font5 {} - вид заголовока главной таблицы форума tr.font6 {} - вид разделительной полосы между разделами на главной форума Какие свойства могут быть у шрифтов? font-family - задает используемый шрифт. ПРИМЕР: font-family:Arial; font-size - задает размер шрифта Может задаваться в любых единицах: px - пикселы in - дюймы cm - сантиметры mm - миллиметры pt - точки (1pt = 1/72in) Кроме того, существуют константы: xx-small, x-small, small, medium, large, x-large, xx-large - эти размеры могут отличаться в разных браузерах. ПИРИМЕР: font-size:9px; font-size:small; color - задает цвет текста Можно задавать цвета по названию, например - blue, red, green, yellou, grey и т.д. Можно задавать их номером, например #0000FF, #FF0000, #00FF00, #FFFF00, #808080 и т.д. (приведены те же цвета, что и выше) Если вы не помните названий и не разбираетесь в шестнадцатеричных номерах, можно использовать функцию rgb(красный, зеленый, синий) - где красный, зеленый и синий - количество этих цветов в смеси - от 0 до 255. ПРИМЕР: color: red; color: #FF0000; color: rgb(255,0,0); font-style - задает обычное, наклоное или курсивное начертание Возможные значения: normal - без изменений italic - курсив oblique - наклонный - это не тоже самое, что курсив, курсив - имитирует рукописное начертание, а наклонный - только наклоняет стандартные символы. font-weight - задает толщину шрифта Возможные значения: normal - без изменений bold - жирный bolder - очень жирный lighter - тонкий любое значение из: 100, 200, 300, 400, 500, 600, 700, 800, 900. Браузер не всегда может корректно отобразить тошщину шрифта. Это зависит от размера. ПРИМЕР: font-weight:bold; text-decoration - задает мигание, подчеркивание, надчеркивание или перечеркивание текста Возможные значения: blink - мигающий line-through - зачеркнутый overline - надчеркнутый underline - подчеркнутый none - нет эффекта ПРИМЕР: text-decoration:underline; font-variant - задает стиль начертания строчных букв: обычный или как уменьшенные заглавные. Возможные значения: normal - без изменений small-caps - сточные буквы выглядят как заглавные, но меньше размером. ПРИМЕР: font-variant:small-caps; Как описывать стиль с помощью его свойств? Очень просто. Свойства перечисляются через точку с запятой внутри фигурных скобок нужного нам шрифта. Например, я решил сделать основной шрифт сообщений Arial, 12 пиксель в высоту. Я смотрю выше и вижу, что этот шрифт обозначается .font1. Пишу: .font1{font-family:Arial;font-size:12px;} Пишите аккуратно! Не забывайте точку в начале - лишних знаков здесь нет. Не пропускайте двоеточия и точки с запятой! Другой пример: я решил настроить шрифт заголовков тем подчеркнутым, Arial и 12 px в высоту. Посмотрел, какие шрифты за это отвечают, пишу: .font3{font-family:Arial;font-size:12px;text-decoration:underline;} В стилях tr.font3 {} - заголовок статистики tr.font5 {} - заголовок главной таблицы форума tr.font6 {} - шрифт разделительной полосы между разделами на главной форума нужно также указывать высоту строки, например: tr.font3 {height:28px;} tr.font5 {height:28px;} tr.font6 {height:28px;} Высота - height - может задаваться в любых единицах, так же как и размер шрифта. Рекомендую статью CSS - очень полезна начинающим. Статьи из htmlbook: font-family font-size color font-style font-weight text-decoration font-variant
Ответов - 0
полная версия страницы