Страница 7 из 12

Новый год!

Добавлено: 12 дек 2015, 14:59
Diana
Поставила вместо снеговика снежинку. Тоже неплохо :wink:
Изображение

Вообще идея классная, можно что угодно ставить: тортики-пироженки, цветочки-веточки, птички-зверюшки.... куда фантазия заведёт :)

Новый год!

Добавлено: 13 дек 2015, 15:31
beholder
Нашел неплохую коллекцию новогодних бесшовных (т.е. без границ при "слиянии") фонов от одного автора.
Может кому-нибудь пригодится.

http://www.garmoniazhizni.ru/post252428781
http://www.garmoniazhizni.ru/post250896409
http://www.garmoniazhizni.ru/post252429412
http://www.garmoniazhizni.ru/post249596654

Отправлено спустя 4 минуты 25 секунд:
Поставил для эксперимента десяток из них на форум поддержки. Если всё правильно сделал, то будет меняться каждый час, так-же менять можно нажав на картинку Изображение :D

Новый год!

Добавлено: 13 дек 2015, 16:38
Вчерашний борщ
А как сделать так, чтобы и гирлянда была и фон основной другой?
Смена фонов с колокольчиком очень приятная идея! :good:

Новый год!

Добавлено: 13 дек 2015, 16:43
beholder
небольшая памятка по простейшей установке заднего фона:

установка мозаичного фона
[+] в таблицу стилей

Код: Выделить всё

body {
background: url("ССЫЛКА НА ЗАКАЧАННУЮ КАРТИНКУ ЭЛЕМЕНТ МОЗАИКИ")  !important;
min-height: 100%;
height:initial;
}
Установка заднего фона одной большой картинкой. Фон НЕ прокручивается вместе с форумом:
[+] в таблицу стилей

Код: Выделить всё

body
{
     background: url("ССЫЛКА НА БОЛЬШУЮ КАРТИНКУ ЗАДНЕГО ФОНА") !important;;
     background-size: 100% !important;;
     background-attachment: fixed !important;;
     background-repeat: no-repeat !important;;
}
Установка заднего фона одной большой картинкой. Фон прокручивается вместе с форумом:
[+] в таблицу стилей

Код: Выделить всё

body
{
     background: url("ССЫЛКА НА БОЛЬШУЮ КАРТИНКУ ЗАДНЕГО ФОНА") !important;;
     background-size: 100% !important;;
     background-repeat: no-repeat !important;;
}

Новый год!

Добавлено: 13 дек 2015, 16:45
beholder
Вчерашний борщ писал(а): как сделать так, чтобы и гирлянда была и фон основной другой?
Посмотрите в предыдущем сообщении сделал небольшую памятку. Если гирлянда была сделана не через body background, то она будет показываться совместно с фоном.

Новый год!

Добавлено: 13 дек 2015, 17:34
Вчерашний борщ
beholder, подняла гирлянду, опустила мозаичный фон (в идеале для гирлянды снежинок лучше, чтобы куска фона над шапкой просто не было). Немного стал сходить с ума ползунок при переходе к подвалу форума. Видно, если нажать кнопку "вниз".

Новый год!

Добавлено: 13 дек 2015, 18:02
beholder
Вчерашний борщ писал(а): beholder, подняла гирлянду, опустила мозаичный фон (в идеале для гирлянды снежинок лучше, чтобы куска фона над шапкой просто не было). Немного стал сходить с ума ползунок при переходе к подвалу форума. Видно, если нажать кновку "вниз".
лучше не делать position: absoluteдля body
вернее - иногда это проходит без последствий, но в данном случае ваш скрипт "снегопада" от этого "глючит".
Как исправить затрудняюсь сказать, так как неизвестно как этот снегопад работает.

если хочется body отодвинуть от верхнего края, можно попробовать сделать для него margin-top: 50px;
хотя как мне кажется будет сверху белое пятно - как-то не очень..

Новый год!

Добавлено: 13 дек 2015, 18:21
Вчерашний борщ
beholder, спасибо, сумасшедствие остановлено. :) А так, остановлюсь, может не лучший вариант, но уже достаточно времени потрачено для временного украшательства. :oops:

Новый год!

Добавлено: 14 дек 2015, 00:16
Кнора
Что то картинка не на всю длину, что не верно?
Вот такой код:

Код: Выделить всё

body
{
     background: url

("http://dachniiotvet.galaktikalife.ru/store/sadiogorod_getbb_ru/images/FON2.jpg");
     background-size: 100%;
     background-repeat: no-repeat;
}

Новый год!

Добавлено: 14 дек 2015, 00:39
Merlin
Кнора писал(а): Что то картинка не на всю длину, что не верно?

Код: Выделить всё

     background-size: 100%;
     background-repeat: no-repeat;
http://htmlbook.ru/css/background-size
http://htmlbook.ru/css/background-repeat