0
Welcome Guest! Login
0 items Join Now

Help Will MooTools Tips

Last Post
Search Topic
    • CoreyVM's Avatar
    • CoreyVM
    • Sr. Rocketeer
    • Posts: 113
    • Thanks: 0

    Help Will MooTools Tips

    Posted 15 years 6 months ago
    • I'm hoping someone can help me.

      I've done exactly as the demo has here: demos111.mootools.net/Tips

      If you go to my site and scroll to the bottom, hover over the buttons that says "Your Button Here"

      www.mywebpromo.com

      You can see that the styling is not quite right. Somewhere it's adding a yellow box around it.

      Any help would be great!
    #419051
    • Jamesso's Avatar
    • Jamesso
    • Elite Rocketeer
    • Posts: 500
    • Thanks: 0

    Re: Help Will MooTools Tips

    Posted 15 years 6 months ago
    #419101
    • CoreyVM's Avatar
    • CoreyVM
    • Sr. Rocketeer
    • Posts: 113
    • Thanks: 0

    Re: Help Will MooTools Tips

    Posted 15 years 6 months ago
    • This is the image I'm using: www.mywebpromo.com/styles/iridium/theme/images/bubble.png

      CSS:
      .tool-tip {
     color: #fff;
     width: 139px;
     z-index: 13000;
}
 
.tool-title {
     font-weight: bold;
     font-size: 11px;
     margin: 0;
     color: #9FD4FF;
     padding: 8px 8px 4px;
     background: url("{T_THEME_PATH}/images/bubble.png") top left;
}
 
.tool-text {
     font-size: 11px;
     padding: 4px 8px 8px;
     background: url("{T_THEME_PATH}/images/bubble.png") bottom right;
}

      JavaScript:
      var Tips2 = new Tips($$('.Tips2'), {
          initialize:function(){
               this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
          },
          onShow: function(toolTip) {
               this.fx.start(1);
          },
          onHide: function(toolTip) {
               this.fx.start(0);
          }
     });
});

      HTML:
      <img src="{T_THEME_PATH}/images/slides/your_button_here.png" alt="Your Button Here" class="Tips2" title="Slider Ads :: Display your button here!" />
    #419118

Time to create page: 0.064 seconds