Привет Катя)) Меня зовут Ксюшей, можешь так и называть или же по нику. Человек я требовательный. Если сказала что-то делать, то нужно прислушиваться и делать. Для начала предлагаю привести несколько примеров дизайнов которые тебе нравятся, с описанием того что именно в них нравится. И создай пробник на котором будем работать.
вересковая пустошь
Сообщений 1 страница 26 из 26
Поделиться22011-12-14 22:41:58
Привет Катя)) Меня зовут Ксюшей, можешь так и называть или же по нику. Человек я требовательный. Если сказала что-то делать, то нужно прислушиваться и делать. Для начала предлагаю привести несколько примеров дизайнов которые тебе нравятся, с описанием того что именно в них нравится. И создай пробник на котором будем работать.
привет-привет. очень рада тому что ты меня взяла и спасибо.
а я трудолюбивый ученик, который будет тебя слушать во всем хдд
и так хочу повторить, то, что дизайны я делаю и с кодами вроде бы дружу, да и с фотошопом я на ты.
вот пробник, он не новый. но я обычно на нем и работаю: http://probnikdonald.rolka.su/ . на дизайн не обращай внимания, я так баловалась хдд
и так, дизайны которые мне нравятся:
начнем с твоих:
http://s1.ipicture.ru/uploads/20110927/rnl83vAs.png - тут просто превосходная цветовая гамма; в полнейшем восторге**
а так мне все твои дизайны нравятся. ты удивительно подбираешь цвета.
след.:
http://universitynu.rusff.ru/ - тут нравятся именно боковушки, рамочка так сказать. обычно когда я такие делаю на рамку залезает боковой шрифт форума, как бы я не подгоняла размеры
http://xmages.net/storage/10/1/0/4/b/up … 956f8d.png - все тут нравится.
http://uploads.ru/i/l/A/s/lAsac.png - линейка, где находятся главные ссылки входа, регистрации и так далее, то как она выходить за грань тела. так же рамочки в самой шапке.
http://xmages.net/i/3256910 - тут как весь дизайн выглядит, со всеми боковыми деталями.
http://savepic.org/1987998.htm - нравится то что дизайн без шляпки, а фон красив.
и вот этот дизайн http://savepic.net/2091198.htm - то как сделано тело форума, пергамент.
вот думаю и все.
Поделиться32011-12-14 22:50:55
а я трудолюбивый ученик, который будет тебя слушать во всем хдд
и так хочу повторить, то, что дизайны я делаю и с кодами вроде бы дружу, да и с фотошопом я на ты.
вот пробник, он не новый. но я обычно на нем и работаю: http://probnikdonald.rolka.su/ . на дизайн не обращай внимания, я так баловалась хдд
Люблю трудолюбивых учеников ))) То, что хоть как-то знаешь коды это уже очень большой плюс. Ну естественно как ты наверное и сама понимаешь графика даже в чем-то главней кодов.
тут просто превосходная цветовая гамма; в полнейшем восторге**
а так мне все твои дизайны нравятся. ты удивительно подбираешь цвета.
Спасибо, очень приятно это знать )))
след.:
http://universitynu.rusff.ru/ - тут нравятся именно боковушки, рамочка так сказать. обычно когда я такие делаю на рамку залезает боковой шрифт форума, как бы я не подгоняла размеры
Очень хороший дизайн. С рамочками разберемся, там нет не чего сложного.
http://xmages.net/storage/10/1/0/4/b/up … 956f8d.png - все тут нравится.
У Маши все дизайны чудесные. А этот мне особенно нравится. P.S. - у меня есть эти часики.
http://uploads.ru/i/l/A/s/lAsac.png - линейка, где находятся главные ссылки входа, регистрации и так далее, то как она выходить за грань тела. так же рамочки в самой шапке.
Позитивный дизайнчик. А линеечка сделана с помощью фотошопа.
Предлагаю начать изучение дизайнов не с кодов и их расшифровки, а с изготовления графики. Сделай фон и шапку.
Размеры: Шапка 1450х500 пикселей, фон 1450х700 пикселей. Если нужны шаблоны, то могу сделать.
Поделиться42011-12-14 22:55:57
Предлагаю начать изучение дизайнов не с кодов и их расшифровки, а с изготовления графики. Сделай фон и шапку.
Размеры: Шапка 1450х500 пикселей, фон 1450х700 пикселей. Если нужны шаблоны, то могу сделать.
да нет, шаблоны не нужны, пока что хд если вдруг я не правильно сделаю, то после. как сделать шапку и фон и сразу в пробник грузануть?
я завтра с утра все сделаю,)
С рамочками разберемся, там нет не чего сложного.
спасибо:))
Поделиться52011-12-14 23:00:51
да нет, шаблоны не нужны, пока что хд если вдруг я не правильно сделаю, то после. как сделать шапку и фон и сразу в пробник грузануть?
я завтра с утра все сделаю,)
Нет, загрузи сначала картинки сюда. Я посмотрю.
Поделиться62011-12-15 10:52:33
http://www.imageup.ru/img18/untitled-1839815.png.html - шапка не очень удачная
http://www.imageup.ru/img18/untitled-2839822.png.html - фон
Поделиться72011-12-15 12:11:30
У меня что-то сгорело в компьютере, так что пока не могу обучать. Надеюсь, что скоро починят.
Поделиться82011-12-15 12:33:11
У меня что-то сгорело в компьютере, так что пока не могу обучать. Надеюсь, что скоро починят.
[взломанный сайт] конечно, понимаю**))
Поделиться92011-12-16 17:27:45
Я включила стрый компьютер. Пришлось еще мышку с клавиатурой покупать, те тоже сгорели ))) Шапка хорошая, а вот на счет фона ты меня не поняла. Там идет задний фон (например как часто делают на форумах паркет или что-то другое), а сверху размером 800 пикселей идет фон середины форума. Он уже другого цвета.
Шапка + задний фон (т.е. шапка находится на заднем фоне)
Фон
Поделиться102011-12-18 16:55:21
Я включила стрый компьютер. Пришлось еще мышку с клавиатурой покупать, те тоже сгорели )))
ты просто умница:) я уж соскучилась
Шапка хорошая, а вот на счет фона ты меня не поняла. Там идет задний фон (например как часто делают на форумах паркет или что-то другое), а сверху размером 800 пикселей идет фон середины форума. Он уже другого цвета.
теперь кажется поняла, нужно сделать задний фон? или? *я тормоз по моему* хд
Поделиться112011-12-18 22:46:09
ты просто умница:) я уж соскучилась
Только умница что-то загуляла и даже фотошоп установить не когда.
теперь кажется поняла, нужно сделать задний фон? или? *я тормоз по моему* хд
Да, просто ставим вместе все сразу. Так удобней
Поделиться122011-12-20 13:48:08
а вот и я**))
шапка: http://www.imageup.ru/img192/fdsf843466.png
фон: http://www.imageup.ru/img192/dsf843471.png **)))
Поделиться132011-12-20 13:56:03
+ мне бы по середине сделать передний фон, да?)
и хочу спросить у тебя как у специалиста в цветах. этот передний фон если делать то какой наиболее туда цвет подходит? ОО
Поделиться142011-12-20 14:09:45
Да, он должен быть ровно по середине, иначе все перекосится.
На счет цвета тут самое главное что бы цвета в дизайне сочитались между собой. Я добовляла урок по цветам. Почитай его, может пригодится. И потом важно учитывать то, что середина форума это та часть на которой расположены все ссылки, текст и её следует делать такой что бы можно было без напряга для зрения читать текст форума. Например если на темном фоне сделать цвет текста на пару тонов светлей, то его будет очень тяжело читать, а яркие цвета и даже белый не всегда уместны. Например я видела дизайн на какой-то ролевой. Сам дизайн можно сказать не плохой, но цвет текста отпугивает. Красный и синий цвет совсем не в тему, тем более все графическое оформление выполнено в довольно споокойных тонах.
Поделиться152011-12-21 11:59:55
в общем, Ксюш, я решила все переделать:)
правильно?
http://www.imageup.ru/img195/untitled-1844095.png - шапка
http://www.imageup.ru/img195/yvyv844097.png - ну и фон)
Поделиться162011-12-21 13:19:32
Очень красиво получилось. Молодец!!! Тепеерь будем вставлять.
Ставим фон через стиль. Первым делом заходим в Администрирование ----> Свой стиль. Ставим галочку использовать свой стиль. Видим два окошка с не понятными кодами. Работать в основном будем со вторым, который отвечает за наш стиль. Первое окно отвечает за саму структуру форума. Там если не знаешь лучше не чего не трогать и не удалять, иначе весь дизайн испортится.
Шапка (ставим во втором окне стиля в самом конце CS1 Background and text colours)
#pun_wrap {background-image: url("ссылка"); background-repeat: no-repeat; background-position: center top; }
Теперь ее нужно настроить. Ищем в первом окне стиля /* D1 Logo and description (отвечает за лого). Нам нужен пункт /* D1.4 */. Остальное не трогаем. Вставляем это:
#pun-title h1 span {
display: none;
}#pun-title TABLE {
border: none;
height: 500px;
width: 800px;
float: none;
background-image: url(ссылка);
background-position : top center;
}#pun-title TD.title-logo-tdl {
border: none;
width: 100%;
}
background-image : url(адрес); - адрес шапки
background-repeat : no-repeat; - шапка не дублируется ни по горизонтали, ни по вертикали, то есть изображается только один раз, а не так как бесшовный фон.
border: none; - нет рамок
height: 500px; - высота шапки
width: 800px; - ширина шапки
/* A5.1 */ - настраиваем ширину форума (в первом окне)
#pun {
margin: auto;
width: 800px;
position: relative; }
Фон
#pun-title table {
background-image : url("...");}body {background-color: #eae3d1;
background-image : url("ссылка");
background-repeat: repeat;
background-position : top center;}#pun { background-image : url("ссылка");
background-color : #;
background-position : center;}
background-color: #eae3d1; - цвет переадресации.
Поделиться172011-12-21 14:40:58
ультраморин
http://qqqqqqqqq.rolka.su/ - вот посмотри; вроде бы и получилось все, но все равно какая кака хд
Поделиться182011-12-21 15:08:44
http://qqqqqqqqq.rolka.su/ - вот посмотри; вроде бы и получилось все, но все равно какая кака хд
Нет, все нормально. Просто нужно будет убрать границы и фон, который прописан цветом. Дай мне права админа.
Поделиться192011-12-21 15:17:58
Нет, все нормально. Просто нужно будет убрать границы и фон, который прописан цветом. Дай мне права админа.
готово:)
Поделиться202011-12-21 15:45:15
В /* CS1 Background and text colours стандартный стиль прописан цветом, а не картинками и эти цвета перекрывают сделанный дизайн. Так что будем от этого избавляться.
Вместо background-color: #f1f1f1; пишем background-color: transparent;. В каждом пункте CS1
CS2 Border colours
Отвечает за бордюры на форуме. Они нам не очень то и нужны, так что будем их убирать. Внимание! Не удалять, а сделаем так что бы они не отображались.
Видим вот это:
border-color: #f5f5f5
Меняем на это:
border-color: transparent
И так в каждом пункте Border colours.
Дальше избавимся от стандартного цвета форума.
CS1 Background and text colours
Там где написанно background-color: #f1f1f1;
убираем номер цвета. Должно получится background-color: #;
Поскольку фоны мы прописали картинками, то прописывать цветом не будем. Он просто перекроет наши картинки. Конечно, при желание можно фон делать с помощью цвета. Но все-таки с помощью картинок больше возможностей.
Меняем иконки (Ставим в ХТМЛ ВЕРХ)
<style>
.punbb table Div.icon {float: right; display: block; width: 70px; height: 70px; border-style: none; background-image: url(ссылка старые сообщения); background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(ссылка новые сообщения) no-repeat;}
TR.isticky Div.icon {background: url(ссылка важные сообщения) no-repeat;}
TR.iclosed Div.icon {background: url(ссылка закрытые сообщения) no-repeat;}
</style>
<style type="text/css">
.punbb td div.tclcon { padding-right: 75px; }
</style>
width: 70px; height: 70px - размер наших иконок. Можно сделать и больше, но по мне 70 вполне достаточно.
Задание: убрать лищнее в фоне, убрать бордюры и поставить иконки сообщений.
Поделиться212011-12-21 16:11:56
убрать лищнее в фоне
поставить иконки сообщений.
+
убрать бордюры
не получается:(
Поделиться222011-12-21 16:18:00
Буду ругать, ты не туда поставила коды:
#pun-title table {
background-image : url("...");}
body {background-color: #251307;
background-image : url("http://www.imageup.ru/img195/yvyv844097.png");
background-repeat: repeat;
background-position : top center;}
#pun { background-image : url("http://www.imageup.ru/img195/yvyv844097.png");
background-color : #;
background-position : center;}
Убери это из первого окна стиля и ставь во второй. Да и какая у тебя ширина фона 800 или 850?
Поделиться232011-12-21 16:18:19
А оставшиеся бордюры я убрала.
Поделиться242011-12-21 16:27:05
Буду ругать
правильно ругай, толк будет:)
Да и какая у тебя ширина фона 800 или 850?
850 ибо я первоначально в фш делала середину 850
вроде готово
Поделиться252011-12-22 19:08:41
Очень хорошо. Чуть позже напишу как сменить цвет форумных ссылок, и текста.
Поделиться262011-12-27 09:06:28
ультраморин
ты забыла про меня?)