Register    Sign in
Authentification
uCoz Scripts » Holiday Scripts » –

Garland v2

Make your site more attractive for the winter holidays.
Install : Control Panel - Design - Design management (templates) - where you want the garlands appear, after <body> , add:

Code

<style type="text/css">  
  #garland {position:absolute;top:0;left:0;background-image:url('http://themes.ucoz.net/materials/holidays/garland.png');height:36px;width:100%;overflow:hidden;z-index:99}  
  #nums_1 {padding:100px}  
  .garland_1 {background-position: 0 0}  
  .garland_2 {background-position: 0 -36px}  
  .garland_3 {background-position: 0 -72px}  
  .garland_4 {background-position: 0 -108px}  
  </style>  

  <div id="garland" class="garland_4"><div id="nums_1">1</div></div>  

  <script type="text/javascript">  
  function garland() {  
  nums = document.getElementById('nums_1').innerHTML  
  if(nums == 1) {document.getElementById('garland').className='garland_1';document.getElementById('nums_1').innerHTML='2'}  
  if(nums == 2) {document.getElementById('garland').className='garland_2';document.getElementById('nums_1').innerHTML='3'}  
  if(nums == 3) {document.getElementById('garland').className='garland_3';document.getElementById('nums_1').innerHTML='4'}  
  if(nums == 4) {document.getElementById('garland').className='garland_4';document.getElementById('nums_1').innerHTML='1'}  
  }  

  setInterval(function(){garland()}, 600)  
  </script>


The result :
1






Autor: cioLAN  2017-11-22, 18:15:04   Views : 689   

Tags: Holidays, Winter, garlands, Lights, winter holidays


Total comments (0)
avatar