MyBB Community Forums

Full Version: Facebook Google+ Twitter share Button on Each Post w/o plugin (FontAwesome)
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3
(2017-01-15, 03:28 PM)iturdu Wrote: [ -> ]Very nice tutorial please add google icon square as facebook .

I use FontAwesome for this -> better for loading speed (no need to load extra images).

For everyone who wanna use FontAwesome font just add between <a href....>and </a> tags <i class="fa fa-facebook-square" aria-hidden="true"></i> or <i class="fa fa-google-plus-square" aria-hidden="true"></i>.

You can customize color of icons by adding style="" into <i style="color: #000;" class=""...>

Note: You have to add JS into your headerinclude (may tutorials are here on MyBB)
http://fontawesome.io/get-started/
Thank you, this is very helpful to me. Smile
Any progress with Twitter?
tutorial updated sir

Tutorial Update with Font Awesome icons Smile hope you ll like this , @Eldenroot now check if FB have popup too Smile
Thank you! I am going to Smile

Works fine! Thank you!

I added opacity 0.85 and animation
https://www.carcassonneforum.cz/thread-866.html
Good work Smile @Eldenroot
(2017-01-15, 03:28 PM)iturdu Wrote: [ -> ]Very nice tutorial please add google icon square as Facebook .

kindly check now , it is updated
For some reason mine isn't staying on the right but rather here:

https://i.imgur.com/WiCpDtC.png

I'm not sure why, I put your css into my global.css and it says float right so idk why it's not?

-----

......... It just randomly moved to the right by itself.

I swear I'm not crazy, thanks anyways lol.
ha ha ha

happy that problem solved Smile

welcome

BR
But Facebook always recommends using their official code. Check if any changes before using the codes above.
Pages: 1 2 3