Иконка ресурса

Анимированая еловая ветка в правом углу 1.0

Нет прав для скачивания
B

Bluebird

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

Анимированая еловая ветка в правом углу - Предновогоднее настроение.

Ещё одно новогодние дополнение, который добавляет на сайт Наряженную мерцающую еловую ветку в правый верхний угол сайта.
<div style="position:absolute; right:0%; top:0px;"><img src="ссылка" border="0" /></div>

Узнать больше об этом ресурсе...
 
Там совместимость не только с xenforo, с любым движком и самописными страницами :)

только надо в body
 
В head правильно отображаться не будет, разместил перед </body> )
 
Вот ещё подобные картинки. Только они большие, нужно уменьшать до требуемого размера. А ёлочки можно пополам разрезать и внизу по углам расставить. ))
Правда есть один косяк с таким кодом. При узкой ширине экрана это изображение перекрывает элементы сайта, не давая даже нажать на ссылки. Я пробовал вот такой код с z-index:
HTML:
<div style="position:absolute;top:0px;left:0px;width:350px;height:344px;z-index:-1000;background:url('путь/к/файлу');background-repeat:no-repeat"></div>
Но тоже не очень получается. Нужны либо условия на ширину экрана (если так возможно), либо вообще через настройки стиля попробовать... отпишусь, если получится.

В общем, что-то получилось... правда не идеально: добиться того, чтобы при средней или узкой ширине изображения исчезали, я не смог. :( Ну хоть теперь они не перекрывают важные элементы управления, да и в целом более правильный подход, мне кажется, чем DIV-ы городить. :thumbsup:
В общем, в настройках стиля Основное > Тело страницы прописываем такой код:
HTML:
background: fixed url(new_year/top-left.png) top left no-repeat,
            fixed url(new_year/top-right.png) top right no-repeat,
            fixed url(new_year/bottom-left.png) bottom left no-repeat,
            fixed url(new_year/bottom-right.png) bottom right no-repeat;
Уменьшил изображения, и ёлочки порезал. Прикладываю архив, там найдёте эти картинки.
 

Вложения

  • 01.png
    01.png
    243.6 KB · Просмотры: 17
  • 02.png
    02.png
    450 KB · Просмотры: 19
  • 03.png
    03.png
    481.1 KB · Просмотры: 19
  • 04.png
    04.png
    410.3 KB · Просмотры: 18
  • 05.png
    05.png
    488.8 KB · Просмотры: 18
  • 06.png
    06.png
    258.4 KB · Просмотры: 15
  • New Year.zip
    274.1 KB · Просмотры: 7
а как так же в левый угол?
А над твоим сообщением, Sergey Miroshnichenko, не достаточно объяснил?

Нужны либо условия на ширину экрана (если так возможно)
Так это есть в ксене
Ну хоть теперь они не перекрывают важные элементы управления, да и в целом более правильный подход, мне кажется, чем DIV-ы городить.
Так вернемся к малым мониторам, на 17-19 дюймов например, их не будет видно. В div, абсолютное позиционирование и можно сдвинуть от элементов управления, можно сделать фиксированными и они не будут двигаться, вот и не более правильный подход получается. :)

да, еще, есть стили не фиксированные и расстояние от края экрана у них малое, где будут эти веточки?

Блин и снова Sergey Miroshnichenko, влез в чужую тему, перетянул одеяло на себя и открыл со мной дискуссию :)
 
да, еще, есть стили не фиксированные и расстояние от края экрана у них малое, где будут эти веточки?
Так если делать через код, что в ресурсе, то изображение вообще над элементами меню получается, и они даже не нажимаются. В моём случае, изображения будут за меню, и оно будет работать. Я ведь не просто так написал. Тестировал, смотрел.
А вообще, подобные украшения только для фиксированной ширины, при широких стилях очевидно лучше поискать другие способы украсить сайт. Другие, более подходящие изображения, или в другом месте.
В div, абсолютное позиционирование и можно сдвинуть от элементов управления
Эмм. Нет. Некуда сдвигать. Ибо и так у края. А если по вертикали, так тоже не то.
можно сделать фиксированными
Так они фиксированные. fixed
А вообще, у меня нет никакого желания с кем-либо спорить, ибо сам не великий специалист. Просто смотрю как лучше, предлагаю разные варианты. Понятное дело, стили разные у всех, кому-то подойдёт кому-то нет. В моём стиле с фиксированной шириной смотрится шикарно. Ещё и снег добавил, вообще бесподобно стало.
Так это есть в ксене
Ну, я пока не достиг значит такого уровня. ((
 
не интересно все это, это из года в год везде и всюду веточки-елочки, абсолютные-фиксированные, хочется чего то нового.

Вот например:

 
ТС а что у тебя за стиль стоит если не секрет? можно пару скринов?
 
Как сделать чтобы эта анимированная елка при скроллинге не уходила вверх а была на месте
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу