FREAKSHOW

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

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


Вы здесь » FREAKSHOW » Обучение дизайну » две недели до декабря


две недели до декабря

Сообщений 31 страница 60 из 142

31

Вот, а это надо учитывать. Если честно, то я ее не заметила. В принципе можно оставить и так. Да, ты сохраняешь psd?

0

32

ультраморин написал(а):

Да, ты сохраняешь psd?

Да, конечно)

Вариант с фоном посветлее на предыдущей странице выставила.

0

33

Будем ставить шапку и фон.

Заходим в администрирование ---> Свой стиль

Для того что бы дизайн отображался нужно поставить галочку использовать свой стиль. В первом окне стиля не советую бездумно что либо менять. Оно отвечает за структуру форума и можно просто все испортить. Второе окно отвечает за цвета. С ним сейчас и будем работать.

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

Вставляешь вот это

#pun-title table {
background-image : url("...");}

body {background-color: #цвет переадресации;
background-image : url("ссылка на фон");
background-repeat: repeat;
background-position : top center;}

#pun { background-image : url("ссылка на фон");
background-color : #;
background-position : center;}

#pun_wrap {background-image: url("ссылка на шапку"); background-repeat: no-repeat; background-position: center top; }

Сейчас все нужно будет настроить, это будем делать в 1 окне стиля.

Находим A5 Basic page layout and borders и вставляем следующее:

/* A5.1 */
#pun {
  margin: 0px;
  position: relative;
  width: 800px;
  margin: auto;
  }

800 пикселей это ширина нашего форума.

Теперь настроим шапку. Ищем D1 Logo and description. Теперь находим /* D1.4 */ и меняем на это:

#pun-title h1 span  {
   display: none;
  }

#pun-title TABLE {
  border: none;
  height: 500px;
  width: 800px;
  float: none;
  background-image: url(ссылка на шапку);
  background-position : top center; 
}

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

0

34

Видимо, я где-то конкретно накосячила...

http://uploads.ru/i/u/N/R/uNR1B.png

0

35

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url(../../img/Mybb_GreenGrey/h2.gif) #2a2a2a repeat-x;
  color: #A5BB6A;
  text-align: center;
  }

/* CS1.4 */
.punbb .modmenu .container {
  background-color: #2F2F2F;
  color: #6F6F6F;
  }

#pun-title table {
background: url(http://s2.ipicture.ru/uploads/20111117/8VxTLPsa.png) no-repeat center top;
}

В первом случае убери ссылку мубб, а во второй зачем еще раз шапку поставила. Тоже убирай.

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

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

.punbb th {
  color: #586B2F;
  background: url(../../img/Mybb_GreenGrey/sub.gif) #91a556 repeat-x;
}

тут тоже ссылку мубб убирай

0

36

Всё изменила.

0

37

А, поняла в чем проблема. Везде где написано это background-color: #252525; убирай. По этому эти цвета перекрывают фон.

0

38

Отредактировала)

0

39

Ну ты наверное сама видишь, что еще не совсем хорошо. Убирай background-color: #252525; во всем CS1 Background and text colours.

0

40

Вижу, конечно((( Но я прошарила весь Цвета style_cs.css и больше #252525 не нашла....может быть, там другой цвет идёт?

0

41

Там где написано background-color убирай, не важно какой цвет - он нам не нужен.

0

42

Всё, готово...теперь, вроде бы, нормально.

0

43

Не совсем нормально. Вот смотри

.punbb th {
  color: #586B2F;
  background: url() #91a556 repeat-x;
} - тут не убрала то что выделено и еще вот тут

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url() #2a2a2a repeat-x;
  color: #A5BB6A;
  text-align: center;
  }

0

44

ультраморин написал(а):

Вот смотри

Теперь, надеюсь, точно всё)

0

45

Да теперь все. Что будем делать дальше напишу завтра.

0

46

Окей, буду ждать)

0

47

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

0

48

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

0

49

Ксюш, у меня к тебе два вопроса:

1) Внизу шапки сильно выделяется задний фон, на котором мы шапку делали. Он не совпадает с задним фоном, который мы устанавливали. Это как-то можно убрать кодами или только ластиком в фш?

2) Можно ли на задний фон всего форума поставить фон отличный от того, который мы используем для середины? Чтобы середина оставалась с дымом, а задний фон всё же был просто монолитным без всяких украшений?

0

50

По поводу первого вопроса. Сейчас к сожалению не могу посмотреть тестовик потому что сижу с телефона. Что бы все было ровно в дизайне прежде всего должна быть качественно сделанна графика. Например если делая фон съедешь хоть на один пиксель в сторону, то косяк сразу же будет виден. Так что кодами тут не настроить. Ни и на счет фона. Да, конечно задний фон можно сделать отличным от фона тела форума.

0

51

Да, серьёзно всё...тогда буду ждать вечером твоих рекомендаций.

0

52

Хорошо ))

0

53

Да, теперь вижу, что не совпадает. Просто видимо немного накосячила когда делала и теперь так получилось. Тут собственно не чего не сделаешь кроме того, что нужно переделать графику.

0

54

Ясно, а где поменять задний фон всего форума, чтобы не затронуть фон середины?

0

55

Попробуй сюда вставить

#pun-title table {
background-image : url("...");}

А вообще лучше следить за качеством графики.

0

56

ультраморин написал(а):

Попробуй сюда вставить

Неа, не работает(

0

57

А что у тебя за проблемы с фоном?

0

58

Смотри, я хочу, чтобы задний фон всего форума был вот таким http://uploads.ru/i/k/6/v/k6vuN.jpg и не размножался.
А фон середины с элементами дыма, как сейчас.

Отредактировано shadow (2011-11-23 19:02:13)

0

59

Я смотрела смотрела и не понимаю почему у тебя все так отображается. Кинь свои элементы графики сюда.

0

60

Шапка: http://uploads.ru/i/k/9/z/k9zMu.jpg

Фон: http://uploads.ru/i/k/6/v/k6vuN.jpg

Фон середины: http://uploads.ru/i/M/0/D/M0Dty.jpg

0


Вы здесь » FREAKSHOW » Обучение дизайну » две недели до декабря