У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается
Вверх страницы
Вниз страницы

Важное:

Лучший форум месяца - март. набор

Золотой форум - подать заявку

Seventh day - конкурс месяца

Новый дизайн - оставить отзыв

Набор модераторов - подать заявку

Выкуп баннерных мест - подробнее



                

Навигация:

Правила Бона

Выставление ранга

Гостевая книга

Лицо почёта дня

Пиар от BONUP ART

Лучшие работы дня


Plymouth: Evil Is Rising.


БONAP ART

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

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


Вы здесь » БONAP ART » АРХИВ ОБУЧЕНИЯ » HelenLovato


HelenLovato

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

1

Привет, Лена. Я Катя)
Какой ты дизайн хочешь научиться дела?
со слитым фоном и шапкой,
с сайдбарами,
как у нас.
какие там ещё бывают? х)

0

2

Mr.Space;
рада, что приняли)

Mr.Space; написал(а):

со слитым фоном и шапкой,
с сайдбарами,
как у нас.

давай пока попробуем со слитым фоном и шапкой или как у вас)
и что такое сайдбары? я тупая хд

Отредактировано HelenLovato (2011-10-08 16:28:42)

0

3

тестовик создать?

0

4

HelenLovato написал(а):

и что такое сайдбары? я тупая хд

боковые панели)
HelenLovato
да, пароль и ник админа мне сюда кидай)

0

5

Mr.Space; написал(а):

боковые панели)

так и думала) точнее гугл подсказал х)

Mr.Space; написал(а):

HelenLovato
да, пароль и ник админа мне сюда кидай)

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отредактировано HelenLovato (2011-10-08 22:00:42)

0

6

HelenLovato
Для начала, в фотошопе создавай новый файл размером 1600*1200
Я обычно такой беру)
Затем нажимай ctrl+r  и у тебя откроетсялинейка.
С зажимай на полоску линейки, и переноси её на середину нового файла. У тебя она сама ровно на середину встанет. 
Далее нам нужно добиться вот такого - http://savepic.su/234837m.png
Что бы линии были так.
Давай я расскажу о них.
Линия по середине - эта обозначивеешся уже линия, которая разделяет наш фон на 2 ровные части.
Линии по бокам - это границы нашей шапки. Хотя они и не так важны, потому что я делаю этот стиль по другому, что и далее ты так е будешь изучать)
Горизонтальная линия - эта линия, где кончается шапка.
Вот таким вот образом создавай фон.
Перетаскивай туда все.
Между боковыми линиями и горизонтальной будет расположен уже сам форум. т.е. категории, объявление, темы. Так что его залей одним цветом.
Жду шапки.
Если будет что то не понятно - пиши, объяснюю)

0

7

у меня вечно получается какая-то фигня. и девушку вырезала плохо.
http://savepic.su/198585.png

0

8

напоминаю о себе)

0

9

HelenLovato
Я тут тебя учу н фотошопу, а ксс, так что без разницы (:
Далее - делай стиль в генераторе (ествественно под цвет шапки)

0

10

Mr.Space;
ну тогда уже лучше хд
ок, пойду искать где этот дурацкий генератор хд

0

11

я тупая, я всё сделала, но код не выдаётся. Раньше тыкала ENTER и всё было ок, сейчас  ничего  не выходит.

0

12

ололо, я дотыкала не знаю куда нажала, нои мне выдали код хд
на пробник вставлять?

0

13

всё, на пробнике стоит уже

0

14

продолжаем?)

0

15

извини, что я так долго не отвечала. не было времени..
Сейчас вновь готова обучать)
да, для начала сужаем форум до нужного
в твоём случае ширина форума - это сколько пикселей в шапке на красном фоне посередине
заходим в первое окошко и находим это:
/* A5.1 */
стираем все до пункта /* A5.2 */
вставляем вместо стертого этот код:

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width : 790px;
  padding: 0px 0px 0px 0px;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: none;
  border-top: none;
  float: center;
}

width : 790px; - ширина форума
margin: 0px высота шапки (что бы форум не перекрывал шапку)

0

16

Mr.Space;
конечно, понимаю)
сейчас всё будет

0

17

Mr.Space;
сделано

0

18

HelenLovato
Теперь.
Цвета style_cs.css
Находишь такой пункт - /* CS1.4 */
И всё, что под этим пунктом - стираешь до пункта /* CS1.5 */
И вместо того вставляешь

/* CS1.4 */
#pun-title TABLE {
background : transparent url(http://savepic.su/191088.png) no-repeat left top;
margin-left : 0px;
}

body {background-color: #071379;
background-image : url("http://savepic.net/2137132.jpg");
background-repeat: no-repeat;
background-position : top center;

}

#pun {
background-image : url("");
background-color: #ffffff;
background-position : center;
background-attachment : fixed;

}

.punbb .modmenu .container {
  color: #75606e;
  }

#pun-title TABLE {
background : transparent url(http://savepic.su/191088.png) no-repeat left top;
margin-left : 0px;
}
-это цвет внутреннего фона (если хочешь - картинкой)

body {background-color: #071379;
background-image : url("http://savepic.net/2137132.jpg");
background-repeat: no-repeat;
background-position : top center;

} фон и шапка  #071379; << цвет заднего фона

0

19

в архив

0


Вы здесь » БONAP ART » АРХИВ ОБУЧЕНИЯ » HelenLovato


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