Advertisement:

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

Offline Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,898
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMF Helper
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
  • Sophist Member
  • *
  • Posts: 1,184
  • 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

Offline Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,898
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMF Helper
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
  • Sophist Member
  • *
  • Posts: 1,184
  • 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

Offline Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,898
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMF Helper
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.

Offline Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,898
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMF Helper
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. :)

Online Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,970
  • 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  ;)

Offline Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,898
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMF Helper
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.

Online Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,970
  • 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?

Offline Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,898
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMF Helper
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. :)

Online Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,970
  • 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

Offline Bigguy

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


Online Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,970
  • 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.

Offline Bigguy

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 12,898
  • Gender: Male
  • Be nice, or else....
    • smfbigguy on GitHub
    • SMF Helper
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.