Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Solved] how my button look like this



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  deaneo8

avatar
V.I.P. Member
V.I.P. Member
  • Description:

  • Information:
Forum:http://gamingnews.forumotion.co.uk/Version:PUNBB
Type:Request a codeTags:button

Powered by PunBB
Currently 0 users have thanked deaneo8 for this post:

2
Offline

  FrOsTyXi

avatar
V.I.P. Member
V.I.P. Member
@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.

Powered by PunBB
Currently 0 users have thanked FrOsTyXi for this post:

3
Offline

  deaneo8

avatar
V.I.P. Member
V.I.P. Member
dont mean the icon i mean the blue button in that colour

Powered by PunBB
Currently 0 users have thanked deaneo8 for this post:

4
Offline

  FrOsTyXi

avatar
V.I.P. Member
V.I.P. Member
@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}

Powered by PunBB
Currently 0 users have thanked FrOsTyXi for this post:

5
Offline

  deaneo8

avatar
V.I.P. Member
V.I.P. Member
all done thxs bro

Powered by PunBB
Currently 0 users have thanked deaneo8 for this post:

6
OfflineOnline

  Van-Helsing

avatar
★Moderator★
★Moderator★
hello,
Is it solved?

Powered by PunBB
Currently 0 users have thanked Van-Helsing for this post:

7
Offline

  deaneo8

avatar
V.I.P. Member
V.I.P. Member
YER BRO

Powered by PunBB
Currently 0 users have thanked deaneo8 for this post:

8
OfflineOnline

  Van-Helsing

avatar
★Moderator★
★Moderator★
[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]

Powered by PunBB
Currently 0 users have thanked Van-Helsing for this post:

9
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

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