Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5

[Tutorial] Show toggle collapse on hover only!

#1
What is this?
In this tutorial I'll show you how to add this elegant effect to toggle collapse. Basically it makes the toggle collapse button only appear when we hover our mouse over the category. Preview can be found, here.
Tutorial:
Go to: Admin CP/ Templates & Styles/ Themes/ YOUR THEME/ global.css
and Advanced Mode and just paste the following code in the end.
.thead .expcolimage img {
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
}

.thead:hover .expcolimage img {
    opacity: 1;
}	
		
Then just save!
If you have any questions or concerns please reply here.
This tutorial was originally created for PromotionZone.
Reply




Users browsing this thread: 1 Guest(s)

Makestation Theme/Design Selector

Contact Us | Makestation | Return to Top | Lite (Archive) Mode | RSS Syndication 
Proudly powered by MyBB 1.8, © 2002-2020
Forum design by Makestation Team © 2020
Saturn-Moon.com - a modern day time capsule | Makestation Ajax Chat Hosting