АвторСообщение
злой гений




Пост N: 1783
Ответственность: Общ.организация, другая деятельность - по запросу
Зарегистрирован: 19.09.06
Рейтинг: 14
ссылка на сообщение  Отправлено: 31.05.08 15:51. Заголовок: [Дизайн] Статья: Настройка стилей шрифтов на FastBB


Для отображения шрифтов на 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

Самообразование - это главное и основное.
http://htmlbook.ru/ - мощный справочник по HTML и CSS
Корректный код - коректно отображается.
Спасибо: 0 
ПрофильЦитата Ответить
Новых ответов нет


Ответ:
1 2 3 4 5 6 7 8 9
большой шрифт малый шрифт надстрочный подстрочный заголовок большой заголовок видео с youtube.com картинка из интернета картинка с компьютера ссылка файл с компьютера русская клавиатура транслитератор  цитата  кавычки моноширинный шрифт моноширинный шрифт горизонтальная линия отступ точка LI бегущая строка оффтопик свернутый текст

показывать это сообщение только модераторам
не делать ссылки активными
Имя, пароль:      зарегистрироваться    
Тему читают:
- участник сейчас на форуме
- участник вне форума
Все даты в формате GMT  3 час. Хитов сегодня: 5
Права: смайлы да, картинки да, шрифты да, голосования нет
аватары да, автозамена ссылок вкл, премодерация откл, правка нет



в отличии от других моделей, Samsung Galaxy Star имеет вместительное дисковое пространство в этом интернет магазине