The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

how to make this effect?

View previous topic View next topic Go down

Solved how to make this effect?

Post by lecet98 on November 21st 2012, 8:32 am

how to create the effect of a category like this?



bwi

lecet98
Forumember

Male Posts : 144
Reputation : 3
Language : Bahasa Indonesia ' Facebook: lecet56@yahoo.com
Location : United States

Back to top Go down

Solved Re: how to make this effect?

Post by Dex♥ on November 21st 2012, 8:40 am

Please link us to the forum that has this effect. And the forum you want to add it too.

Dex♥
Forumember

Posts : 138
Reputation : 6
Language : Calgary

http://www.toonworldacademy.net

Back to top Go down

Solved Re: how to make this effect?

Post by lecet98 on November 21st 2012, 8:47 am



Last edited by lecet98 on November 22nd 2012, 2:59 pm; edited 2 times in total

lecet98
Forumember

Male Posts : 144
Reputation : 3
Language : Bahasa Indonesia ' Facebook: lecet56@yahoo.com
Location : United States

Back to top Go down

Solved Re: how to make this effect?

Post by Nera. on November 21st 2012, 9:37 am

It's added to navigation (hover) as transition and box shadow.

#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
color: #FFFFFF;
text-decoration: none;
transition: all 1s ease 0s;
}
Post your forum URL so we can give you the correct class so you can add it as an effect to the category.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: how to make this effect?

Post by lecet98 on November 21st 2012, 11:42 am

not work


Last edited by lecet98 on November 21st 2012, 12:00 pm; edited 1 time in total

lecet98
Forumember

Male Posts : 144
Reputation : 3
Language : Bahasa Indonesia ' Facebook: lecet56@yahoo.com
Location : United States

Back to top Go down

Solved Re: how to make this effect?

Post by Nera. on November 21st 2012, 11:47 am

Welcome (:

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: how to make this effect?

Post by Kaizer Lee on November 21st 2012, 12:08 pm

The guy edited above, doesn't work. Just a heads up Smile

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: how to make this effect?

Post by Nera. on November 21st 2012, 12:09 pm

@Nera. wrote:Post your forum URL so we can give you the correct class so you can add it as an effect to the category.

Because he did not replay. It's not the class he needs to use. (:

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: how to make this effect?

Post by lecet98 on November 22nd 2012, 2:58 pm

Example : dstars.forumid.net

lecet98
Forumember

Male Posts : 144
Reputation : 3
Language : Bahasa Indonesia ' Facebook: lecet56@yahoo.com
Location : United States

Back to top Go down

Solved Re: how to make this effect?

Post by Nera. on November 22nd 2012, 7:31 pm

AP > Display > Colors > CSS and add this in it::

Code:
.tiki {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
    padding: 5px;
    border-radius: 5px;
}

Than go to AP > General > Categories and forums > Category title and wrap the titles with a span class like this::

Code:
<span class="tiki"> - Announcemenet</span>

Use the transition only if you want it to hover. Do it for all categories.

Example of it working on punBB::

http://tikitiki.forumcroatian.com/



LP

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: how to make this effect?

Post by lecet98 on November 30th 2012, 1:32 pm

Thank's :wouhou:

lecet98
Forumember

Male Posts : 144
Reputation : 3
Language : Bahasa Indonesia ' Facebook: lecet56@yahoo.com
Location : United States

Back to top Go down

Solved Re: how to make this effect?

Post by Sanket on November 30th 2012, 3:56 pm

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum