Кот

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

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


Вы здесь » Кот » Архив обучения от 03.12 » slastnicova #1


slastnicova #1

Сообщений 61 страница 70 из 82

61

http://s2.uploads.ru/t/pks1x.png
вот макет.
На тестовике цвет фона изменила, цвет текста пока не меняла.

0

62

slastnicova, а ведь можно футер сделать просто цветом?))

http://s3.uploads.ru/t/0Bvij.jpg

0

63

Как-то так...
http://s2.uploads.ru/t/ZRHCP.jpg

Отредактировано Киви (2012-12-18 09:18:47)

0

64

Аня, работа выполненна хорошо.
Олеся, смени цвет ссылок, чтобы их было видно.
Богдан, работа выполненна хорошо.
Саш, убери синий фон с форума.

0

65

slastnicova
говорю ж, цвет текста и ссылок пока не меняла.
Готово :З

0

66

slastnicova
У меня, вроде, его нет..
(макет будет к выходным))

0

67

Лилитана
http://s3.uploads.ru/t/LRMJk.jpg

0

68

slastnicova
ну как, обучение продолжаем?

0

69

хель;
да, продолжаем, сегодня вечером напишу урок.

0

70

Далее мы работаем в первом окне стиля!

Шаг №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рх .
Меняем расположение иконок на справа.

0


Вы здесь » Кот » Архив обучения от 03.12 » slastnicova #1


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC