Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Chalo Lun Ago 13, 2018 8:29 am

[CSS] Re diseña la toolbar
por lnymph Lun Ago 13, 2018 2:47 am

[ocio] Tus frases favotitas
por lnymph Lun Ago 13, 2018 2:29 am

[cine] ¿Cual es tu pelicula favorita?
por lnymph Lun Ago 13, 2018 2:20 am

[Ocio] ¿De que país sois?
por lnymph Lun Ago 13, 2018 2:17 am

Página 1 de 2. 1, 2  Siguiente

[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
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:
https://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

staff
tienes el CSS claro que es posible, just do it

Código:

.juizTips {
  position: absolute;
  top: 0;  left: 0;
  display: none;
  width: 150px;
  padding: 7px;
  border: 3px solid #AAA; <---- cambia el color del border
  font-size: 0.9em;
  line-height: 1.2em;
  color: #555;
  background: #f2f2f2; <------cambia este valor por el color que quieras
  overflow: hidden;
  z-index: 500;
  border-radius: 8px;
  box-shadow: 2px 2px 9px #999; <--- cambia la sombra
  word-wrap: break-word;
}
.juizTipsWrapper {
  position: relative;
  display: inline-block;
  cursor: help;
}
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

@Chalo me pone esto:

Error detectado
Hemos contado un número diferente de "{" y de "}". Esto significa que tu CSS corre el riesgo de no ser válido y por consecuencia es posible que tu foro no se muestre correctamente.

Te aconsejamos verificar el código CSS.
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
estas flechas son de ejemplo las debes quitar :3

[ic]<------cambia este valor por el color que quieras[/ic]
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

staff
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

ok, gracias, voy a probar
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

ahora me ha admitido el CCS pero siguen apareciendo los recuadros pequeños amarillos, no ha surgido efecto
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
mmmmmffff ok tendremos que darte un curso intensivo de CSS, en que selector colocaste los tips? donde los veo?

Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

@Chalo escribió:[quotelink="/t1063-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#10899"]
mmmmmffff ok tendremos que darte un curso intensivo de CSS, en que selector colocaste los tips? donde los veo?

perdona mi ignorancia, no se de que me hablas, yo coloque ese código en donde se colocan los CCS, ¿que es un selector?
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
oh my god

el tutorial publicado con kensha consta de dos partes un JS
Código:

(function(a){var b;a.fn.juizLinkinTips=function(c){b=a.extend({},e,c);a(this).each(function(){var c=a(this).attr("title"),d='<span class="juizTips">';d+=c.replace(RegExp(b.beforeURL+" (.*) "+b.beforeTitle+" (.*)","gi"),'<a href="$1" title="$2">$1</a>');d+="</span>";a(this).wrap('<span class="juizTipsWrapper"></span>');a(this).parents("span:first").prepend(d);a(this).removeAttr("title")});a(".juizTips").css("opacity","0");a("span.juizTipsWrapper").mouseover(function(){a(this).children("span.juizTips").stop(!0); a(this).children("span.juizTips").css("display")=="none"&&a(this).children("span.juizTips").css({display:"block"});a(this).children("span.juizTips").animate({opacity:b.gotoOpacity,top:b.gotoTop,left:b.gotoLeft},b.duration)});a("span.juizTipsWrapper").mouseout(function(){a(this).children("span.juizTips").delay(b.tipsDelay);a(this).children("span.juizTips").animate({opacity:0,top:"0px",left:"0px"},b.duration,function(){a(this).css({display:"none"})})})};var e={beforeURL:"go to the page",beforeTitle:"in order to", gotoOpacity:"0.9",gotoTop:"-17px",gotoLeft:"27px",duration:"300",tipsDelay:"300"}})(jQuery);
$(document).ready(function() {
      $(".test").juizLinkinTips(); 
    });


y viene muy claro las instrucciones, hay que leer amigo



ahi ella explica que debes asignar en donde quieres que se ejecute el js, el css va a "pintar" lo que ejecute el JS
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

 En la misma categoria


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