Jump to content

Discord and Twitch Social Profiles


Recommended Posts

Currently there is only a very limited set of social media profiles available. It has been like this for far too long. Please add the several big missing platforms or the ability to add our own.

 

PS - please don't try to sell your plugins to me, folks. This stuff should be in the suite.

Edited by Nakamura0114
Link to comment
Share on other sites

  • 1 year later...

1.5+ years later still no sign of this.

Turns out you can add the twitch one at least in the siteSocialProfiles template - but not the discord, as the font awesome icon doesn't seem supported.

{{if \IPS\Settings::i()->site_social_profiles AND $links = json_decode( \IPS\Settings::i()->site_social_profiles, TRUE ) AND \count( $links )}}
	<style>
  		.cShareLink_twitch { background: #01856e; }
	</style>  

		<li class='cUserNav_icon'>
			<a href='https://www.twitch.tv/ChannelLink' target='_blank' class='cShareLink cShareLink_twitch' rel='noopener noreferrer'><i class='fa fa-twitch'></i></a>
		</li>

{{foreach $links as $profile}}
		<li class='cUserNav_icon'>
			<a href='{$profile['key']}' target='_blank' class='cShareLink cShareLink_{$profile['value']}' rel='noopener noreferrer'><i class='fa fa-{$profile['value']}'></i></a>
		</li>
	{{endforeach}}
{{endif}}

Capture.JPG.ffcc89d5fe40d266e866fd31da442fb7.JPG

So, at the very least, the twitch option should be added to the dropdown.

Link to comment
Share on other sites

discord.png.9a67e3e7cd702b92cbb5f81c901105de.png

{{if \IPS\Settings::i()->site_social_profiles AND $links = json_decode( \IPS\Settings::i()->site_social_profiles, TRUE ) AND \count( $links )}}

<style>
  	.cShareLink_android { background: #689F38; }
    .cShareLink_discord { background: #8C9EFF; }
	.cShareLink_apple { background: #F76BC1; }  
	.cShareImage_discord { height: 20px; }
</style>  

		<li class='cUserNav_icon'>
			<a href='https://www.android.com' target='_blank' class='cShareLink cShareLink_android' rel='noopener noreferrer'><i class='fa fa-android'></i></a>
		</li>

		<li class='cUserNav_icon'>
			<a href='https://www.discord.com' target='_blank' class='cShareLink cShareLink_discord' rel='noopener noreferrer'><img class="cShareImage_discord" src="https://img.pngio.com/discord-transparent-server-icon-345018-free-icons-library-discord-icon-transparent-256_256.jpg" /></a>
		</li>

		<li class='cUserNav_icon'>
			<a href='https://www.apple.com' target='_blank' class='cShareLink cShareLink_apple' rel='noopener noreferrer'><i class='fa fa-apple'></i></a>
		</li>

{{foreach $links as $profile}}
		<li class='cUserNav_icon'>
			<a href='{$profile['key']}' target='_blank' class='cShareLink cShareLink_{$profile['value']}' rel='noopener noreferrer'><i class='fa fa-{$profile['value']}'></i></a>
		</li>
	{{endforeach}}
{{endif}}

Or simply use Font Awesome 5 :wink:

https://fontawesome.com/icons/discord?style=brands

Link to comment
Share on other sites

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...