Здравствуйте! Не стану сейчас выдавать длинную речь, лишь скажу, что будет сложно, но мы не ищем легких путей, что скажите?
Для начала вам следует создать пробник. Или же указать адрес на уже имеющийся. И приступим к "кодо едению" (обучению).
Котоверстка
Сообщений 1 страница 10 из 10
Поделиться12012-10-27 00:00:58
Поделиться22012-10-27 16:25:32
Здравствуйте) Ничего, если сложно будет, как Вы сказали, мы не ищем лёгких путей) Главное для меня-всё понять и научиться)
Тестовик: designtestovik2012.mybb.ru
Отредактировано Котёнок (2012-10-27 16:26:42)
Поделиться32012-10-27 17:05:06
Отлично.
Не стану изобретать новый велосипед, начнем традиционно, как я обычно начинаю обучение.
Я начинаю работу над дизайном следующим образом: Для начала следует определиться с тематикой вашего форума. После определить примерную цветовую гамму. С цветами я балуюсь с генератором стилей. Там можно понять как смотрится тот или иной цвет.
После того как со всем этим определитесь перейдем конкретно к разборке на молекулы кода.
Вот, прочитайте эту статью, мне она помогает при подборке цвета.
Поделиться42012-10-27 17:16:35
Прочитано)
Поделиться52012-10-27 17:23:39
Котёнок
Итак, какую тематику будешь брать для дизайна?
Поделиться72012-10-27 18:48:37
Котёнок
Итак, переносите стиль из генератора на ваш форум, и ставьте в нижнее окно стиля.
Поделиться82012-10-28 18:02:46
Готово
Поделиться92012-10-29 17:05:31
Давайте установим иконки.
Верхнее окно стиля, ищем 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; }
Поделиться102012-11-11 22:39:19
Matayas
Прошу прощения за столь долгое отсутствие. Впредь буду вас предупреждать.
Какого размера должны быть иконки?