Que aparezca texto al pulsar

  • Avatar de Desconocido

    Hola. Es mi primera consulta en el foro. No tengo ni idea de programación, así que cada cosa que quiero añadir supone un gran esfuerzo (y casi siempre para nada jaja). Bueno, esta vez creo que debe ser sencillo…
    Quiero que, al pulsar en una palabra, frase o en algo de una entrada, aparezca superpuesto un cuadro de texto con información extra, pero sin salir de la entrada claro. Vamos, un enlace pero sin salir de la entrada, y que el recuadro aparezca al lado de la palabra que has pulsado. ¡Decidme qué es sencillo hasta para mí!

    El blog con el que necesito ayuda es (visible solo para usuarios conectados).

  • Avatar de Desconocido

    Hola.

    Quiero que, al pulsar en una palabra, frase o en algo de una entrada, aparezca superpuesto un cuadro de texto con información extra, pero sin salir de la entrada claro.

    Vamos, un enlace pero sin salir de la entrada, y que el recuadro aparezca al lado de la palabra que has pulsado. ¡Decidme qué es sencillo hasta para mí!

    Pues va a ser que no, no es fácil, ni sencillo, requiere programación o el uso de plugins, o ambos.

    Otra cosa es que pases el cursor sin pulsar y aparezca un texto. Eso sí se puede hacer, pero es bastante tedioso y deberías hacerlo cada vez, manualmente, con el editor en modo texto/HTML.
    Se llama tooltip, y si estás dispuesto a hacerlo, te explico cómo.
    Se puede conseguir ese efecto por dos vías.

  • Avatar de Desconocido

    Nota importante:
    Por supuesto, mi respuesta se refiere a sitios alojados en los servidores de nuestra plataforma, WordPress.com, como el que has puesto para la ayuda (elsolitariogames.wordpress.com).

    Si tu consulta se refiere a un sitio alojado en un hosting que tú contrataste, me temo que te has equivocado de foro.

  • Avatar de Desconocido

    Sí, es para ese sitio. Pues dime si haces el favor. En realidad me gustaría saber programar algo, pero me temo que implicaría mucho tiempo, y empezar desde cero…buf, me aburro de pensarlo. A ver si de aquí y de allí voy poniendo los parches que voy necesitando.

  • Avatar de Desconocido

    Puedes usar el siguiente código:
    <abbr title="muestra un texto aquí">frase o palabra subrayada</abbr>

    O este:
    <a title="muestra un texto aquí">frase o palabra subrayada</a>

    Entre las comillas de title, tienes que poner el texto que quieres que se vea cuando se pase el cursor y en frase o palabra subrayada, va lo que quieres que sea ese enlace.

    Todo esto lo tendrás que hacer cada vez que quieras que se vean esos textos, y lo tienes que hacer con el editor en modo texto/HTML.

  • Avatar de Desconocido

    Pues muchas gracias. Probaré a ver cómo queda 😁

  • Avatar de Desconocido

    Nada, no lo consigo. Voy a poner un ejemplo más específico.
    Pongamos que quiero que salga la palabra ‘Descripción’ cuando pulso en la palabra ‘Titulo’. ¿Qué estaría mal aquí?:

    <p>Título</p>

    Si además quiero que Título enlace a una web, ¿cómo se podria integrar title con href?.
    Un problema es que desde el móvil no se pasa el cursor, así que no sé si funciona para móviles.

  • Avatar de Desconocido

    Bueno, en principio el código que usaste esta mal, casi todo.

    Para que se vea el tooltip y además la palabra o texto sea un enlace a una dirección arbitraria, deberías poner:

    <a href="https://es.forums.wordpress.com/" title="aquí se ve un tooltip si pasas el cursor">Palabra o Texto que funciona como enlace</a>

    En ese ejemplo el texto enlazaría a la dirección de la página principal de este foro y el resultado sería este (pasa el cursor por la frase y haz clic en ella):

    Palabra o Texto que funciona como enlace

  • Avatar de Desconocido

    Y no, como tantas otras cosas de diseño web, no funciona para móviles.

  • El debate ‘Que aparezca texto al pulsar’ está cerrado y no admite más respuestas.