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

Важное:

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

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

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

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

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

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



                

Навигация:

Правила Бона

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

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

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

Пиар от BONUP ART

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


[взломанный сайт]
Plymouth: Evil Is Rising.


БONAP ART

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

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


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


Фоныч

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

1

Привеееет Каатя я тоже Катя)) ну да ты знаешь хддд

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

+1

2

Mr.Space;
Вообще хотелось бы научится такого типа как ты сделала)

0

3

Фоныч
создавай тестовой форум.
сюда кидай пароль и ник админа.

0

4

http://onceincalifornia.rusff.me/

Daniel Foster

1111

0

5

Фоныч

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

создавай новый тестовой форум.

:flag:

0

6

http://testmenow.mybb.ru/

Sam
1111

0

7

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

0

8

Непонятно)
Я сделала линейку, задала С и у меня выделился инструмент рамка...и что дальше?:(

0

9

Фоныч написал(а):

Я сделала линейку, задала С и у меня выделился инструмент рамка...и что дальше?

Ну, открываешь линейку
и не отпуская ctrl  перетаскиваешь линейку на фон и у тебя будет голубые линии

0

10

тык

http://10pix.ru/img1/4765/5831215.png

0

11

Фоныч
почему низ белый?

0

12

Mr.Space;
а какой он должен быть?  это типо уже тело форума)

0

13

Фоныч
да вообще внизу.
Почему у тебя по бокам тоже белое (внизу)?

0

14

вот

http://10pix.ru/img1/1821/6029898.png

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

Сделала, но у меня получается что тело не прокручивается..

0

17

Фоныч
Ну так естественно! Зачем раньше времени спешить? Я пока не объясняла, как вставлять сам фон. =)
/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
background: url(http://10pix.ru/img1/1821/6029898.png) fixed repeat-y top center;
}

Фон зафиксирован, ну естественно, как же ему двигаться х)))

Я тебе вернула исходную форму body. и даай договоримся, что ты не будешь спешить раньше времени))

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

body {
background-color: #dbdbdb;
}

#dbdbdb; <<< заменяешь на цвет фона (оранжевого)


Теперь.
Цвета 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

18

в архив

0


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


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