/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # Script: CSSombra # # Versão: 1.0a # # Mootools: 1.11 ou 1.2 (core) # # Data de criação: 20/02/2009 # # Autores: Gabriel Paladino e Diogo Lourenço # # E-mails: l31rb4g@gmail.com e diogowebmaster@hotmail.com # # ----------------------------------------------------------- # # # # Instruções: # # 1) Inclua esse arquivo no da sua página. # # 2) Aplique a classe "cssombra" nos elementos que você desejar. # # # # [!] Atenção: O Mootools deve ser incluído antes desse script. # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */ sombra = new Class({ opcoes:{ margin:2, //em pixels color:'#bbb' }, initialize:function() { $$('.cssombra').each(function(el) { sombra = el.clone(); sombra.removeClass('cssombra').addClass('cssombra_shadow'); sombra.setStyles({ 'position':'absolute', 'margin-top':Math.ceil(this.opcoes.margin) + 'px', 'margin-left':Math.ceil(this.opcoes.margin) + 'px', 'color':this.opcoes.color }); el.setStyles({ 'position':'relative', 'top':'0', 'left':'0' }); sombra.inject(el, 'before'); }.bind(this)); } }); window.addEvent('domready', function() { new sombra; });