MyBB Community Forums
[How To?] Most Creative Thead Theme - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Community Archive (https://community.mybb.com/forum-106.html)
+--- Forum: Archived Forums (https://community.mybb.com/forum-143.html)
+---- Forum: Archived Development and Support (https://community.mybb.com/forum-155.html)
+----- Forum: MyBB 1.6 (https://community.mybb.com/forum-138.html)
+------ Forum: 1.6 General Support (https://community.mybb.com/forum-127.html)
+------ Thread: [How To?] Most Creative Thead Theme (/thread-158216.html)



Most Creative Thead Theme - PrinceTaz - 2014-08-29

Out of all of the mybb themes that I have ever seen, today I saw the most amazing and creative thead ever. Look at this site http://www.grafifor.pl/, their thead is like jquery or something. I would ask how to do that, but Im not sure if I would understand. I don't want to just copy and paste, I want to be able to recreate something similar in my upcoming themes. Especially with 1.8 coming out.


RE: Most Creative Thead Theme - eNvy - 2014-08-29

It's a simple background with an image, so, when you hover the thead, the image moves vertically.

You can achive that and more with simple CSS effects.


RE: Most Creative Thead Theme - PrinceTaz - 2014-08-29

I'm actually interested in how each thead is a different one.


RE: Most Creative Thead Theme - eNvy - 2014-08-29

I'm giving you a tutorial made by envira from myskins.org

Link

Credits to him =)


RE: Most Creative Thead Theme - PrinceTaz - 2014-08-29

Ah thank you!! So if I do the hover image change, would that work along with that tutorial?


RE: Most Creative Thead Theme - eNvy - 2014-08-29

Yep, because you're using an unique ID for each category thead, so... it's like this:

Category 1
Forum 1

Category 2
Forum 2

Quote:category_one {
background: image here;
}

category_one:hover {
background: same image with another position here;
}
Quote:category_two {
background: different image here;
}

category_two:hover {
background: same different image with another position here;
}



RE: Most Creative Thead Theme - PrinceTaz - 2014-08-30

So everytime I make a new category, I have to do that for each one?