вот макет.
На тестовике цвет фона изменила, цвет текста пока не меняла.
slastnicova #1
Сообщений 61 страница 70 из 82
Поделиться612012-12-17 17:39:27
- Участник
- Зарегистрирован: 2012-11-16
- Приглашений: 0
- Сообщений: 31
- Уважение: +3
- Позитив: +0
- Провел на форуме:
14 часов 16 минут - Последний визит:
2013-01-16 19:04:37
Поделиться622012-12-17 22:12:15
slastnicova, а ведь можно футер сделать просто цветом?))
Поделиться632012-12-18 07:48:47
- Участник
- Зарегистрирован: 2012-11-29
- Приглашений: 0
- Сообщений: 63
- Уважение: +1
- Позитив: +1
- Провел на форуме:
1 день 12 часов - Последний визит:
2014-11-13 11:45:52
Как-то так...
Отредактировано Киви (2012-12-18 09:18:47)
Поделиться642012-12-20 10:53:44
- я странное слово-мама
- Откуда: Москва
- Зарегистрирован: 2012-06-02
- Приглашений: 0
- Сообщений: 496
- Уважение: +31
- Позитив: +3
- Пол: Женский
- Возраст: 31 [1993-10-20]
- Провел на форуме:
4 дня 21 час - Последний визит:
2015-06-13 07:49:36
Аня, работа выполненна хорошо.
Олеся, смени цвет ссылок, чтобы их было видно.
Богдан, работа выполненна хорошо.
Саш, убери синий фон с форума.
Поделиться652012-12-20 13:03:30
- Участник
- Зарегистрирован: 2012-11-16
- Приглашений: 0
- Сообщений: 31
- Уважение: +3
- Позитив: +0
- Провел на форуме:
14 часов 16 минут - Последний визит:
2013-01-16 19:04:37
slastnicova
говорю ж, цвет текста и ссылок пока не меняла.
Готово :З
Поделиться662012-12-20 22:26:30
- Участник
- Зарегистрирован: 2012-06-23
- Приглашений: 0
- Сообщений: 401
- Уважение: +6
- Позитив: +6
- Провел на форуме:
5 дней 19 часов - Последний визит:
2015-02-07 23:01:11
slastnicova
У меня, вроде, его нет..(макет будет к выходным))
Поделиться672012-12-21 09:40:15
- я странное слово-мама
- Откуда: Москва
- Зарегистрирован: 2012-06-02
- Приглашений: 0
- Сообщений: 496
- Уважение: +31
- Позитив: +3
- Пол: Женский
- Возраст: 31 [1993-10-20]
- Провел на форуме:
4 дня 21 час - Последний визит:
2015-06-13 07:49:36
Лилитана
Поделиться682012-12-24 22:47:21
- Участник
- Зарегистрирован: 2012-11-16
- Приглашений: 0
- Сообщений: 31
- Уважение: +3
- Позитив: +0
- Провел на форуме:
14 часов 16 минут - Последний визит:
2013-01-16 19:04:37
slastnicova
ну как, обучение продолжаем?
Поделиться692012-12-25 08:19:37
- я странное слово-мама
- Откуда: Москва
- Зарегистрирован: 2012-06-02
- Приглашений: 0
- Сообщений: 496
- Уважение: +31
- Позитив: +3
- Пол: Женский
- Возраст: 31 [1993-10-20]
- Провел на форуме:
4 дня 21 час - Последний визит:
2015-06-13 07:49:36
хель;
да, продолжаем, сегодня вечером напишу урок.
Поделиться702012-12-25 12:57:21
- я странное слово-мама
- Откуда: Москва
- Зарегистрирован: 2012-06-02
- Приглашений: 0
- Сообщений: 496
- Уважение: +31
- Позитив: +3
- Пол: Женский
- Возраст: 31 [1993-10-20]
- Провел на форуме:
4 дня 21 час - Последний визит:
2015-06-13 07:49:36
Далее мы работаем в первом окне стиля!
Шаг №7. Разберем поверхностно первое окно стиля.
Блок A2 Deal with browser defaults and wonkiness отвечает за отображение форума в браузере.
Блок A3 Text setup отвечает за текст на всём форуме.
Блок A4 Float clearing and hidden items отвечает за поверхностную очистку и скрытие элементов.
Блок A5 Basic page layout and borders отвечает за основной макет страницы и границы.
Блок B1 Parsed Content, Signatures and Scroll Boxes отвечает за разбор на содержание,подписи и движки.
Блок B2 Information boxes отвечает за блок информации.
Блок B3 Pagination and posting links отвечает за разбивку на странице и размещение ссылок.
Блок C1 Form layout отвечает за форму макета.
Блок C2 Table layout отвечает за таблицу макета.
Блок C3 Topics отвечает за темы.
Блок C4 Moderator menu отвечает за модераторское меню.
Блок C5 Message boxes отвечает за страницу сообщений.
Блок C6 Profile отвечает за страницу профиля.
Блок C7 User list отвечает за страницу со списком пользователей.
Блок D1 Logo and description отвечает за лого и описание форума.
Блок D2 Page navigation отвечает за навигацию на странице.
Блок D3 Forum navigation отвечает за навигацию на форуме.
Блок D4 User links отвечает за пользовательские ссылки.
Блок D5 Welcome box and Top Breadcrumbs отвечает за приветствие.
Блок D6 Announcement отвечает за объявление.
Блок D7 Statistics отвечает за статистику.
Блок D8 Quick Jump - About - Bottom Breadcrumbs отвечает за быстрый переход и низ форума.
Блок D9 Help file отвечает за файл справки.
Шаг №8. Доводим дизайн до ума.
Для этого нам необходимо найти блок А5 и заменить пункты /* A5.1 */ и /* A5.2 */ на следующее:
/* A5.1 */
#pun {
margin: 0px auto auto auto;/* отступ форума сверху*/
float: none;
padding: 0px 0px 0px 0px;
border: none;
width: 850px;/* ширина форума настраиваем самостоятельно*/
}/* A5.2 */
.punbb {
width: 100%;
height: auto;
}
Нам также нужно соеденить наше "тело", чтобы не было прозрачных мест на нём, для этого ищем Пункт /* A3.2 */ и добавляем туда:
background: #цвет;
Это делаем, если у нас нет необходимости вставлять на фон "тела"картинку!
Следующие что мы будем настраивать, это будут иконки ищим пункты /* C2.15 */ и /* C2.16 */, заменем их на:
/* C2.15 */
.punbb div.icon {
float: left; /* расположение */
display: block;
width: 70px; /* ширина */
height: 70px; /* высота */
padding-top: 2px;
margin-top: 1px;
background-position: center center;
}
Задание:
Ширина форума 800-900рх по желанию. У кого нет рамки на шаблоне заливают фон, у кого есть не заливам его (рамка в линию какого-либо цвета не считается за рамку.).
Также делаем отступ сверху форума в 50рх .
Меняем расположение иконок на справа.
