Simple Machines Community Forum

Customizing SMF => SMF Coding Discussion => Topic started by: Bigguy on January 27, 2019, 02:01:07 PM

Title: Hiding text until mouseover
Post by: Bigguy on January 27, 2019, 02:01:07 PM
The title pretty much says it all. I have a mod installed and I want to hide the title of a tab until you mouse over it. You can see it on my site. It is the little plus icon to the left of the logo. When you mouse over it it pops out a bit. I want it to look like it does now but when it pops out it displays the title of the tab.
Title: Re: Hiding text until mouseover
Post by: SychO on January 27, 2019, 02:07:16 PM
Add a <span>Tab</span> to the a.trigger element and change the css left value to -16px
and maybe just maybe transition: 0.4s all;
Title: Re: Hiding text until mouseover
Post by: Bigguy on January 27, 2019, 02:20:48 PM
Thank you. I will give that a try here soon and see what I come up with. :)
Title: Re: Hiding text until mouseover
Post by: SychO on January 27, 2019, 02:27:19 PM
oh and delete the <br>
Title: Re: Hiding text until mouseover
Post by: Bigguy on January 27, 2019, 02:37:31 PM
I love that transition, lol. That looks sweet. :)  Ok, I will play around  abit more here. I forgot to take that out when I started to play.
Title: Re: Hiding text until mouseover
Post by: Bigguy on January 27, 2019, 03:19:15 PM
It's lookin good so far. Thanks for your help. :)
Title: Re: Hiding text until mouseover
Post by: Mick. on January 27, 2019, 03:24:24 PM
Hey! That's pretty slick bro  ;)
Title: Re: Hiding text until mouseover
Post by: Bigguy on January 27, 2019, 03:29:29 PM
Thank you. Been slowly workin on it. It was made awhile ago with the help of some folks around here. :) I haven't submitted it to the mod site at all. I went offline for awhile before I could. I might submit it though soon, once all the changes are made.
Title: Re: Hiding text until mouseover
Post by: Mick. on January 27, 2019, 03:33:26 PM
Quote from: Bigguy on January 27, 2019, 03:29:29 PM
Thank you. Been slowly workin on it. It was made awhile ago with the help of some folks around here. :) I haven't submitted it to the mod site at all. I went offline for awhile before I could. I might submit it though soon, once all the changes are made.
The Quick News,...is that being fed from SSI? Or is it all manually input?
Title: Re: Hiding text until mouseover
Post by: Bigguy on January 27, 2019, 03:42:57 PM
That's manual. There is an admin panel for it to input text, links all that sort of stuff. :)
Title: Re: Hiding text until mouseover
Post by: Mick. on January 27, 2019, 03:44:38 PM
Quote from: Bigguy on January 27, 2019, 03:42:57 PM
That's manual. There is an admin panel for it to input text, links all that sort of stuff. :)
Oh right on... reminds me of my old Slider mod... everything had to be input manually in admin hehehe
Title: Re: Hiding text until mouseover
Post by: Bigguy on January 27, 2019, 03:52:24 PM
I find it useful.  :)

Title: Re: Hiding text until mouseover
Post by: Mick. on January 27, 2019, 03:56:43 PM
Quote from: Bigguy on January 27, 2019, 03:52:24 PM
I find it useful.  :)


I really dig the concept bro. The possibilities are endless.
Title: Re: Hiding text until mouseover
Post by: Bigguy on January 27, 2019, 04:09:28 PM
It should be able to handle pics. Haven't tested with a video yet but will on a test site.