Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Customization Tutorial Adding FaceBook Badge
Author Message
Conor Calby Offline
Posting Freak
*****

Posts: 946
Joined: Jan 2010
Reputation: 15
Post: #1
Adding FaceBook Badge
Hello 001_smile

Today I am going to tell you how to make your forum have a image like this
[Image: 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 001_smile

--Conor

MyBBSource Support Team Member - MyBBSource Tutorials Team Leader
Official MyBB Support Tech
If I helped, why not rep me 001_smile
06-28-2010, 06:29 AM
Visit this user's website Find all posts by this user Quote this message in a reply
Andraž Rihtar Offline
Theme designer
Premium Users

Posts: 1,736
Joined: Aug 2009
Reputation: 9
Post: #2
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 Wink

Andraž Rihtar - Ex-Support Team Member
06-28-2010, 07:31 AM
Visit this user's website Find all posts by this user Quote this message in a reply
Don+ Offline
Member
***

Posts: 68
Joined: Aug 2010
Reputation: 0
Post: #3
RE: Adding FaceBook Badge
Bookmarked Big Grin
Thanks conor, very good tut.
08-21-2010, 10:13 AM
Find all posts by this user Quote this message in a reply
Claudio Offline
Junior Member
**

Posts: 9
Joined: Oct 2010
Reputation: 0
Post: #4
RE: Adding FaceBook Badge
Thanks, i like this template edit 001_smile
10-19-2010, 03:57 AM
Find all posts by this user Quote this message in a reply
cadbru Offline
Junior Member
**

Posts: 22
Joined: Jan 2011
Reputation: 0
Post: #5
RE: Adding FaceBook Badge
thank you, I was looking to do this, glad I finally found the tut
01-27-2011, 12:18 PM
Find all posts by this user Quote this message in a reply
flamehosts Offline
Member
***

Posts: 152
Joined: Oct 2010
Reputation: 1
Post: #6
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
Find all posts by this user Quote this message in a reply
TeraByTe Offline
PHP Coder
Premium Users

Posts: 64
Joined: Mar 2011
Reputation: 4
Post: #7
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.001_tt2

[Ohmy]Hallway Insider Forums - Join Now. [/Ohmy]
Goals :
✔ = Complete X = Incomplete
[✔] 1 Rep
[X] 5 Rep
[✔] 50 posts
[X] 100 Posts
05-18-2011, 07:38 AM
Visit this user's website Find all posts by this user Quote this message in a reply
flamehosts Offline
Member
***

Posts: 152
Joined: Oct 2010
Reputation: 1
Post: #8
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.001_tt2

I have one but it doesnt give you the facebook badge image. :L
05-19-2011, 01:09 AM
Find all posts by this user Quote this message in a reply
davidedison Offline
Member
***

Posts: 85
Joined: Jul 2010
Reputation: 0
Post: #9
RE: Adding FaceBook Badge
Thanks conor, very good tut.

Play free online highscore games @ http://www.degames.comuv.com Smile
05-19-2011, 09:07 PM
Find all posts by this user Quote this message in a reply
okedol Offline
Junior Member
**

Posts: 8
Joined: Jun 2011
Reputation: 0
Post: #10
RE: Adding FaceBook Badge
the images is not found Tongue
06-26-2011, 02:07 PM
Find all posts by this user Quote this message in a reply
Post Reply 




User(s) browsing this thread: 1 Guest(s)