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

Объявление



Внимание:
В заказе дизайнов, обязательно указывайте ссылку на свой форум. Без нее заказ принят не будет. Старайтесь указывать все, что требуется для грамотного оформления заказа. Сейчас они открыты, но напоминаем, если будет крупное скопление заказов - тема будет закрыта, успейте встать в очередь и занять место.
Заказы обычных элементов для форума всегда открыты. Вы можете отправить заявку в любое время. Заказ будет сделан, когда:
а) Будет свободен мастер.
б) Заявка будет заполнена правильно.
Обычно такие заказы, как аватары, таблицы и крупные картинки будут выполняться в течении 10-30 минут в зависимости от свободы и фантазии мастера, а так же качества предоставленных исходников.

Реклама: Ник: PR
Пароль: 1111


Каталог Дизайнов
Помощь
Заказ Дизайна
Пиар
Заказ Элементов Профиля
Заказ Элементов Дизайна


Главный администратор - 50 когтей.

Администратор-дизайнер - Music
луиш.

Идет набор на должности администраторов.

Модераторы (Дизайнеры) -
а) Хаски (главный модератор)
б) Ночь
в) Caramel
г) Cheekey
д) ShemiFox5 (испытательный срок)


Доска почета

- учавствуй
- голосуй

Новые Конкурсы
#1 Конкурс 50 Когтей
#2 Состязание Учеников
Партнеры

У нас будет шесть постоянных партнеров, вывешенных в таблице. Если бы хотели бы стать нашим партнером - напишите администратору в личные сообщения.
От участников

Цитаты дня от участников. Если вы хотите поместить свою цитату в таблицу - напишите 50 когтей в личные сообщения, чтобы он разместил ее в таблице.

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

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


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


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

Сообщений 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


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


Рейтинг форумов | Создать форум бесплатно