Гирлянды по бокам сайта 1.0.0

[Skaiman]

Пользователь Skaiman разместил новый ресурс:

Гирлянды по бокам сайта - Две боковые гирлянды к Новому году

Загружаем изображение на сайт, куда пожелаете, только не забудьте исправить путь до нее (в двух местах). В EXTRA.css добавляем:

body {
background: url('img/garland.gif') repeat-y 0% 0px, url('img/garland.gif') repeat-y 100% 0px;
padding:0px 8px;
}

Демо работы:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Узнать больше об этом ресурсе...

 

[Hope]

А нельзя без демо? Может просто скриншот? :)

 

[Skaiman]

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

 

[iishel]

скинте пожалуйста код сюда без бб кода, с телефона не могу скопировать

 

[Hope]

body {
background: url('img/garland.gif') repeat-y 0% 0px, url('img/garland.gif') repeat-y 100% 0px;
padding:0px 8px;
}

 

[iishel]

эх жаль, у меня с основным стилем конфликтует. :-(

 

[Skaiman]

Напиши свой стиль body, можно попробовать совместить.

Если в теге body уже есть изображение, например
body {
background: url(images/pattern-left.png) repeat-y;
}
То можно туда же добавить:
body {
background: url(images/pattern-left.png) repeat-y,
url('img/garland.gif') repeat-y 0% 0px,
url('img/garland.gif') repeat-y 100% 0px;
}

 

[iishel]

Напиши свой стиль body, можно попробовать совместить.

Если в теге body уже есть изображение, например
body {
background: url(images/pattern-left.png) repeat-y;
}
То можно туда же добавить:
body {
background: url(images/pattern-left.png) repeat-y,
url('img/garland.gif') repeat-y 0% 0px,
url('img/garland.gif') repeat-y 100% 0px;
}

дружище, да мне с телефона какие стили писать. :-)

 

[Skaiman]

ну так пригодиться :) мож еще админы есть

 

[Михаил Ранго]

Skaiman, А что делать если у меня на фоне стоит своя картинка? Как поставить гирлянды по верх?
ps

body {
background: url(/forum.background.jpg) repeat-y,
url('garland.gif') repeat-y 0% 0px,
url('garland.gif') repeat-y 100% 0px;
}

не помогает

 

[Skaiman]

дай в личку адрес гляну

В шаблоне xenforo.css найди

body {
    background: url("http://chitachok.ru/styles/uix_dark/forum.background.jpg") no-repeat fixed 0 0 rgb(51, 51, 51);
    color: rgb(255, 255, 255);
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 13px;
    line-height: 1.28;
    min-width: 300px;
    word-wrap: break-word;
}

Типа этого, там путь до картинки будет немного по другому написан, @imagePath вначале. Попробуй сделать так

body {
    background: url("http://chitachok.ru/styles/uix_dark/forum.background.jpg") no-repeat fixed 0 0 rgb(51, 51, 51),
                url('img/garland.gif') repeat-y 0% 0px,
                url('img/garland.gif') repeat-y 100% 0px;
    color: rgb(255, 255, 255);
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 13px;
    line-height: 1.28;
    min-width: 300px;
    word-wrap: break-word;
}

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

 

[Михаил Ранго]

Skaiman, Фон становится белым и не гирлянд не картинки нету :(

 

[Skaiman]

Skaiman, Фон становится белым и не гирлянд не картинки нету :(

Решение для твоего стиля такое. Надо перенести изображение фона из body в html. В настройках "Тело страницы" - "Фон", очисти все включая цвет.

В "HTML" укажи путь до картинки styles/uix_dark/forum.background.jpg и no-repeat fixed.

 

[Denis97832]

У меня только по левой стороне гирлянды а по правой нет

 

[Skaiman]

смотри внимательно, там два пути указано, может ошибка где

 

[Denis97832]

смотри внимательно, там два пути указано, может ошибка где

Спасибо) я не указал второй путь

 

[Rommax]

Отредачил сообщение ) Все норм ) Во что получилось )

 

[Skaiman]

Можно и разные картинки

 

[Михаил Ранго]

Skaiman, Перенес в html как вы и сказали но что дальше не понимаю :notworthy:

 

[Skaiman]

Skaiman, Перенес в html как вы и сказали но что дальше не понимаю :notworthy:

Ну так теперь body свободен и можно делать, то что предложено изначально