FREAKSHOW

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

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


Вы здесь » FREAKSHOW » Обучение дизайну » вересковая пустошь


вересковая пустошь

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

1

Привет  Катя))  Меня зовут Ксюшей, можешь так и называть или же по нику. Человек я требовательный. Если сказала что-то делать, то нужно прислушиваться и делать.  Для начала предлагаю привести несколько примеров дизайнов которые тебе нравятся, с описанием того что именно в них нравится. И создай пробник на котором будем работать.

0

2

ультраморин написал(а):

Привет  Катя))  Меня зовут Ксюшей, можешь так и называть или же по нику. Человек я требовательный. Если сказала что-то делать, то нужно прислушиваться и делать.  Для начала предлагаю привести несколько примеров дизайнов которые тебе нравятся, с описанием того что именно в них нравится. И создай пробник на котором будем работать.

привет-привет. очень рада тому что ты меня взяла и спасибо.
а я трудолюбивый ученик, который будет тебя слушать во всем хдд
и так хочу повторить, то, что дизайны я делаю и с кодами вроде бы дружу, да и с фотошопом я на ты.
вот пробник, он не новый. но я обычно на нем и работаю: 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 - то как сделано тело форума, пергамент.

вот думаю и все. :)

+1

3

дадаэтоя написал(а):

а я трудолюбивый ученик, который будет тебя слушать во всем хдд
и так хочу повторить, то, что дизайны я делаю и с кодами вроде бы дружу, да и с фотошопом я на ты.
вот пробник, он не новый. но я обычно на нем и работаю: 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 пикселей. Если нужны шаблоны, то могу сделать.

0

4

ультраморин написал(а):

Предлагаю начать изучение дизайнов не с кодов и их расшифровки, а с изготовления графики. Сделай фон и шапку.
Размеры: Шапка 1450х500 пикселей, фон 1450х700 пикселей. Если нужны шаблоны, то могу сделать.

да нет, шаблоны не нужны, пока что хд если вдруг я не правильно сделаю, то после. как сделать шапку и фон и сразу в пробник грузануть?
я завтра с утра все сделаю,)

ультраморин написал(а):

С рамочками разберемся, там нет не чего сложного.

спасибо:))

0

5

дадаэтоя написал(а):

да нет, шаблоны не нужны, пока что хд если вдруг я не правильно сделаю, то после. как сделать шапку и фон и сразу в пробник грузануть?
я завтра с утра все сделаю,)

Нет, загрузи сначала картинки сюда. Я посмотрю.

0

6

http://www.imageup.ru/img18/untitled-1839815.png.html - шапка не очень удачная
http://www.imageup.ru/img18/untitled-2839822.png.html - фон

0

7

У меня что-то сгорело в компьютере, так что пока не могу обучать. Надеюсь, что скоро починят.

0

8

ультраморин написал(а):

У меня что-то сгорело в компьютере, так что пока не могу обучать. Надеюсь, что скоро починят.

http://s17.rimg.info/8e245be2f210e6a905d734fb3583064a.gif конечно, понимаю**))

0

9

Я включила стрый компьютер. Пришлось еще мышку с клавиатурой покупать, те тоже сгорели ))) Шапка хорошая, а вот на счет фона ты меня не поняла. Там идет задний фон (например как часто делают на форумах паркет или что-то другое), а сверху размером 800 пикселей идет фон середины форума. Он уже другого цвета.

Шапка + задний фон (т.е. шапка находится на заднем фоне)

http://uploads.ru/t/G/z/f/GzfvH.png

Фон

http://uploads.ru/t/o/L/6/oL6SG.png

0

10

ультраморин написал(а):

Я включила стрый компьютер. Пришлось еще мышку с клавиатурой покупать, те тоже сгорели )))

ты просто умница:) я уж соскучилась :)

ультраморин написал(а):

Шапка хорошая, а вот на счет фона ты меня не поняла. Там идет задний фон (например как часто делают на форумах паркет или что-то другое), а сверху размером 800 пикселей идет фон середины форума. Он уже другого цвета.

