Advertisement:

Author Topic: Hiding text until mouseover  (Read 451 times)

Online Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,868
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMFH
Hiding text until mouseover
« 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.

Online SychO

  • Customizer
  • Sr. Member
  • *
  • Posts: 965
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: Hiding text until mouseover
« Reply #1 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;

Imazighen

Online Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,868
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMFH
Re: Hiding text until mouseover
« Reply #2 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. :)

Online SychO

  • Customizer
  • Sr. Member
  • *
  • Posts: 965
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: Hiding text until mouseover
« Reply #3 on: January 27, 2019, 02:27:19 PM »
oh and delete the <br>

Imazighen

Online Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,868
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMFH
Re: Hiding text until mouseover
« Reply #4 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.

Online Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,868
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMFH
Re: Hiding text until mouseover
« Reply #5 on: January 27, 2019, 03:19:15 PM »
It's lookin good so far. Thanks for your help. :)

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,944
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Hiding text until mouseover
« Reply #6 on: January 27, 2019, 03:24:24 PM »
Hey! That's pretty slick bro  ;)

Online Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,868
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMFH
Re: Hiding text until mouseover
« Reply #7 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.

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,944
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Hiding text until mouseover
« Reply #8 on: January 27, 2019, 03:33:26 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?

Online Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,868
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMFH
Re: Hiding text until mouseover
« Reply #9 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. :)

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,944
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Hiding text until mouseover
« Reply #10 on: January 27, 2019, 03:44:38 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

Online Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,868
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMFH
Re: Hiding text until mouseover
« Reply #11 on: January 27, 2019, 03:52:24 PM »
I find it useful.  :)


Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,944
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Hiding text until mouseover
« Reply #12 on: January 27, 2019, 03:56:43 PM »
I find it useful.  :)


I really dig the concept bro. The possibilities are endless.

Online Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,868
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMFH
Re: Hiding text until mouseover
« Reply #13 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.