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

Recent

Welcome to TinyPortal. Please login or sign up.

March 29, 2024, 06:23:11 AM

Login with username, password and session length
Members
Stats
  • Total Posts: 195,106
  • Total Topics: 21,213
  • Online today: 358
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online

[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