What I did is actually I added some fade in effects for several divs with css3. At first it looks nice, but when you start browsing through the site it becomes annoying to see this effect so I decided not to get rid of the animations, but to leave it only for the main page. So, actually I have this jQuery code:
if (it is www.mydomain.com, but not www.mydomain.com/aaaa (or anything) ) {
$("#header").addClass("class1 class2 class3");
} else {
$("#header").removeClass("class1 class2 class3");
}
How to check if there is anything after mydomain.com/… or you can come up with a better solution?
I cant do this with css as I will be adding content to header.php file which is necessery for all of the pages.
Assuming you’re index page has a pathname of
/, and that other pages have a pathname that is longer than one letter, you could do:Or if your index page has a certain element that the other pages does not have, you can do:
or if you do :
in your html, you can do: