Диз-поддержка КВ

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

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


Вы здесь » Диз-поддержка КВ » Школа Дизайна » ШКОЛА ДИЗАЙНА


ШКОЛА ДИЗАЙНА

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

1

...

0

2

Ладно...Начну обучение без анкеты.Чего именно ты хотела бы научиться?

0

3

1.Ваш опыт работы со скриптами:
Опыт хороший
2.Чего хотите научиться:
Созданию собственных стилей.
3.Ссылка на тему,которую создадите в обучении:
ШКОЛА ДИЗАЙНА

0

4

И так начнёмс с генератора таблиц....
http://0pk.ru/generator/
Попробуй создать цвет,который похож на листву деревьев.

0

5

http://s57.radikal.ru/i155/1008/f5/a905ecd3feaa.bmp
Такой?..или я что - то сделала не так?

0

6

Ядовитая Лилия
Такой.А теперь сделай цветовую схему в Генераторе.

0

7

А какую именно?

0

8

Возьми эти цвета(попробуй сделать дизайн однотонным)
Выбери  цвета,которые тебе понравятся :
Основной цвет(выбери цвет всего форума.Не делай дизайн сильно пёстрым.Только один цвет на все теги)
# 7cb477
# a5cb78
# 849d99
# 9acb06
Текст(все текстовые данные.От текста форума и до ссылок)
# 3f5203
# 809837
# 606e37
# edfac5

0

9

Пока я ждала твое сообщение, я тут кое - что сделала... в общем вот http://s003.radikal.ru/i201/1008/8b/58e7a6ad4db9.jpg

0

10

Ядовитая Лилия
Очень хорошо.Сделай пока моё задание и сохрони эту цвет.гамму.Ок?Я пока отойду на часик.

0

11

ОК!

0

12

http://s49.radikal.ru/i124/1008/12/3f4beef8ba22.jpg

0

13

Ядовитая Лилия
Я доволен.А теперь попробуй залить весь стиль одним цветом

0

14

В смысле все-все-все?

0

15

http://s52.radikal.ru/i137/1008/ab/cdf1f8f3f7f3.jpg

+1

16

Ядовитая Лилия
Превосходно.Теперь кинь код этой схемы и от него будем отталкиваться.И ещё создай тестовик.

0

17

http://mojtestowik.0pk.ru/
я на нем обычно все тестирую

0

18

Что дальше?

0

19

Ядовитая Лилия
Хм...Отлично.Ещё один вопрос:ты вставляешь коды шапки и фона в цветовую схему или в скрипты?

0

20

В скрипты

0

21

Ядовитая Лилия
Значит научим...Выкладывай код цветов

0

22

Каких?

0

23

Ядовитая Лилия
Тот код,который ты сделала в генераторе

0

24

я сделала 2. Зелёный или бежевый?

0

25

Ядовитая Лилия
Мы вроде зеленый делали.

0

26

#a5cb78
#a5cb78
#3f5203
#D6EAAE
#3f5203
#809837
#809837
#D6EAAE
#3f5203
#3f5203
#a5cb78
#a5cb78
#a5cb78
#3f5203

0

27

Ядовитая Лилия
Ты наверное не поняла.Код с теги Цвета style_cs.css в Администрирование-Стил-Цвета style_cs.css

0

28

Въехала!

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
background-color: #3f5203;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #a5cb78;
  color: #3f5203;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #D6EAAE;
  color: #3f5203;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #a5cb78;
  color: #3f5203;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #D6EAAE;
  color: #3f5203;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #D6EAAE;
  color: #3f5203
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #809837;
  color: #3f5203
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #95BB68;
  color: #3f5203
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #809837;
  color: #F8F8F8;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #3f5203;
  color: #3f5203
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #a5cb78 #a5cb78 #a5cb78 #a5cb78
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #2F4200
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #a5cb78;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: #3f5203;
  }

/* CS2.5 */
.punbb th {
  border-color: #809837
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #85AB58 #C5EB98 #C5EB98 #85AB58;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #85AB58
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #C5EB98
  }

