hover/click buttons in posts

[Former Member]

{when you hover over the button, it fades a little}
{When clicked, it displays a transparent box below, with desired text}


Is there already a template for this?
Thanks!

[Tumbleweed]

Sept 23, 2015 7:56:46 GMT -8 @silenced said:

{when you hover over the button, it fades a little}
{When clicked, it displays a transparent box below, with desired text}


Is there already a template for this?
Thanks!

I think this might be what you want but not sure:

support.proboards.com/thread/433410/spoiler-tags

You can download it directly to your forum by going to your admin panel and then the plugin library. I did select the colors in the plugin but for the hover I just added it to my style sheet as I wasn't sure if it would reflect different colors for different themes if I added it to the plugin itself.

.sptitle{
background: rgba(0, 80, 0, 0.7);
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.sptitle:hover{background: rgba(0, 0, 255, 0.2);
}

Also, sorry no one responded to your query sooner. If you don't understand the css, I'm using rgb colors (bolded) and the 0.2 and the 0.7 is the opacity of the background also bolded. rgb are the first three colors: To get the rgb colors for your hex color, just go here:

www.javascripter.net/faq/hextorgb.htm

Any other questions, just ask.