Conor Calby
Posting Freak
Posts: 946
Joined: Jan 2010
Reputation: 15
|
Adding FaceBook Badge
Hello
Today I am going to tell you how to make your forum have a image like this
![[Image: facebook.png]](https://shockinghost.com/facebook.png)
floating around the top right of your forum.
First, open ACP>>Templates>>**Your Theme>> Header Teamplates>> Header and add
Code:
<div class="facebook"><a href="url to facebook group or fan page"><img src="http://www.shockinghost.com/facebook.png" alt="Facebook" title="Join our Facebook Fanpage" /></a></div>
To the bottom of the header template.
Now open ACP>>Themes>>*Your Theme**>>global.css>>Advanced Mode
and add to the bottom
Code:
.facebook {
position: fixed;
top: 0;
right: 0;
z-index: 999;
}
Enjoy
--Conor
MyBBSource Support Team Member - MyBBSource Tutorials Team Leader
Official MyBB Support Tech
If I helped, why not rep me
|
|
| 06-28-2010, 06:29 AM |
|
Andraž Rihtar
Theme designer
Posts: 1,736
Joined: Aug 2009
Reputation: 9
|
RE: Adding FaceBook Badge
Very nice tutorial, thanks for sharing.
However, since none of the MyBB theme classes/id's uses z-index, it should work if you set z-index to 1:
Code:
.facebook {
position: fixed;
top: 0;
right: 0;
z-index: 1;
}
I'm not completely sure, but I believe it should work. Correct me if I'm wrong
Andraž Rihtar - Ex-Support Team Member
|
|
| 06-28-2010, 07:31 AM |
|
Don+
Member
Posts: 68
Joined: Aug 2010
Reputation: 0
|
RE: Adding FaceBook Badge
Bookmarked
Thanks conor, very good tut.
|
|
| 08-21-2010, 10:13 AM |
|
Claudio
Junior Member
Posts: 9
Joined: Oct 2010
Reputation: 0
|
RE: Adding FaceBook Badge
Thanks, i like this template edit
|
|
| 10-19-2010, 03:57 AM |
|
cadbru
Junior Member
Posts: 22
Joined: Jan 2011
Reputation: 0
|
RE: Adding FaceBook Badge
thank you, I was looking to do this, glad I finally found the tut
|
|
| 01-27-2011, 12:18 PM |
|
flamehosts
Member
Posts: 152
Joined: Oct 2010
Reputation: 1
|
RE: Adding FaceBook Badge
Sorry to bump a old thread, but can i get a working fb badge link
|
|
| 05-07-2011, 09:18 PM |
|
TeraByTe
PHP Coder
Posts: 64
Joined: Mar 2011
Reputation: 4
|
RE: Adding FaceBook Badge
(05-07-2011 09:18 PM)flamehosts Wrote: Sorry to bump a old thread, but can i get a working fb badge link
You need to create a fan page.
[]Hallway Insider Forums - Join Now. [/]
Goals :
✔ = Complete X = Incomplete
[✔] 1 Rep
[X] 5 Rep
[✔] 50 posts
[X] 100 Posts
|
|
| 05-18-2011, 07:38 AM |
|
flamehosts
Member
Posts: 152
Joined: Oct 2010
Reputation: 1
|
RE: Adding FaceBook Badge
(05-18-2011 07:38 AM)TeraByTe Wrote: (05-07-2011 09:18 PM)flamehosts Wrote: Sorry to bump a old thread, but can i get a working fb badge link
You need to create a fan page.
I have one but it doesnt give you the facebook badge image. :L
|
|
| 05-19-2011, 01:09 AM |
|
davidedison
Member
Posts: 85
Joined: Jul 2010
Reputation: 0
|
|
| 05-19-2011, 09:07 PM |
|
okedol
Junior Member
Posts: 8
Joined: Jun 2011
Reputation: 0
|
RE: Adding FaceBook Badge
the images is not found
|
|
| 06-26-2011, 02:07 PM |
|