.punbb .divider {
  border-color: #85AB58 #C5EB98 #C5EB98 #C5EB98
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

li.pa-online {
  border-left-color: #809837;
  }

.punbb .post-sig dt {
  border-top-color: #3f5203 !important;
  }

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #404040;
    border-bottom: 0px none #000;
  text-decoration: underline;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #3f5203
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #808080;
    border-bottom: 0px none #000;
  text-decoration: underline;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #F8F8F8;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #F8F8F8;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: underline;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {border-color: #a5cb78 #85AB58 #759B48 #85AB58}
tr.iredirect div.icon {border-color: #D6EAAE #D6EAAE #D6EAAE #D6EAAE}
div.inew {border-color: #a5cb78 #85AB58 #759B48 #85AB58}

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

0

29

Ядовитая Лилия
))))
________________________________________________
Ядовитая Лилия
И так я заметил,что на этом стиле писать невозможно.
Найди тег

/* CS1.8 */
#pun-navlinks .container {
  background-color: #809837;
  color: #F8F8F8;
  }
.offline li.pa-online strong {
  font-weight: normal
  }
.punbb textarea, .punbb select, .punbb input {
  background-color: #3f5203;
  color: #3f5203

И меняем на

/* CS1.8 */
#pun-navlinks .container {
  background-color: #3f5203;
  color: #F8F8F8;
  }
.offline li.pa-online strong {
  font-weight: normal
  }
.punbb textarea, .punbb select, .punbb input {
  background-color: #3f5203;
  color: #000000

0

30

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background-color: #3f5203;
}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #a5cb78;
  color: #3f5203;
  }
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #D6EAAE;
  color: #3f5203;
  }
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #a5cb78;
  color: #3f5203;
  font-weight: normal;
font-style: normal;
  }
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #D6EAAE;
  color: #3f5203;
  }
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #D6EAAE;
  color: #3f5203
  }
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #809837;
  color: #3f5203
  }
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #95BB68;
  color: #3f5203
  }
/* CS1.8 */
#pun-navlinks .container {
  background-color: #809837;
  color: #F8F8F8;
  }
.offline li.pa-online strong {
  font-weight: normal
  }
.punbb textarea, .punbb select, .punbb input {
  background-color: #3f5203;
  color: #000000
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #a5cb78 #a5cb78 #a5cb78 #a5cb78
  }
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #2F4200
  }
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #a5cb78;
  }
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: #3f5203;
  }
/* CS2.5 */
.punbb th {
  border-color: #809837
  }
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #85AB58 #C5EB98 #C5EB98 #85AB58;
  }
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #85AB58
  }
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #C5EB98
  }
.punbb .divider {
  border-color: #85AB58 #C5EB98 #C5EB98 #C5EB98
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }
li.pa-online {
  border-left-color: #809837;
  }
.punbb .post-sig dt {
  border-top-color: #3f5203 !important;
  }
/* CS3 Links
-------------------------------------------------------------*/
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #404040;
    border-bottom: 0px none #000;
  text-decoration: underline;
  }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #3f5203
  }
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #808080;
    border-bottom: 0px none #000;
  text-decoration: underline;
  }
/* CS3.3 */
#pun-navlinks a {
  color: #F8F8F8;
    border-bottom: 0px none #000;
  text-decoration: none;
  }
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #F8F8F8;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: underline;
  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {border-color: #a5cb78 #85AB58 #759B48 #85AB58}
tr.iredirect div.icon {border-color: #D6EAAE #D6EAAE #D6EAAE #D6EAAE}
div.inew {border-color: #a5cb78 #85AB58 #759B48 #85AB58}
#pun-main div.catleft, #pun-main div.catright {display: none}

Отредактировано Ядовитая Лилия (2010-08-07 14:26:48)

0


Вы здесь » Диз-поддержка КВ » Школа Дизайна » ШКОЛА ДИЗАЙНА


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC