Форум поддержки пользователей ZeroParking

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

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


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Слитная шапка и фон


Слитная шапка и фон

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

1

Уважаемая администрация. Делаю дизайн для форума http://vampireknightroll.rolka.su/
Хотела бы сделать слитные фон и шапку по примеру форума http://perfomensvampire.rusff.me/, со своими картинками и информацией соответственно.

Элементами форума-примера являются:
Фон: http://s42.radikal.ru/i096/1107/f8/03aa58ea732c.jpg
Элемент фона, что размножается при увеличении количество категорий, тем и т.д.: http://s58.radikal.ru/i160/1107/95/aee9cb91a2e4.png
Заключающий элемент фона внизу: http://s60.radikal.ru/i170/1107/81/4dcf2b4c177d.png
На месте картинок форума-примера будут свои картинки.

Подскажите пожалуйста, какие коды нужно использовать и куда ставить, что бы получить подобный фон из таких отдельных элементов?
Не первые сутки пытаюсь с помощью информации, что нашла на данном форуме, создать нужный результат. К сожалению, безуспешно. На Вас последняя надежда!
Заранее буду безгранично благодарна.

Так же подскажите пожалуйста, как поставить картинку на полосу Форум, Участники, поиск, Регистрация?

Отредактировано Леди Амая (2011-07-06 21:39:53)

0

2

Попробуйте так:

Код:
body {
    background: url(http://xmages.net/storage/10/1/0/3/c/upload/5840b959.jpg);
background-position: top center;
    }

    body {
    background-color: transparent !important;
    background-image: url(http://xmages.net/storage/10/1/0/3/c/upload/5840b959.jpg);  
    background-repeat: no-repeat;
    }

    html {
    background: #dbdbdb url(http://xmages.net/storage/10/1/0/3/c/upload/05f8f05d.jpg) repeat-y; 
    background-position: center top;
    }

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

Леди Амая написал(а):

Заключающий элемент фона внизу: http://s60.radikal.ru/i170/1107/81/4dcf2b4c177d.png

Во второе окно нужно будет добавить:
#html-footer .container {background-image: url(картинка);}
Заметьте, что низ не будет отображаться, если вы не поместите в html-низ тот же контейнер баннеров.

Леди Амая написал(а):

Так же подскажите пожалуйста, как поставить картинку на полосу Форум, Участники, поиск, Регистрация?

Код:
/* CS1.8 */
#pun-navlinks .container {
  background: url(ссылка на фон) repeat;
  color: #000;
}

+2

3

Ви, большое Вам спасибо)
Сейчас попробую!

0

4

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

Не забудьте установить правильные параметры для шапки в самой структуре.

Что имеется ввиду?

0

5

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

Попробуйте так:

, в html-низ?

0

6

К сожалению, не работает этот код у меня что-то. Т.Т

0

7

Леди Амая написал(а):

Что имеется ввиду?

Вот этот кусок:

Код:
/* D1.1 */
#pun-title {
  margin: 0;
  border: none;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 608px;
  margin-bottom: 0px;
}

/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {
  display: none;
}

#pun-title TABLE {
  border: none;
  height:608px;
  width: 100%;
  margin-bottom: 0px;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 800px;
  vertical-align: top center;
  padding-top: 0px;
  padding-right: 0px;
}

Имею в виду, что не забудьте поставить свои значения высоты и ширины для шапки.

Леди Амая написал(а):

в html-низ?

Во второе окно стиля.

0

8

Ви, еще раз спасибо)
Попытка №2.

0

9

Подскажите еще пожалуйста, как в шапке убрать границы? Ибо они черные и на фоне картинки их видно.

0

10

И еще вопрос, как полосу Форум, Участники, Поиск, Регистрация поставить по центру?

А так же, можно ли как-то вернуть черный фон? Ибо, когда ставлю картинку с помощью кода, то та часть где картинка заканчивается становится светло-серой.

Огромное спасибо, картинка работает))

Отредактировано Леди Амая (2011-07-06 23:12:28)

0

11

Леди Амая написал(а):

И еще вопрос, как полосу Форум, Участники, Поиск, Регистрация поставить по центру?

/* CS1.8 */
#pun-navlinks .container {
  background: url(ссылка на фон) repeat;
  text-align: center;
  color: #000;
}

Леди Амая написал(а):

А так же, можно ли как-то вернуть черный фон? Ибо, когда ставлю картинку с помощью кода, то та часть где картинка заканчивается становится светло-серой.

Можно ссылку на тестовик, потому что немного неясно?

0

12

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

Можно ссылку на тестовик, потому что немного неясно?

http://testforgame2.0pk.ru/

А если убрать картинку, то фон черный.

0

13

Леди Амая, вы же не поставили размножающийся фон в третий код.

0

14

Ви, поняла, спасибо. Просто у меня монитор широкий и картинка уже чем монитор, потому серое видно еще и по бокам.

0

15

Леди Амая, в таком случае нужно просто увеличивать размеры фона

0

16

Ви, большое Вам спасибо за советы)

Подскажите еще пожалуйста, как в шапке убрать границы? Ибо они черные и на фоне картинки их видно.

0

17

В п7 я вам дала кусок кодов, отвечающих за шапку. Найдите их в свой структуре (если пользуетесь своими, а не копировали мои) и проставьте строку

Код:
border: none;

0

18

Ви, нашла. Благодарю. Вы мне очень помогли)

0

19

Леди Амая, на здоровье ^^

0

20

Простите, хотела поинтересоваться: куда именно в окно стиля вставлять коды? В самом верху, внизу? Не помешают ли стандартные коды форума, если вставлю поверх них?

0

21

Девушка-кошка, это зависит от того, что вы будете ставить. Если поставите шапку в стиль и отдельно кодом в настройки, то понятное дело, что одно перекроет другое)

Девушка-кошка написал(а):

куда именно в окно стиля вставлять коды?

Преимущественно те коды, которые я давала, нужно ставить во второе окно стиля. Но, к примеру, настройки для шапки должны стоять в структуре стиля.

0

22

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

это зависит от того, что вы будете ставить. Если поставите шапку в стиль и отдельно кодом в настройки, то понятное дело, что одно перекроет другое)

Нет, я собираюсь ставить этим способом. Собственно, по Вашей схеме.

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

Преимущественно те коды, которые я давала, нужно ставить во второе окно стиля.

Это понятно...а вот куда именно, говорю же: в самый верх, в самый низ, ещё куда...

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

Но, к примеру, настройки для шапки должны стоять в структуре стиля.

Как я поняла, в самом стандартном коде, то есть, уже отредактированном?)

0

23

Девушка-кошка написал(а):

Это понятно...а вот куда именно, говорю же: в самый верх, в самый низ, ещё куда...

Давайте разберем второй пост, вы же по нему ставить будете? Значит, первые три скрипта, которые будут задавать положение наших фонов, вставим во второе окно стиля, в самый верх.
Второй код, который стоит в посте, мы, наоборот, ставим в самый низ, после всех-всех кодов, которые у нас там стоят.
Ну а третий код, помеченный нумерацией /* CS1.8 */ вместо того, который стоит у вас сейчас.

Девушка-кошка написал(а):

Как я поняла, в самом стандартном коде, то есть, уже отредактированном?)

Простите, а что такое стандартный код?

0

24

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

Давайте разберем второй пост, вы же по нему ставить будете? Значит, первые три скрипта, которые будут задавать положение наших фонов, вставим во второе окно стиля, в самый верх.
Второй код, который стоит в посте, мы, наоборот, ставим в самый низ, после всех-всех кодов, которые у нас там стоят.
Ну а третий код, помеченный нумерацией /* CS1.8 */ вместо того, который стоит у вас сейчас.

Спасибо, с этим разобралась.

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

Простите, а что такое стандартный код?

Стандартный код - это код, который ещё не подвергался изменениям и правкам, то есть, "стартовый" код стиля в окнах css и cs.css. Я имела в виду это.

0

25

Девушка-кошка написал(а):

Стандартный код - это код, который ещё не подвергался изменениям и правкам, то есть, "стартовый" код стиля в окнах css и cs.css. Я имела в виду это.

А как он тогда отредактированным может быть? Но, возвращаясь к вашему вопросу.. Да, там.

0

26

Отредактированным он будет после редактирования)))
Хм, вставила всё, как надо, смотрите скрин:
http://radikal.ua/data/upload/6895e/4ef … 4962d0.png - главная страница.
Элементы: http://radikal.ua/data/upload/fb1a9/689 … 2ef10.png; http://radikal.ua/data/upload/c2184/040 … 83d172.png

Отредактировано Девушка-кошка (2011-07-07 22:33:40)

0

27

Девушка-кошка, неплохо. Картинку придется подогнать под размеры экрана, сам форум уменьшить до момента, пока он будет влезать во внутренний фон.

0

28

Ви
Придётся. А под какой примерно, не можете сказать?

0

29

Девушка-кошка, я всегда беру фон размерами 1300х1000 либо 1680х1024.

0

30

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

0


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Слитная шапка и фон


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