[Solved] how my button look like this

• Description:

---

• Information:

Forum:	http://gamingnews.forumotion.co.uk/	Version:	PUNBB
Type:	Request a code	Tags:	button

@deaneo8 Well first you need to add this to your overall_header

Code:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

save publish

Then you will have to choose Font Awesome icons here -> [url=]http://fortawesome.github.io/Font-Awesome/icons/[/url]

Font Awesome icons look like this

Code:

<i class="fa fa-comments"></i>

After choosing your icons from that webpage
apply them like so
in your overall_header

Code:

<li id="nav_app_forums" class="left active"><a href="/" title="Forums"><i class="fa fa-comments"></i> Forums</a></li>

I hope this was helpful.

dont mean the icon i mean the blue button in that colour

@deaneo8 Ah sorry in that case use this

Code:

#community_app_menu>li.active>a {
  background: #f7fbfc url(http://i56.servimg.com/u/f56/17/97/98/69/mainte10.png) repeat-x 50% 50%;
  background-clip: padding-box;
  border-radius: 3px;
  box-shadow: rgba(0,0,0,.3)0 1px 4px,inset rgba(255,255,255,.13)0 1px 0;
  color: #fff;
  font-weight: 700;
  margin-top: 0;
  text-shadow: none;
}

This for the other button when hover

Code:

#community_app_menu>li>a.menu_active,#community_app_menu>li>a:hover{background:#f7fbfc url(http://i56.servimg.com/u/f56/17/97/98/69/mainte10.png) repeat-x 50% 50%;background-clip:padding-box;border-radius:3px;color:#fff}

all done thxs bro

hello,
Is it solved?

YER BRO

[sucesso="Marked as Solved"]The question(s) in this topic have been answered and the owner has been able to solve the problem. Because of this, the topic has been marked as Solved.

If you have further questions, please open a new topic.[/sucesso]