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

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

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


Вы здесь » Диз-поддержка КВ » Школа Дизайна » Обучение Кабо


Обучение Кабо

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

1

Начнем?

0

2

Кабо
Начнём,но сначала спрошу:
Ты вставляешь шапку и т.д. куда в скрипты или код цветов?

0

3

В код конечно!

0

4

50 Claws
Что дальше?

0

5

Кинь пример цветов

0

6

каких цветов?

0

7

Кабо
Цсс структура цветов.

0

8

Любых?

0

9

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

body {
background-color: #;
}

/* 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: #;
  color: #;
  }

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

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

  }

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #000000;
  color: #
  }

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

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

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

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

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

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

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

/* 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: #;
  }

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #000000 #202020 #202020 #000000;
  }

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

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

.punbb .divider {
  border-color: #000000 #202020 #202020 #202020
  }

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

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

.punbb .post-sig dt {
  border-top-color: # !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: #;
    background-color: #
  }

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

/* 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: #;
    background-color: #
  }

/* CS3.3 */
#pun-navlinks a {
  color: #;
    background-color: #
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #;
  font-weight: normal;
font-style: normal;
  background-color: #
  }

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

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

div.icon {border-color: # #000000 #000000 #000000}
tr.iredirect div.icon {border-color: # # # #}
div.inew {border-color: # #000000 #000000 #000000}

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

0

10

А тепрь заполни его полностью шапкой,кнопочками,фоном и т.д и кинь сюда код.Я тебе тогда скажу твои ошибки и научу одной хитрости.

0

11

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

body {
background-image: url(http://img0.liveinternet.ru/images/atta … 680448.jpg);
}

/* 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: #FCEDC7;
  color: #774411;
  }

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

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

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-image: url(http://i065.radikal.ru/1008/93/86365b889eb4.jpg);
  color: #774411;
  }

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #ECDDB7;
  color: #774411
  }

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

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #FFFFFF;
  color: #774411
}

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

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

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

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

/* 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: #FFDDAA;
  }

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #DCCDA7 #FFFFE7 #FFFFE7 #DCCDA7;
  }

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

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

.punbb .divider {
  border-color: #DCCDA7 #FFFFE7 #FFFFE7 #FFFFE7
  }

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

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

.punbb .post-sig dt {
  border-top-color: #FFDDAA !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: #774411;
    border-bottom: 0px none #000;
  text-decoration: underline;

  }

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

/* 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: #EEBB88;
  font-weight: bold;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

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

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #FFDDAA;
  font-weight: bold;
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: #DDAA77 #BD8A57 #AD7A47 #BD8A57}
tr.iredirect div.icon {border-color: #FCEDC7 #FCEDC7 #FCEDC7 #FCEDC7}
div.inew {border-color: #FCEDC7 #DCCDA7 #CCBD97 #DCCDA7}

#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-about p.container {
background: url(http://i067.radikal.ru/1008/db/a2049437f5d7.jpg) no-repeat; height: 150px;
}

0

12

http://testowik1.0pk.ru/

0

13

Кабо
Очень хорошо,для новичка.А ты умеешь делать полупрозрачные дизы и дизы без границ?

0

14

Нет

0

15

50 Claws
Ты будешь меня этому учить?

0

16

Кабо
Нуу.... Не просто же так я тебя спросил этому))))
Фотошоп есть?

0

17

Есть, СS3; версия 10.0

0

18

У меня вопрос. Как закрепить фон от прокрутки?

0

19

Кабо
/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background-image: url(Картинка);
background-attachment: fixed;
background-repeat: repeat;
}

0

20

Кабо написал(а):

Есть, СS3; версия 10.0

Значит,как сделать прозрачный фон.В Фотошопе создаешь холст размером 950 на 950.
Потом Два раза кликаешь на получившийся слой.У тебя загорается окошко,как при создании нового слоя.Ничего не меняешь.Потом заливаешь весь холст любым цветов и настраиваешь Непрозрачность на 50 %
Позже сохроняешь файл через Файл - Сохранить как(File-Save es) .Не забудь сохранить в формате PNG.
Позже вставляешь получившуюся картинку в
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-image: url(ссылка на картинку);
  color: #C0C0C0;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-image: url(ссылка на картинку);
  color: #C0C0C0;
  font-weight: normal;
font-style: normal;

0

21

http://mojtestowik.0pk.ru/

0

22

Что дальше?

0

23

Кабо
А почему не полупрозрачный?

0

24

незнаю

0

25

АУ? Я ХОЧУ УЧИТЬСЯ!!!!

0

26

Кабо
Что ты конкретно ещё хочешь знать?

0

27

ВСЕ! Про фотошоп. Я хочу научиться соединять две картинки в одну

0

28

Кабо
Это легко подготовь к работе две картинки...

0

29

есть

0

30

http://img1.liveinternet.ru/images/attach/c/0/39/975/39975323_3b74ad3953d4897dc970d1ad0a94ffd1.jpg
http://www.blakkatz.com/images/rooney2.jpg

0


Вы здесь » Диз-поддержка КВ » Школа Дизайна » Обучение Кабо


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