slastnicova & группа

Поделиться12012-09-11 08:17:05

Автор: slastnicova
я странное слово-мама
Откуда: Москва
Зарегистрирован: 2012-06-02
Приглашений: 0
Сообщений: 496
Уважение: +31
Позитив: +3
Пол: Женский
Возраст: 31 [1993-10-20]
Провел на форуме:
4 дня 21 час
Последний визит:
2015-06-13 07:49:36

Всем привет, рада что Вы все записались на обучение ко мне! Меня зовут Тая, мне 18 лет. Надеюсь что научу Вас многому и качественно.

Обучение у нас пойдёт пойдёт по следующим ступеням:
1. Простейший дизайн (задний фон и тело однотонные, категории текстом, иконки картинкой)
2. Простой дизайн (задний фон, категории, иконки - картинкой, тело однотонное)
3. Улучшенный дизайн (задний фон, категории, иконки, тело - картинкой, меню текстом)
4. Сложный дизайн (два задних фона, тело, категории, иконки - картинкой, меню на подложке, картинками)

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

От вас небольшая анкета:
1. Тестовик
2. Что вдохновляет
3. Тематики с которыми работаете

работы учеников

Тестовики:
1. фантастика
2. Mira.Andreeva - не открывается
3. .false-king
4.

Отредактировано slastnicova (2012-09-12 07:06:33)

0

Поделиться112012-09-24 01:24:53

Автор: .false-king
Участник
Зарегистрирован: 2012-06-15
Приглашений: 0
Сообщений: 25
Уважение: +4
Позитив: +0
Провел на форуме:
1 день 1 час
Последний визит:
2012-11-08 23:34:12

http://dosomethingwithdesigne.mybb.ru/

0

Поделиться122012-09-25 07:40:08

Автор: slastnicova
я странное слово-мама
Откуда: Москва
Зарегистрирован: 2012-06-02
Приглашений: 0
Сообщений: 496
Уважение: +31
Позитив: +3
Пол: Женский
Возраст: 31 [1993-10-20]
Провел на форуме:
4 дня 21 час
Последний визит:
2015-06-13 07:49:36

.false-king
ну смотри, тело ты сдел правильною
что касается заднего фона, картинка у тебя большая, но бесшовная, тут согласна, но у тебя не стоит повтор по вертикали и горизонтали.
и также я не вижу примера цитат и кодов, а очень бы мне этого хотелось.
не могу так сказать выполнено задание или нет.

а так в целом с заданием справился, необходимо только все исправить.

0

Поделиться132012-10-03 00:59:38

Автор: .false-king
Участник
Зарегистрирован: 2012-06-15
Приглашений: 0
Сообщений: 25
Уважение: +4
Позитив: +0
Провел на форуме:
1 день 1 час
Последний визит:
2012-11-08 23:34:12

Я все исправил. Цитаты и коды в тестовом сообщении

+1

Поделиться142012-10-03 07:56:27

Автор: slastnicova
я странное слово-мама
Откуда: Москва
Зарегистрирован: 2012-06-02
Приглашений: 0
Сообщений: 496
Уважение: +31
Позитив: +3
Пол: Женский
Возраст: 31 [1993-10-20]
Провел на форуме:
4 дня 21 час
Последний визит:
2015-06-13 07:49:36

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

0

Поделиться152012-10-03 07:57:29

Автор: slastnicova
я странное слово-мама
Откуда: Москва
Зарегистрирован: 2012-06-02
Приглашений: 0
Сообщений: 496
Уважение: +31
Позитив: +3
Пол: Женский
Возраст: 31 [1993-10-20]
Провел на форуме:
4 дня 21 час
Последний визит:
2015-06-13 07:49:36

Следующий блок CS2 Border colours, он отвечает за границы на форуме.
По скольку их в последнее время никто не использует, то мы ставим во всех селекторам к свойству таблиц значение transparent - невидимость.
Если необходимо прописать границы для цитат и кодов, то пункт

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #D1D1D1 #FFFFFF #FFFFFF #D1D1D1;
}

изменяем на:

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border: 1px solid #D1D1D1;
border-radius: 10px 0px 10px 0px;
-moz-border-radius: 10px 0px 10px 0px;
-webkit-border-radius: 10px 0px 10px 0px;
box-shadow: 0 0 10px #000000;
-moz-box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000;
}

Разберем этот код:

border: 1px solid #D1D1D1;

толщина границы, стиль границы (сплошная), цвет границы.

border-radius: 10px 0px 10px 0px;
-moz-border-radius: 10px 0px 10px 0px;
-webkit-border-radius: 10px 0px 10px 0px;

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

box-shadow: 0px 0px 5px #FFFFFF;
-moz-box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000;;

тень для блока.
смещение по горизонтали, смещение по вертикали, размытость тени, цвет тени.
то что синим, также для того, чтобы во всех браузерах было одинакого

Задание:
Убрать границы форума.
Границы для цитат и кодов:
Сделать в 1px двойной линией любого цвета - верхнюю, нижнюю и правую.
Левую границу - в 5px сплошной любого цвета.
Скругленность сделать верхнего правого и нижнего правого угла на 15px.
Тень по желанию.

+1