Кот

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

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


Вы здесь » Кот » Архив обучения от 03.12 » slastnicova & группа


slastnicova & группа

Сообщений 11 страница 20 из 39

1

Всем привет, рада что Вы все записались на обучение ко мне! Меня зовут Тая, мне 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

11

http://dosomethingwithdesigne.mybb.ru/

0

12

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

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

0

13

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

+1

14

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

0

15

Следующий блок 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

16

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

0

17

а как сделать двойную границу?

0

18

.false-king написал(а):

а как сделать двойную границу?

значение double вместо solid

0

19

.false-king написал(а):

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

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

0

20

Все вроде бы

0


Вы здесь » Кот » Архив обучения от 03.12 » slastnicova & группа


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