теперь кажется поняла, нужно сделать задний фон? или? *я тормоз по моему* хд :)

0

11

дадаэтоя написал(а):

ты просто умница:) я уж соскучилась

Только умница что-то загуляла и даже фотошоп установить не когда.

дадаэтоя написал(а):

теперь кажется поняла, нужно сделать задний фон? или? *я тормоз по моему* хд

Да, просто ставим вместе все сразу. Так удобней

0

12

а вот и я**))

шапка: http://www.imageup.ru/img192/fdsf843466.png
фон: http://www.imageup.ru/img192/dsf843471.png **)))

0

13

+ мне бы по середине сделать передний фон, да?)

и хочу спросить у тебя как у специалиста в цветах. этот передний фон если делать то какой наиболее туда цвет подходит? ОО

0

14

Да, он должен быть ровно по середине, иначе все перекосится.

На счет цвета тут самое главное что бы цвета в дизайне сочитались между собой. Я добовляла урок по цветам. Почитай его, может пригодится. И потом важно учитывать то, что середина форума это та часть на которой расположены все ссылки, текст и её следует делать такой что бы можно было без напряга для зрения читать текст форума. Например если на темном фоне сделать цвет текста на пару тонов светлей, то его будет очень тяжело читать, а яркие цвета и даже белый не всегда уместны. Например я видела дизайн на какой-то ролевой. Сам дизайн можно сказать не плохой, но цвет текста отпугивает. Красный и синий цвет совсем не в тему, тем более все графическое оформление выполнено в довольно споокойных тонах.

0

15

в общем, Ксюш, я решила все переделать:)

правильно?
http://www.imageup.ru/img195/untitled-1844095.png - шапка
http://www.imageup.ru/img195/yvyv844097.png - ну и фон)

0

16

Очень красиво получилось. Молодец!!! Тепеерь будем вставлять.

Ставим фон через стиль. Первым делом заходим в Администрирование ----> Свой стиль. Ставим галочку использовать свой стиль. Видим два окошка с не понятными кодами. Работать в основном будем со вторым, который отвечает за наш стиль. Первое окно отвечает за саму структуру форума. Там если не знаешь лучше не чего не трогать и не удалять, иначе весь дизайн испортится.

Шапка (ставим во втором окне стиля в самом конце  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; - цвет переадресации.

0

17

ультраморин
http://qqqqqqqqq.rolka.su/ - вот посмотри; вроде бы и получилось все, но все равно какая кака хд

0

18

дадаэтоя написал(а):

http://qqqqqqqqq.rolka.su/ - вот посмотри; вроде бы и получилось все, но все равно какая кака хд

Нет, все нормально. Просто нужно будет убрать границы и фон, который прописан цветом. Дай мне права админа.

0

19

ультраморин написал(а):

Нет, все нормально. Просто нужно будет убрать границы и фон, который прописан цветом. Дай мне права админа.

готово:)

0

20

В /* 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 вполне достаточно.

Задание: убрать лищнее в фоне, убрать бордюры и поставить иконки сообщений.

0

21

ультраморин написал(а):

убрать лищнее в фоне

ультраморин написал(а):

поставить иконки сообщений.

+

ультраморин написал(а):

убрать бордюры

не получается:(

0

22

Буду ругать, ты не туда поставила коды:

#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?

0

23

А оставшиеся бордюры я убрала.

0

24

ультраморин написал(а):

Буду ругать

правильно ругай, толк будет:)

ультраморин написал(а):

Да и какая у тебя ширина фона 800 или 850?

850 ибо я первоначально в фш делала середину 850

вроде готово

0

25

Очень хорошо. Чуть позже напишу как сменить цвет форумных ссылок, и текста.

0

26

ультраморин
ты забыла про меня?)

0


Вы здесь » FREAKSHOW » Обучение дизайну » вересковая пустошь