Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[For 1.8] Facebook Google+ Twitter share Button on Each Post w/o plugin (FontAwesome)
#11
(01-15-2017, 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/


Attached Files Thumbnail(s)
   
[MyBB 1.8 Czech translation] [MyBB 1.8 plugins]: Prune old PMs + optimize DB plugin --- Thank you/like system
Reply
#12
Thank you, this is very helpful to me. Smile
Reply
#13
Any progress with Twitter?
[MyBB 1.8 Czech translation] [MyBB 1.8 plugins]: Prune old PMs + optimize DB plugin --- Thank you/like system
Reply
#14
tutorial updated sir

Tutorial Update with Font Awesome icons Smile hope you ll like this , @Eldenroot now check if FB have popup too Smile
Reply
#15
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
[MyBB 1.8 Czech translation] [MyBB 1.8 plugins]: Prune old PMs + optimize DB plugin --- Thank you/like system
Reply
#16
Good work Smile @Eldenroot
Reply
#17
(01-15-2017, 03:28 PM)iturdu Wrote: Very nice tutorial please add google icon square as Facebook .

kindly check now , it is updated
Reply
#18
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.
Reply
#19
ha ha ha

happy that problem solved Smile

welcome

BR
Reply
#20
But Facebook always recommends using their official code. Check if any changes before using the codes above.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)