MyBB Community Forums

Please help me to add such type of social links to my forums.Thank you.

Edit the index template and add the HTML code of images and links in a <div style="text-align: center; width: 100%;"></div> over {$forums}

Sir Please Can You Explain Me With Some More Details.

ACP > Templates > Index templates > Index

over {$forums} add

<div style="text-align: center; width: 100%;"><a href="twitter.com/test">Follow us on Twitter!</a></div>

Thanks Akay. Please Can you provide me CSS code?

Something like:

<div style="text-align: center; width: 100%; padding: 12px; border: 1px solid grey; border-radius: 2px; box-shadow: 3px 3px 4px grey;"><img style="vertical-align: middle;" src="images/yourtwitterimg.png" alt="" /> <a href="twitter.com/test">Follow us on Twitter!</a></div> 

And what about the divider? I tried a lot but i am not able to add divider through css. please help, My problem will be solved. I want to add same social sharing icons which are on our community's forums. It is not looking as i want.

The divider is just a border between the links + padding/margins. For example:

<div style="text-align: center; width: 100%; padding: 12px; border: 1px solid grey; border-radius: 2px; box-shadow: 3px 3px 4px grey;">
<img style="vertical-align: middle;" src="images/yourtwitterimg.png" alt="" /> <a style="margin-right: 16px;" href="http://twitter.com/test">Follow us on Twitter!</a> <img style="vertical-align: middle; padding-left: 16px; border-left: 1px solid grey;" src="images/yourfacebookimg.png" alt="" /> <a style="margin-right: 16px;" href="http://facebook.com/test">Like us on Facebook!</a>
</div>

Sorry to jump in on this folks. What is the code for sending people to a new window when they click the link to follow you. I think it is "target=new window"
If it is, where would that be added within the above code?

Thank you ever so.

Edit: Don't worry folks. Found out it is this and also added it after link address "target="_blank"