Staff en línea

Página 2 de 2. Precedente  1, 2

[Resuelto] ¿es posible cambiar todos los cuadros de texto que aparecen al dejar el ratón sobre algún elemento o bienen por defecto del navegador o del sistema operativo?
Tema iniciado por y Añadir a favoritos



Última edición por Himnoshistoricos el Miér Mar 02, 2016 12:40 pm, editado 1 vez
Recuerdo del primer mensaje :

URL::www.niunpasoatras.org
Versión de mi foro::phpBB 3
Navegador::firefox
Descripcion del problema:¿es posible cambiar todos los cuadros de texto que aparecen al dejar el ratón sobre algún elemento o bienen por defecto del navegador o del sistema operativo? veo que en todos los foros son iguales, un cuadro pequeño de color amarillo claro y el color de la fuente en negro y he visto este JS pero es para cosas determinadas que incluyamos y no para todo el foro de una manera automática y de forma que sustituya a los tooltips que vienen en los foros por defecto:
http://www.opensourcephpbb3.com/t815-javascript-personalizar-tooltips?highlight=Tooltips
Capturas de pantalla del problema:sería genial que se pudieran ver así, pero con otros colores....


Mensaje automático



[ok]Cierro tema, y muevo a Temas resueltos[/ok]
Himnoshistoricos
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://c2.staticflickr.com/2/1445/25839638916_404acbe82c_b.jpg


Color de titulos :

#fff


Sombra titulo :

0 1px #000


Mensajes :

499


Puntos :

656


Me gusta :

93


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


Ver perfil de usuario http://www.niunpasoatras.org/

Volver arriba Ir abajo

ya, pero yo lo que quería es para los tips que vienen por defecto no para los que yo ponga en algo determinado, por eso digo que igual no se puede hacer ya que en todos los foros son iguales e incluso coinciden con los del navegador al poner en el cursor de otras ventanas abiertas, yo me refiero a cambiarlo en los tips que salen por defecto cuando ponemos el cursor en cualquier parte y nos sale esa ventana amarilla informando de lo que es, como en este cuadro de texto que si pongo el cursor en los botones de las herramientas me indica ese letrero para que sirve cada una, yo creo que eso no se puede cambiar ya que todos los foros lo tienen igual, otra cosa diferente es que ponga yo una imagen y le añada un tip que creo que es eso lo del JS de kensha pero no es eso lo que solicito, creo que no me has entendido bien, yo me refiero a los que salen por defecto
Himnoshistoricos
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://c2.staticflickr.com/2/1445/25839638916_404acbe82c_b.jpg


Color de titulos :

#fff


Sombra titulo :

0 1px #000


Mensajes :

499


Puntos :

656


Me gusta :

93


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


Ver perfil de usuario http://www.niunpasoatras.org/

Volver arriba Ir abajo

staff
entonces este no es el código que ocupas lo siento
Chalo
avatar

¿Que estoy pensando? :

ayudando como debe ser [table class=fecha_up][td]Se modifico:2/010/18 - 20:40 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6839


Puntos :

8934


Me gusta :

1030


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

no se puede hacer ¿no? es lo que me supongo
Himnoshistoricos
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://c2.staticflickr.com/2/1445/25839638916_404acbe82c_b.jpg


Color de titulos :

#fff


Sombra titulo :

0 1px #000


Mensajes :

499


Puntos :

656


Me gusta :

93


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


Ver perfil de usuario http://www.niunpasoatras.org/

Volver arriba Ir abajo

staff
con el code publicado no, no es posible, es un trabajal

pero existe este otro, requiere que lo ajustes a tus necesidades

Código:

