Кот

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

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


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


Котоверстка

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

1

Здравствуйте! Не стану сейчас выдавать длинную речь, лишь скажу, что будет сложно, но мы не ищем легких путей, что скажите?
Для начала вам следует создать пробник. Или же указать адрес на уже имеющийся. И приступим к "кодо едению" (обучению).

0

2

Здравствуйте) Ничего, если сложно будет, как Вы сказали, мы не ищем лёгких путей) Главное для меня-всё понять и научиться)
Тестовик: designtestovik2012.mybb.ru

Отредактировано Котёнок (2012-10-27 16:26:42)

0

3

Отлично.
Не стану изобретать новый велосипед, начнем традиционно, как я обычно начинаю обучение.
Я начинаю работу над дизайном следующим образом: Для начала следует определиться с тематикой вашего форума. После определить примерную цветовую гамму. С цветами я балуюсь с генератором стилей. Там можно понять как смотрится тот или иной цвет.
После того как со всем этим определитесь перейдем конкретно к разборке на молекулы кода.

Вот, прочитайте эту статью, мне она помогает при подборке цвета.

0

4

Прочитано)

0

5

Котёнок
Итак, какую тематику будешь брать для дизайна?

0

6

Тематика-фэнтези, цветовая гамма -светло-фиолетовая, примерно как тут: http://s3.uploads.ru/t/Kh0o1.jpg

Отредактировано Котёнок (2012-10-27 18:19:00)

0

7

Котёнок
Итак, переносите стиль из генератора на ваш форум, и ставьте в нижнее окно стиля.

0

8

Готово

0

9

Давайте установим иконки.

Верхнее окно стиля, ищем C2.14 (отступ текста от иконок) и C2.15 (размер иконок).
width - ширина иконки;
height - высота иконки.

Нижнее окошко стиля, ищем:

Код:
/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {border-color: #0080D7 #0060B7 #0050A7 #0060B7}
tr.iredirect div.icon {border-color: #b1c0d7 #b1c0d7 #b1c0d7 #b1c0d7}
div.inew {border-color: #E6E6E6 #C6C6C6 #B6B6B6 #C6C6C6}

#pun-main div.catleft, #pun-main div.catright {display: none}

Меняем на:

Код:
div.icon {
        background: url(http://старые) no-repeat;
}
tr.inew div.icon {
        background: url(http://новые) no-repeat;
}
tr.isticky div.icon {
        background: url(http://важные) no-repeat;
}
tr.iclosed div.icon {
        background: url(http://закрытые) no-repeat;
}

0

10

Matayas
Прошу прощения за столь долгое отсутствие. Впредь буду вас предупреждать.
Какого размера должны быть иконки?

0


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


Рейтинг форумов | Создать форум бесплатно