.тестовик.для.учёбы.

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

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


Вы здесь » .тестовик.для.учёбы. » Тестовый форум » Обучение


Обучение

Сообщений 1 страница 23 из 23

1

1. Сделай меня админнистратором, пожалуйста.
2. Лучше навремя код с помощью в CSS убери в блокнот, мы со структурой будем разбираться, а он, как я знаю, будет мешать.
3. Какие элементы дизайна ты знаешь?

0

2

привет.)
1. делаю
2. ээ... как?  :huh:
3. никакие (

0

3

.лина
Есть блокнот? Ладно, тут сохраним, на всякий случай.
***
Элементы дизайна я делю на два вида:
Структурный и графический.
Структурный - ширина, размер иконок, шапки.
Графический - шапка, фон, иконки, копирайт, картинка в поле сообщения.

0

4

Зайди-ка сюда и создай себе стиль, цветами. Вставляй это во второе окошко.

0

5

вставила

0

6

о.о капец

0

7

тут спойлера нет(

0

8

.лина
Исправь немного цвет текста.
Второе окошко - CS.1.2 - находишь цвет и поменяй его, а то не очень удобно...
Сохрани этот код второго окошка куда-нибудь сюда и создай стиль с вот такими цветами, как? На твой выбор, хочу проверить в тебе дизайнера.
66FF66, 003300, 99FF99.

0

9

Ой, перепутала, это заголовки. Я сама немного изменю, ок?

0

10

да.

0

11

.лина
Так легче писать. А ты сделала тот стиль с цветами?
Пост 8.

0

12

нет. тыж потом написала:

Учитель или Эмоция написал(а):

Ой, перепутала, это заголовки. Я сама немного изменю, ок?

0

13

.лина
Это я написала про:

Учитель или Эмоция написал(а):

...Сохрани этот код второго окошка куда-нибудь сюда и создай стиль с вот такими цветами, как? На твой выбор, хочу проверить в тебе дизайнера.
66FF66, 003300, 99FF99.

0

14

Да я вообще лучше другой сделаю.. брр.

0

15

от так.)

0

16

.лина
Ты же те цвета использовала?

0

17

я ничего не понимаю.. то то, то это, то не надо, то цвета .(

0

18

.лина
Ладно, начнём изучать структуру. Начнём с ширины.
ОСНОВНАЯ СТРУКТУРА СТРАНИЦЫ И ГРАНИЦЫ
Так это переводится.
Вот, A5.1. Это ширина форума. Видишь 800? Это и есть ширина. Самое главное, что нужно знать.
A5.2.
With - переводится как ширина. Значит 100% это проценты ширины. Я никогда не пробовала изменять, но знать надо.
height: auto - высота-авто.
background-color: #opacity - фоновой цвет непрозрачный, можно так же изменить на любой. Но лучше оставить так.
И самое главное:
float: center - можно изменять на лево, право, где должен быть центер.
Продолжим в следующем посте.

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width : 100%;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  border-style: none;
  background-color: #opacity;
  width: 800px;
  border-width: 0px;
}

/* A5.2 */
.punbb {
  float: center;
  width: 100%;
  height: auto;
background-color: #opacity
}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: dotted dotted dotted dotted;
  border-width: 0px 0px 0px 0px
  }

/* A5.9 */
.punbb .container {
  border-style: dotted;
  border-width: 0px;
  }

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.3em 1em;
  border-style: dotted dotted dotted dotted ;
  border-width: 0px 0px 0px 0px;
  }

#pun-main h2 {
  padding: 0.3em 1em;
  border-style: dotted dotted dotted dotted ;
  border-width: 0px 0px 0px 0px;
}

0

19

.лина
А, пропустила кое что. Извини.
Попробуй изменить свою ширину. У тебя написанно что-то другое, измени на, например, 800. Как и на обрасце.

0

20

изменила на 850px

0

21

о. увидела как изменился форум...

0

22

.лина
Видишь. Это полезно. А теперь измени center(ищи там, пост 18) на, например, right.

0

23

изменила..

0


Вы здесь » .тестовик.для.учёбы. » Тестовый форум » Обучение