Login  |  Register
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome, Guest. Please login or register.
Did you miss your activation email?

July 13, 2020, 12:15:01 PM

Login with username, password and session length
Members
  • Total Members: 3786
  • Latest: Deaks
Stats
  • Total Posts: 190436
  • Total Topics: 20856
  • Online Today: 140
  • Online Ever: 917
  • (January 21, 2020, 09:02:26 AM)
Users Online
Users: 2
Guests: 51
Total: 53

Author Topic: How do i go about adding this as a side block  (Read 490 times)

0 Members and 1 Guest are viewing this topic.

Offline Replayuk

  • Jr. Member
  • **
  • Posts: 39
How do i go about adding this as a side block
« on: May 30, 2020, 03:47:49 PM »
the tp social media block


Online lurkalot

  • Administrator
  • *
  • Posts: 6758
    • Camera Craniums
Re: How do i go about adding this as a side block
« Reply #1 on: May 30, 2020, 04:08:59 PM »
the tp social media block

They are just image links in a TinyPortal HTML & Javascript block.

Find some icons that you want to use, and upload them to your theme's images folder. then embed them using image links.

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_images_link

https://www.w3schools.com/html/html_images.asp

Offline Replayuk

  • Jr. Member
  • **
  • Posts: 39
Re: How do i go about adding this as a side block
« Reply #2 on: May 30, 2020, 04:15:20 PM »
Thankyou for that seem`s easy enough, But after hearing about crip tonight i`m shocked and gutted, so i`m going to not code that in right now, and take sometime out and rememeber the chats crip and me had when he made a theme for me 10 years ago,...I`ve just said to the wife how long was it when crip made that theme for me for that site,....she said about 10 years ago....then she asked why,....i told her and omg i`m gutted seriously cannot believe it.

Rip Crip :(


Online lurkalot

  • Administrator
  • *
  • Posts: 6758
    • Camera Craniums
Re: How do i go about adding this as a side block
« Reply #3 on: May 30, 2020, 04:25:40 PM »
Thankyou for that seem`s easy enough, But after hearing about crip tonight i`m shocked and gutted, so i`m going to not code that in right now, and take sometime out and rememeber the chats crip and me had when he made a theme for me 10 years ago,...I`ve just said to the wife how long was it when crip made that theme for me for that site,....she said about 10 years ago....then she asked why,....i told her and omg i`m gutted seriously cannot believe it.

Rip Crip :(

Yes was a sad time for all of us when he passed away, he was not only a great Guy, and a great themer, he was also part of our TinyPortal team.

If you get stuck with the code for the social icons just pop back in here.. ;)

Offline Replayuk

  • Jr. Member
  • **
  • Posts: 39
Re: How do i go about adding this as a side block
« Reply #4 on: May 30, 2020, 04:42:33 PM »
Lurkalot can you do a copy of the code you have in your block so i can just copy it in and then upload the icons to my server, please let me know if its html or php code your using.

Thankyou Lurkalot

Just going to take time for that to sink in the above, quite upset me that has tbh, i`ve not been doing much on the smf for sometime and have only just started getting back into it tbh, but anyway thankyou for your help again


Online lurkalot

  • Administrator
  • *
  • Posts: 6758
    • Camera Craniums
Re: How do i go about adding this as a side block
« Reply #5 on: May 30, 2020, 05:11:06 PM »
Sure.  But you'll have to edit the urls to point to your own images etc, and depending where you display it you might need to play with the width, height settings.  ;)

Code: [Select]
<center>
<div>

<a href="https://twitter.com/Tiny_Portal" target="_blank"><img src="https://www.tinyportal.net/Themes/alphacentauri203/images/twitter.png" alt="Twitter" style="width:20%;height:20%;"></a>

<a href="https://www.youtube.com/channel/UCGvK_Pw5Yce-5JVB6bCIBqg" target="_blank"><img src="https://www.tinyportal.net/Themes/alphacentauri203/images/youtube.png" alt="Youtube" style="width:20%;height:20%;"></a>

<a href="https://www.facebook.com/TinyPortal-107474527385264/?view_public_for=107474527385264" target="_blank"><img src="https://www.tinyportal.net/Themes/alphacentauri203/images/facebook.png" alt="facebook" style="width:20%;height:20%;"></a>

</div>

<strong>TP on Social Media</strong>
</center>


Offline Replayuk

  • Jr. Member
  • **
  • Posts: 39
Re: How do i go about adding this as a side block
« Reply #6 on: June 01, 2020, 12:12:01 PM »
Thankyou lurkalot, your a star!

 :)