(function(c) {
    function a(d) {
        if (d.attr("title") || typeof(d.attr("original-title")) != "string") {
            d.attr("original-title", d.attr("title") || "").removeAttr("title")
        }
    }

    function b(e, d) {
        this.$element = c(e);
        this.options = d;
        this.enabled = true;
        a(this.$element)
    }
    b.prototype = {
        show: function() {
            var g = this.getTitle();
            if (g && this.enabled) {
                var f = this.tip();
                f.find(".tipsy-inner")[this.options.html ? "html" : "text"](g);
                f[0].className = "tipsy";
                f.remove().css({
                    top: 0,
                    left: 0,
                    visibility: "hidden",
                    display: "block"
                }).appendTo(document.body);
                var j = c.extend({}, this.$element.offset(), {
                    width: this.$element[0].offsetWidth,
                    height: this.$element[0].offsetHeight
                });
                var d = f[0].offsetWidth,
                    i = f[0].offsetHeight;
                var h = (typeof this.options.gravity == "function") ? this.options.gravity.call(this.$element[0]) : this.options.gravity;
                var e;
                switch (h.charAt(0)) {
                    case "n":
                        e = {
                            top: j.top + j.height + this.options.offset,
                            left: j.left + j.width / 2 - d / 2
                        };
                        break;
                    case "s":
                        e = {
                            top: j.top - i - this.options.offset,
                            left: j.left + j.width / 2 - d / 2
                        };
                        break;
                    case "e":
                        e = {
                            top: j.top + j.height / 2 - i / 2,
                            left: j.left - d - this.options.offset
                        };
                        break;
                    case "w":
                        e = {
                            top: j.top + j.height / 2 - i / 2,
                            left: j.left + j.width + this.options.offset
                        };
                        break
                }
                if (h.length == 2) {
                    if (h.charAt(1) == "w") {
                        e.left = j.left + j.width / 2 - 15
                    } else {
                        e.left = j.left + j.width / 2 - d + 15
                    }
                }
                f.css(e).addClass("tipsy-" + h);
                if (this.options.fade) {
                    f.stop().css({
                        opacity: 0,
                        display: "block",
                        visibility: "visible"
                    }).animate({
                        opacity: this.options.opacity
                    })
                } else {
                    f.css({
                        visibility: "visible",
                        opacity: this.options.opacity
                    })
                }
            }
        },
        hide: function() {
            if (this.options.fade) {
                this.tip().stop().fadeOut(function() {
                    c(this).remove()
                })
            } else {
                this.tip().remove()
            }
        },
        getTitle: function() {
            var f, d = this.$element,
                e = this.options;
            a(d);
            var f, e = this.options;
            if (typeof e.title == "string") {
                f = d.attr(e.title == "title" ? "original-title" : e.title)
            } else {
                if (typeof e.title == "function") {
                    f = e.title.call(d[0])
                }
            }
            f = ("" + f).replace(/(^\s*|\s*$)/, "");
            return f || e.fallback
        },
        tip: function() {
            if (!this.$tip) {
                this.$tip = c('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"/></div>')
            }
            return this.$tip
        },
        validate: function() {
            if (!this.$element[0].parentNode) {
                this.hide();
                this.$element = null;
                this.options = null
            }
        },
        enable: function() {
            this.enabled = true
        },
        disable: function() {
            this.enabled = false
        },
        toggleEnabled: function() {
            this.enabled = !this.enabled
        }
    };
    c.fn.tipsy = function(h) {
        if (h === true) {
            return this.data("tipsy")
        } else {
            if (typeof h == "string") {
                return this.data("tipsy")[h]()
            }
        }
        h = c.extend({}, c.fn.tipsy.defaults, h);

        function g(k) {
            var l = c.data(k, "tipsy");
            if (!l) {
                l = new b(k, c.fn.tipsy.elementOptions(k, h));
                c.data(k, "tipsy", l)
            }
            return l
        }

        function j() {
            var k = g(this);
            k.hoverState = "in";
            if (h.delayIn == 0) {
                k.show()
            } else {
                setTimeout(function() {
                    if (k.hoverState == "in") {
                        k.show()
                    }
                }, h.delayIn)
            }
        }

        function f() {
            var k = g(this);
            k.hoverState = "out";
            if (h.delayOut == 0) {
                k.hide()
            } else {
                setTimeout(function() {
                    if (k.hoverState == "out") {
                        k.hide()
                    }
                }, h.delayOut)
            }
        }
        if (!h.live) {
            this.each(function() {
                g(this)
            })
        }
        if (h.trigger != "manual") {
            var d = h.live ? "live" : "bind",
                i = h.trigger == "hover" ? "mouseenter" : "focus",
                e = h.trigger == "hover" ? "mouseleave" : "blur";
            this[d](i, j)[d](e, f)
        }
        return this
    };
    c.fn.tipsy.defaults = {
        delayIn: 0,
        delayOut: 0,
        fade: false,
        fallback: "",
        gravity: "n",
        html: false,
        live: false,
        offset: 0,
        opacity: 0.8,
        title: "title",
        trigger: "hover"
    };
    c.fn.tipsy.elementOptions = function(e, d) {
        return c.metadata ? c.extend({}, d, c(e).metadata()) : d
    };
    c.fn.tipsy.autoNS = function() {
        return c(this).offset().top > (c(document).scrollTop() + c(window).height() / 2) ? "s" : "n"
    };
    c.fn.tipsy.autoWE = function() {
        return c(this).offset().left > (c(document).scrollLeft() + c(window).width() / 2) ? "e" : "w"
    }
})(jQuery);
$(document).ready(function() {
    $(function() {
        $(".forabg .row").mouseenter(function() {
            var b = $(this).find(".posts").text();
            var a = $(this).find(".topics").text();
            $(this).find(".forumtitle").attr("title", b + " - " + a).tipsy({
                gravity: "w"
            })
        });
    $(".postprofile dl dt strong a").tipsy({
            fade: true,
            gravity: "e"
        });
        $("dd.lastpost span a").tipsy({
            fade: true,
            gravity: "w"
        });
       
        $("a").tipsy({
            fade: true,
            gravity: "s"
        });
        $("div").tipsy({
            fade: true,
            gravity: "s"
        });
        $("span").tipsy({
            fade: true,
            gravity: "s"
        });
        $("button").tipsy({
            fade: true,
            gravity: "s"
        });
        $("input").tipsy({
            fade: true,
            gravity: "s"
        });
        $(".topic-title").tipsy({
            fade: true,
            gravity: "s"
        });
        $("img").tipsy({
            fade: true,
            gravity: "s"
        });
   
       
    })
});

