Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/11/2013, 11:35
Avatar de America|UNK
America|UNK
 
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 13 años, 5 meses
Puntos: 56
Gorra de navidad en los nick de foros vBulletin/phpBB3 con Javascript

Hola, a continuación compartí ese simple script en otro foro. Lo que pretende hacer, es colocar una imágen (gorra de navidad) arriba de los nick's del foro.

Código:
			/*!
				Gorra navidad jQuery v1.0 by [email protected]
				//Añadir en las etiquetas <head>:
					<head>
						<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
						<script type="text/javascript">
							codigo...
						</script>
					</head>
			*/
Código:

Código PHP:
            $(document).ready(function(){
                var 
cfg = {
                    
selectors    'a.username, a.bigusername, .author a[href*="memberlist"]',
                    
position     : {x12y: -7},
                    
size        : {width25height25},
                    
image        'http://i.imgur.com/ZVU2m37.png?1' //mismo tamaño de size
                
};
                
                $(
cfg.selectors).each(function(){
                    var 
= $(this), e.offset(), = $("<div/>").css({
                        
position'absolute',
                        
topp.top cfg.position."px",
                        
leftp.left e.width() - cfg.size.width cfg.position."px",
                        
widthcfg.size.width "px",
                        
heightcfg.size.height "px",
                        
background'transparent url('+cfg.image+') no-repeat 0',
                        
display'none'
                    
});
                    $(
"body").append(g.fadeIn('slow'))
                });
            }); 
Resultado:



Espero les sirva, saludos
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */