TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

May 30, 2023, 12:10:07 AM

Login with username, password and session length
Members
  • Total Members: 3,864
  • Latest: Joonoz
Stats
  • Total Posts: 194,362
  • Total Topics: 21,157
  • Online today: 99
  • Online ever: 3,540
  • (September 03, 2022, 01:38:54 AM)
Users Online
Users: 1
Guests: 116
Total: 117

[Block] Follow Us - Social Network Buttons with Style

Started by Lord Anubis, March 31, 2011, 12:26:07 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Lord Anubis

Follow Us - Social Network Buttons with Style

This is a sweet way to show your Social Networks for your website...
The included package has icons for:

Screenshot:


Demo:
Live Demo Click Here - Look to the very bottom of page




Type of Block:
Script

Instructions:

1. Download this package with icons
2. Extract icons, and upload the social_icons folder to the root of your website
3. Use the code below into a Scriptbox block

<a href="LINK_TO_SOCIAL_SITE.com" title="Join us at SOCIAL_SITE" target="_blank">
<img src="http://www.yoursite.com/social_icons/image.png"
onmouseover="this.src='http://www.yoursite.com/social_icons/image_alternate.png'"
onmouseout="this.src='http://www.yoursite.com/social_icons/image.png'"></a>


You can add more icons by simply copying the code and repeating with the next Social Network / Social Bookmarking site




Enjoy  O0