Атмосфера рождества, на свой сайт

Всех с наступающим, вот может авось кому да пригодится =)






Для этого открываем header или footer и вставляем в самый низ:

HTML:

<script type="text/javascript">
  document.write('<style type="text/css">body{padding-bottom:20px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="/styles/img/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="/styles/img/top-right.png"/><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(/styles/img/footer.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="/styles/img/bottom-left.png"/>');
</script>

Не забываем залить картинки на свой сервер.

Путь картинок:

Код:

/styles/img/

вот и все =) еще раз всех с наступающим =)

 

поставил картинки вверху перекрывают вход ! можно сделать чтобы под картинкой нажимать можно было ?

 

Я себе подобное ставила. Размер угловх картинок можно уменьшить, но тогда они не очень карсиво смотрятся. Самое паршивое было, что на телефоне или планшете ёлка сильно мешает. Как её сделать резиновой- не знаю. Как-то ради нескольких дней решила не замораиваться.

 

На мой взгляд так будет лучше

HTML:

<script type="text/javascript">
  document.write('<style type="text/css">body{padding-bottom:20px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="/styles/img/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="/styles/img/top-right.png"/><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(/styles/img/footer.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:120px;left:20px" src="/styles/img/bottom-left.png"/>');
</script>

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