The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How do I add social media icons to my forum like help.forumotion does?

3 posters

Go down

How do I add social media icons to my forum like help.forumotion does?  Empty How do I add social media icons to my forum like help.forumotion does?

Post by Hardcore Gamer March 21st 2018, 9:34 am

How do I add social media icons to my forum like help.forumotion does?  E7ff6e417c

I use ModernBB. I'd like the exact same style on my forum as it looks to be the same style of the default toolbar (if your forum uses that). Is there a tutorial for this?
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

How do I add social media icons to my forum like help.forumotion does?  Empty Re: How do I add social media icons to my forum like help.forumotion does?

Post by SarkZKalie March 22nd 2018, 9:50 am

Could you please provide your forum URL?


How do I add social media icons to my forum like help.forumotion does?  Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1443
Reputation : 220
Language : English

https://rotavn.forumotion.com/

Back to top Go down

How do I add social media icons to my forum like help.forumotion does?  Empty Re: How do I add social media icons to my forum like help.forumotion does?

Post by Hardcore Gamer March 22nd 2018, 11:29 am

SarkZKalie wrote:Could you please provide your forum URL?

PM sent. Thanks. 

If anybody else wants a link to my forum, I'll send it through PM.
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

How do I add social media icons to my forum like help.forumotion does?  Empty Re: How do I add social media icons to my forum like help.forumotion does?

Post by Hardcore Gamer March 24th 2018, 4:26 am

Bump.
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

How do I add social media icons to my forum like help.forumotion does?  Empty Re: How do I add social media icons to my forum like help.forumotion does?

Post by SarkZKalie March 24th 2018, 1:01 pm

Place this one wherever you want
Code:
<div id="social-network">
<span class="content">Follow us</span>
<a href="https://www.facebook.com/yourpage"><img src="https://your-image-link.png" alt="Facebook" ></a>
<a href="https://twitter.com/yourpage"><img src="https://your-image-link.png" alt="Twitter" ></a>
<a href="https://plus.google.com/yourpage"><img src="https://your-image-link.png" alt="Google Plus" ></a>
<a href="https://pinterest.com/yourpage"><img src="https://your-image-link.png" alt="Pinterest" ></a>
<a href="https://www.youtube.com/user/yourpage"><img src="https://your-image-link.png" alt="YouTube" ></a>
<a href="http://your-forum-URL.com/feed/?f=1"><img src="https://your-image-link.png" alt="Newsfeed" ></a>
</div>
CSS
Code:
#social-network a img {
opacity: 0.2;
max-width: 32px;
max-height: 32px;
}
#social-network a img:hover {
opacity: 1.0;
transition: .5s all ease;
}
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1443
Reputation : 220
Language : English

https://rotavn.forumotion.com/

Back to top Go down

How do I add social media icons to my forum like help.forumotion does?  Empty Re: How do I add social media icons to my forum like help.forumotion does?

Post by Hardcore Gamer March 25th 2018, 6:01 am

Hi there, thanks for your reply. 

Is it possible to put your above code into my toolbar, and remove all of the "share" buttons? I would like to add my YouTube, Insta, FB, Google Plus, ect. buttons into the toolbar instead of the "Share" buttons. I'm trying to replace the Share buttons with my social media accounts/buttons for the forum. I would like to use the HTML buttons already in the toolbar but just replace the links they direct to and add a couple of more HTML buttons in like YouTube and Instagram -  I am not a fan of using normal PNG social media buttons in the toolbar. 
How do I add social media icons to my forum like help.forumotion does?  Cf78987ec2
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

How do I add social media icons to my forum like help.forumotion does?  Empty Re: How do I add social media icons to my forum like help.forumotion does?

Post by skouliki March 25th 2018, 7:36 am

Hardcore Gamer wrote:Hi there, thanks for your reply. 

Is it possible to put your above code into my toolbar, and remove all of the "share" buttons? I would like to add my YouTube, Insta, FB, Google Plus, ect. buttons into the toolbar instead of the "Share" buttons. I'm trying to replace the Share buttons with my social media accounts/buttons for the forum. I would like to use the HTML buttons already in the toolbar but just replace the links they direct to and add a couple of more HTML buttons in like YouTube and Instagram -  I am not a fan of using normal PNG social media buttons in the toolbar. 
How do I add social media icons to my forum like help.forumotion does?  Cf78987ec2

Hello 

Read and follow this tutorial Add more share buttons
skouliki
skouliki
Manager
Manager

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

How do I add social media icons to my forum like help.forumotion does?  Empty Re: How do I add social media icons to my forum like help.forumotion does?

Post by Hardcore Gamer March 26th 2018, 3:41 am

skouliki wrote:
Hardcore Gamer wrote:Hi there, thanks for your reply. 

Is it possible to put your above code into my toolbar, and remove all of the "share" buttons? I would like to add my YouTube, Insta, FB, Google Plus, ect. buttons into the toolbar instead of the "Share" buttons. I'm trying to replace the Share buttons with my social media accounts/buttons for the forum. I would like to use the HTML buttons already in the toolbar but just replace the links they direct to and add a couple of more HTML buttons in like YouTube and Instagram -  I am not a fan of using normal PNG social media buttons in the toolbar. 
How do I add social media icons to my forum like help.forumotion does?  Cf78987ec2

Hello 

Read and follow this tutorial Add more share buttons

Thanks! How do I add a HTML button in the style of these? I want to replace the RSS feed button/link and put my YouTube button/link there, but in the same style of the current HTML buttons in the toolbar.
How do I add social media icons to my forum like help.forumotion does?  Cf78987ec2
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

How do I add social media icons to my forum like help.forumotion does?  Empty Re: How do I add social media icons to my forum like help.forumotion does?

Post by skouliki March 26th 2018, 8:39 am

you have to design it or find a free icon that you like
you can also open a request in our graphic section, please first read the rules
skouliki
skouliki
Manager
Manager

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

How do I add social media icons to my forum like help.forumotion does?  Empty Re: How do I add social media icons to my forum like help.forumotion does?

Post by Hardcore Gamer March 26th 2018, 10:30 am

skouliki wrote:you have to design it or find a free icon that you like
you can also open a request in our graphic section, please first read the rules

Thank you so much! I appreciate the tutorial, I will work on creating these toolbar edits tomorrow.

Also, I was just curious, is there a tutorial for this?
How do I add social media icons to my forum like help.forumotion does?  Ab5ca961df
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

How do I add social media icons to my forum like help.forumotion does?  Empty Re: How do I add social media icons to my forum like help.forumotion does?

Post by skouliki March 26th 2018, 10:44 am

just google ..add social media to your website.. and you will find many options along with instructions
skouliki
skouliki
Manager
Manager

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum