MyBB Community Forums

Full Version: Add Join us on Facebook with facebook icon?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello!

I would like to insert,like in the screenshot,join us on facebook title with facebook icon on my forum's main page.

Could you please help?


Don't forget to check the screenshot please.

Thanks a lot.

[attachment=40002]
This could be done above the forums in the index templates.

Admin CP -> Templates & Styles -> Templates -> * Your Theme * -> Index Templates -> index

Now place the stuff you want above the {$forums} and you can find the icon on Google just save it and add it to the image folder in your forums root.

Example of how the code should look:
<a href="YOURLINK"><img src="images/facebook.png" alt="Like Us On Facebook" />&nbsp;&nbsp;Like Us On Facebook!</a> 
or
<a href="YOURLINK"><img src="images/facebook.png" alt="Like Us On Facebook" width="50" height="50" />&nbsp;&nbsp;Like Us On Facebook!</a> 

To center it just wrap it around with center code.
<center> * Code here * </center>
^ is a example code may not be that good.

If you want to make it look better just use some CSS.
(2018-03-06, 05:39 PM)Brian. Wrote: [ -> ]This could be done above the forums in the index templates.

Admin CP -> Templates & Styles -> Templates -> * Your Theme * -> Index Templates -> index

Now place the stuff you want above the {$forums} and you can find the icon on Google just save it and add it to the image folder in your forums root.

Example of how the code should look:
<a href="YOURLINK"><img src="images/facebook.png" alt="Like Us On Facebook" />&nbsp;&nbsp;Like Us On Facebook!</a> 
or
<a href="YOURLINK"><img src="images/facebook.png" alt="Like Us On Facebook" width="50" height="50" />&nbsp;&nbsp;Like Us On Facebook!</a> 

To center it just wrap it around with center code.
<center> * Code here * </center>
^ is a example code may not be that good.

If you want to make it look better just use some CSS.
Thanks for your help.

I made the changes but i don't like the final result.

Please check the screenshot.
[attachment=40003]

Is it possibile to make somthing similar like this forum?

Here is also a screenshot:
[attachment=40004]

Thanks a lot
(2018-03-06, 06:42 PM)kbilly Wrote: [ -> ]
(2018-03-06, 05:39 PM)Brian. Wrote: [ -> ]This could be done above the forums in the index templates.

Admin CP -> Templates & Styles -> Templates -> * Your Theme * -> Index Templates -> index

Now place the stuff you want above the {$forums} and you can find the icon on Google just save it and add it to the image folder in your forums root.

Example of how the code should look:
<a href="YOURLINK"><img src="images/facebook.png" alt="Like Us On Facebook" />&nbsp;&nbsp;Like Us On Facebook!</a> 
or
<a href="YOURLINK"><img src="images/facebook.png" alt="Like Us On Facebook" width="50" height="50" />&nbsp;&nbsp;Like Us On Facebook!</a> 

To center it just wrap it around with center code.
<center> * Code here * </center>
^ is a example code may not be that good.

If you want to make it look better just use some CSS.
Thanks for your help.

I made the changes but i don't like the final result.

Please check the screenshot.


Is it possibile to make somthing similar like this forum?

Here is also a screenshot:


Thanks a lot

If you don’t want the text just remove the text

<a href="YOURLINK"><img src="images/facebook.png" alt="Facebook" width="50" height="50" /> </a>
Hello!

I have added it like this:

[attachment=40010]

And i like it.

Is it possibile to make a pop up text,when i go with the mouse pointer on that icon?

The text i would like to have is:

Like us on Facebook.

Thanks for your help.

Regards!
Try this :

Find something like this :
<a href=""></a>

Add this in the <a href=""></a> tag.
title="Like Us On Facebook"

So

<a href="http://Facebook.com/" title="Like Us On Facebook">  </a>

This might be a better tutorial but it's up to you which one to use.
https://www.w3schools.com/css/css_tooltip.asp
Thanks bro.

Job done.

Rep+ you.

Regards!