Merhaba arkadaşlar
İlk olarak sorunum için hazırladığım imaj


Şimdi gelelim sorunuma
Ben bu 2 icon için bir tooltip yaptım fakat ikisi içinde aynı css'i kullanıyorum ve arkaplan renklerini farklı yapamıyorum.

Farklı classlar oluşturmayı denediğimdede 2 side aynı şekilde arkaplan değiştiriyo bunu nasıl çözebilirim.

Ek olarak söylemek istediğim bu tooltip için indirdiğim js dosyalarının içinde değişiklik yapmayı bilmediğim için fazla dokunmadım acaba js dosyasının içinde ayrı kodlarmı oluşturmam gerekiyor.
/**
Vertigo Tip by www.vertigo-project.com
Requires jQuery
*/

this.vtip = function() {    
    this.xOffset = -10; // x distance from mouse
    this.yOffset = 10; // y distance from mouse       
    
    $(".vtip").unbind().hover(    
        function(e) {
            this.t = this.title;
            this.title = ''; 
            this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset);
            
            $('body').append( '<p id="vtip"><img id="vtipArrow" />' + this.t + '</p>' );
                        
            $('p#vtip #vtipArrow').attr("src", 'images/vtip_arrow.png');
            $('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn("slow");
            
        },
        function() {
            this.title = this.t;
            $("p#vtip").fadeOut("slow").remove();
        }
    ).mousemove(
        function(e) {
            this.top = (e.pageY + yOffset);
            this.left = (e.pageX + xOffset);
                         
            $("p#vtip").css("top", this.top+"px").css("left", this.left+"px");
        }
    );            
    
};

jQuery(document).ready(function($){vtip();})
bu java dosyasının içindeki kodlar