Tooltip popup box for Moodle

By Anonymous
I want to add a tooltip to an HTML element in Moodle, using the custom CSS available in the theme settings. I want only to use CSS, and not add any HTML or JavaScript to the page. Here's how I did it.


See the Pen Popup message (pure CSS) by Yvonne Aburrow (@vogelbeere) on CodePen.

This can be used to apply a popup message to any CSS class, and you can position the message anywhere on the page. You can style the popup message any way you want.

Please view the demo in CodePen for best results.

Comments

Post a Comment

Popular posts from this blog

How to cure screen freeze

By Anonymous
Image
I had a problem where my screen kept freezing while I was using Chrome, and a colleague recommended turning off hardware acceleration in order to stop that happening. It worked, so I thought  I would share how to do it.
Read more

PHP authentication on Google Cloud

By Anonymous
How to set up an authentication module on Google Cloud  with PHP. Step 1: Create your list of admin users Go to  https://console.cloud.google.com/iam-admin/iam/project?project=<your_project_name>&authuser=0  and add users and assign roles to them. I used my work Gmail account as an admin user, and my personal Gmail as an ordinary user. Step 2. specify resources for login In your  app.yaml  file, specify which resources you want to be restricted to authenticated users, and which are admin-only. - url : / script : index . php login : required secure : always # this requires login but is available to all users - url : / admin script : admin / index . php login : admin secure : always # this requires login and is only available to admin users Step 3. Add authentication PHP to your header include This is the code for my normal user pages: <? php use google\appengine\api\users\User ; use google\appengine\api\users\UserService ; $user = U
Read more