первое задание - слушай и вникай. хд возможно ты это знаешь,но моя задача - тебе всё объяснить и показать.
эта табличка мне не раз помогала и спасала меня прямо таки. так что лучше и ты её сохрани где нибудь.

Отредактировано априори. (2012-06-03 23:11:28)

просто в некоторых случаях можно установить в процентах. Проценты хороши в том,что они не требуют точности.
если ты не уверена сколько пикселей тебе нужно отступа,чтобы текст не залезал на рамку,то лучше установи %,потому что ты на глаз определишь сколько,примерно,это процентов нужно тебе для той или иной задачи. и не промахнёшься. комп за тебя всё остальное сделает. но % не всегда и везде можно используют,только там,где не важна точность. мы потом столкнёмся с этой задачей и ты поймёшь.
читай понимай,но ничего не предпринимай.

Пункт три. Обработка детали

Итак, вы открываете на своем форуме страницу Администрирование – Свой стиль. Очищаете окно «Структура» и вставляете туда ваш первый полученный код . Точно так же очищаете окно «Цвета» и вставляете туда второй скопированный код. Переставляете флажок вверху на «Использовать свой стиль – Да» и сохраняете изменения…
Все беленькое, чистенькое, чего вам не нравится?
Скимитар жестоко шутит. Разумеется, сейчас мы оденем наш форум, ставший на пару минут девственником-нудистом.
Рассматриваем наш код структуры. Самую верхушку:

Здесь нам следует произвести одну маленькую, но глобально важную замену:

Сохраняем изменения. Форум приобретает узнаваемые оттенки выбранного стиля оформления
Теперь смотрим сохраненный код Структуры. Просто смотрим. Считайте, что мы с ним знакомимся. Здравствуйте, Скимитар, очень приятно…
Помните: CSS американец, он говорит по-английски, писать и разговаривать мы с ним тоже будем по-английски, русский шрифт недопустим. Закоротит и покусает, собака бешеная…
Помалу вспоминаем правила, изложенные в Пункте Первом, про построения кодов. Видим знакомые черты? Конечно, видим. Начинаем понемногу в этом ориентироваться, это не так уж и сложно. Достаточно желания и крутящегося колесика мышки.
Далее работаем пока только с документом Структура.

Отредактировано априори. (2012-06-03 23:36:08)

хорошо. ну,это не так важно,всего лишь,чтобы ты имела понятие что и зачем.
дальше будет САМОЕ ВАЖНОЕ. это надо понять и запомнить.

Шрифт
Раздел А3 определяет параметры шрифта на вашем форуме.

Каждый их пунктов – А3.1, А3.2, А3.3 и так далее – отвечает за шрифтовые наборы в определенном элементе или группе элементов форума. Пример:

Первая строка – как водится – кодировка пункта. В этом случае это – А3.3 .
Вторая строка - .punbb textarea, .punbb input, … - в состоянии показать нам, в каком именно элементе вы нынче можете регулировать шрифт.
Третья строка – уже непосредственно задает параметры шрифтовой схемы. Разберем поподробней:
1em – исходя из размерностей, приведенных в начале урока, это высота шрифта
verdana, arial, helvetica, sans-serif – семейство шрифтов. На данный момент их четыре. Вы можете добавить свои, заменить существующие или вообще – взять и оставить всего лишь одно. Если вы придирчиво произведете усечение всех семейств до одного во всех пунктах раздела A3 Text setur, то ваш форум от начала и до конца будет во всех элементах отображать одинаковый шрифт. Лично мне это кажется весьма удобным и гармоничным.
Разберем еще один случай:

Здесь мы видим, как в одном пункте сгруппированы условия для нескольких элементов. Разглядывая код, параллельно косим глазом в ту шпаргалку, что я дал вам в самом начале – с подробной расшифровкой параметров и их значений. Из тьмы разума выплывает осознание, что font-weight: bold; - это утолщенный шрифт, а font-size: 1 em; - всё та же высота букв.

полностью окно А3 регулирует шрифт,размер и т.д букв на ФОРУМЕ. то есть как текст будет отображаться в таблице и информационных постах(простые наши посты),даже то как мы пишем в окне "быстрый ответ" и как оно отобразится потом,тоже определяет целое окно А3. Я тебе потом просто покажу,в процессе, где это регулируется и всё. а вот шрифт в категориях, "форум,участники" и т.д это совершенно иной путь.

Положение страниц и размеры форума
Одним из весьма важных параметров вашего форума будет расположение страниц и их ширина. За сии параметры будет ответственен раздел А5:

Разберем поподробней.
Первая строка – что? Верно, кодировка пункта, А5.1.
Вторая строка - #pun – поясняет, что параметры распространяются на все страницы ресурса, эдакую базисную сетку, где располагаются все остальные элементы.
Третья строка – margin. Сверяясь со шпаргалкой, мы понимаем, что это линия отбивки дочернего объекта. Именно этот параметр и обеспечивает положение страницы форума относительно границ окна вашего браузера. Можно задавать значения как в пикселях, так и в процентах, варьируя положение как вашей душе будет угодно.
Четвертая строка – width – ширина. Параметры можно задавать как в пикселях, так и в процентах. Законы веб-дизайна советуют подобный параметры задавать все-таки в процентах – ведь в наше время различия между разрешениями экранов скачут, как белки, у разных пользователей. Скажем, у меня стандартный LG Flatron F700P с разрешением 1024*768. А вот у подруги – плоский монитор с разрешением побольше, следовательно, картинка, которая мне на экране будет в самый раз, у нее будет смотреться заметно меньше по размерам. Чтобы ваш форум одинаково удобен был на экранах у каждого вашего посетителя – следует задавать ширину страниц в процентах. Хотя для установки логотипа или шапки – наиболее прост и удобен метод ширины в процентах. Тогда страница будет жестко закреплена в каждом из разрешений, вместе с установленным графическим элементов (шапкой или лого). Этот способ аккуратней, но опять же – проблемы мониторов и отображений. Выбирайте самостоятельно.
Пятая строка нашего кода – padding – линия отбивки материнского объекта. По сути своей, не углубляясь в ужасы профессиональной верстки – лучше его не трогать. По крайней мере, в данном случае.
Итак, мы смогли с вами соорудить и разместить страницы вашего форума и обработали основные шрифты. Гоним за второй порцией какао и читаем дальше.