Código:

.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

y pues a modificarlo, el primero es js, todas las paginas, el segundo es css lo debes modificar por si deseas cambiar colores
Chalo
avatar

¿Que estoy pensando? :

ayudando como debe ser [table class=fecha_up][td]Se modifico:2/010/18 - 20:40 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6839


Puntos :

8934


Me gusta :

1030


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

gracias @"Chalo me pongo con ello y mas tarde tedigo a ver que tal"
Himnoshistoricos
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://c2.staticflickr.com/2/1445/25839638916_404acbe82c_b.jpg


Color de titulos :

#fff


Sombra titulo :

0 1px #000


Mensajes :

499


Puntos :

656


Me gusta :

93


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


Ver perfil de usuario http://www.niunpasoatras.org/

Volver arriba Ir abajo

me da fallos en el scroll de widget "últimos temas" se vuelve loco al poner el cursor encima
Himnoshistoricos
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://c2.staticflickr.com/2/1445/25839638916_404acbe82c_b.jpg


Color de titulos :

#fff


Sombra titulo :

0 1px #000


Mensajes :

499


Puntos :

656


Me gusta :

93


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


Ver perfil de usuario http://www.niunpasoatras.org/

Volver arriba Ir abajo

staff
@Himnoshistoricos escribió:[quotelink="/t1063p10-en-curso-es-posible-cambiar-todos-los-cuadros-de-texto-que-aparecen-al-dejar-el-raton-sobre-algun-elemento-o-bienen-por-defecto-del-navegador-o-del-sistema-operativo#10913"]
me da fallos en el scroll de widget "últimos temas" se vuelve loco al poner el cursor encima

pues que te digo amigo, esos codes son un dolor de cabeza, no los hice yo, son aportaciones, los que tengo aquí fueron hechos cada uno a la medida, a mano, el camino largo
Chalo
avatar

¿Que estoy pensando? :

ayudando como debe ser [table class=fecha_up][td]Se modifico:2/010/18 - 20:40 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6839


Puntos :

8934


Me gusta :

1030


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

mejor lo quito, me está dando problemas con los links y el hover de los temas, se vuelve todo loco, gracias igualmente @Chalo
Himnoshistoricos
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://c2.staticflickr.com/2/1445/25839638916_404acbe82c_b.jpg


Color de titulos :

#fff


Sombra titulo :

0 1px #000


Mensajes :

499


Puntos :

656


Me gusta :

93


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


Ver perfil de usuario http://www.niunpasoatras.org/

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.