[url=http://eternal.forumy.eu/#]Muta cursorul peste mine[/url]

[i]/**
*
*  simpleTooltip jQuery plugin, by Marius ILIE
*  visit http://dev.mariusilie.net for details
*
**/
(function($){ $.fn.simpletooltip = function(){
  return this.each(function() {
      var text = $(this).attr("title");
      $(this).attr("title", "");
      if(text != undefined) {
        $(this).hover(function(e){
            var tipX = e.pageX + 12;
            var tipY = e.pageY + 12;
            $(this).attr("title", "");
 
          $("body").append("[/i][i]" + text + "[/i]
[i]");
            if($.browser.msie) var tipWidth = $("#simpleTooltip").outerWidth(true)
            else var tipWidth = $("#simpleTooltip").width()
            $("#simpleTooltip").width(tipWidth);
            $("#simpleTooltip").css("left", tipX).css("top", tipY).fadeIn("medium");
        }, function(){
            $("#simpleTooltip").remove();
            $(this).attr("title", text);
        });
        $(this).mousemove(function(e){
            var tipX = e.pageX + 12;
            var tipY = e.pageY + 12;
            var tipWidth = $("#simpleTooltip").outerWidth(true);
            var tipHeight = $("#simpleTooltip").outerHeight(true);
            if(tipX + tipWidth > $(window).scrollLeft() + $(window).width()) tipX = e.pageX - tipWidth;
            if($(window).height()+$(window).scrollTop() < tipY + tipHeight) tipY = e.pageY - tipHeight;
            $("#simpleTooltip").css("left", tipX).css("top", tipY).fadeIn("medium");
        });
      }
  });
}})(jQuery);

si acesta

Cod: [url=http://www.netcustoms.net/t398-tooltip-js-afisarea-unui-sablon-hover-cu-o-notatie-suprapus-peste-o-imagine-text#]Selecteaza tot[/url]$(document).ready(function(){
  $(".with-tooltip").simpletooltip();
});

Ne vom ajuta de tagul "script" pentru a insera codurile jQuery ce trebuie mai intai sa fie uploadate. ([url=http://www.netcustoms.net/tutoriale-web-f28/uploadarea-fisierelor-js-css-etc-t350.htm]vezi tutorialul de upload pentru fisiere ".js"; ".css" etc.[/url])

exemplu:[/i]
[/i][code]


[/code]


[u][b]CSS:[/b][/u]

[i]Vom avea nevoie si de un cod CSS pentru a personaliza sablonul.
Daca stiti CSS il puteti personaliza dupa bunul plac.
Adaugati codul urmator pe pagina intre tagul  sau in foaia de stil CSS.

exemplu:[/i]
Cod: [url=http://www.netcustoms.net/t398-tooltip-js-afisarea-unui-sablon-hover-cu-o-notatie-suprapus-peste-o-imagine-text#]Selecteaza tot[/url]#simpleTooltip { padding: 7px; border: 1px solid #A6A7AB; background: #F2F3F5; }