• Page 1 of 1
  • 1
uCause Community » Trash & Archives » Forum » OS X Styled Sharing Dock (OS X Styled Sharing Dock For Your Forum)
OS X Styled Sharing Dock
masoodalam51Date: Saturday, 2011-07-09, 5:55 PM | Message # 1
Member
Group: Senior Members
Messages: 27
Awards: 4
Reputation: 3
Status: :-(
1.Main » Customize design » Editing templates » Forum » General appearance of forum pages
Find

Code
</body>

Add Before This Code
Code
<style type="text/css">
    #sharedock { position: fixed; bottom: 0; left: 0; width: 100%; height: 90px; z-index: 999; }
    #dock { position: relative; bottom: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; }
    .dock-container { position: relative; background:url(http://forum.tekfu.tk/tekfu-BG.png) no-repeat bottom center; height: 50px; padding: 20px 0 20px 0; }
    .dock-container .custom_images a { display: block;  position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; cursor: pointer; }
    .dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
    .dock-container .custom_images img { border: 0; margin: 5px 0px 10px 0px; width: 100%; }
    </style>

<div id="sharedock">
    <div id="dock">
    <div class="dock-container">

<div class="addthis_toolbox">   

   <div class="custom_images">

   <a class="addthis_button_facebook"><span>Facebook</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_facebook.png" alt="Share to Facebook" /></a>
    <a class="addthis_button_twitter"><span>Twitter</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_twitter.png" alt="Share to Twitter" /></a>
<a class="addthis_button_myspace"><span>MySpace</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_myspace.png" alt="Share to MySpace" /></a>
<a class="addthis_button_stumbleupon"><span>Stumble</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_stumbleupon.png" alt="Stumble It" /></a>
<a class="addthis_button_reddit"><span>Reddit</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_reddit.png" alt="Share to Reddit" /></a>
<a class="addthis_button_delicious"><span>Delicious</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_delicious.png" alt="Share to Delicious" /></a>
    <a class="addthis_button_more"><span>More...</span><img src="http://addthis.com/cms-content/images/gallery/addthis_64.png" alt="More..." /></a>
    </div>
    </div>   
    </div>
    </div>
    </div>

    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=masoodalam51"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://addthis.com//cms-content/images/gallery/fisheye-iutil.min.js"></script>
    <script type="text/javascript">
    $(function () {   
    // Dock initialize
    $('#dock').Fisheye(
    {
    maxWidth: 30,
    items: 'a',
    itemsText: 'span',
    container: '.dock-container',
    itemWidth: 50,
    proximity: 60,
    alignment : 'left',
    valign: 'bottom',
    halign : 'center'
    }
    );
    });
    </script>


Screen Shot:
Attachments: 3774617.gif(979.4 Kb)


Electronics Student
If You Found My Post Helpfull Add Rep


Message edited by masoodalam51 - Saturday, 2011-07-09, 6:02 PM
 
0 Thanked you For This Useful Post:
BlazerDate: Saturday, 2011-07-09, 5:59 PM | Message # 2
Member
Group: Senior Members
Messages: 471
Awards: 2
Reputation: 4
Status: :-(
greaT WORK
 
0 Thanked you For This Useful Post:
Maczo12310Date: Saturday, 2011-07-09, 6:02 PM | Message # 3
Member
Group: Senior Members
Messages: 987
Awards: 12
Reputation: 11
Status: :-(
Hm. Beutiful script. I really like it, +Award for it biggrin Great job mate.


Visit my Graphic forum board on uCause !!!
 
0 Thanked you For This Useful Post:
Silence-PrayerDate: Sunday, 2011-07-10, 8:13 PM | Message # 4
uCause Co-Admin
Group: Senior Members
Messages: 519
Awards: 21
Reputation: 17
Status: :-(
Add before this code?? What's this mean??

uCause is the Best
 
0 Thanked you For This Useful Post:
AnimorphDate: Sunday, 2011-07-10, 8:21 PM | Message # 5
uCause forum Admin
Group: Developer
Messages: 2835
Awards: 73
Status: :-(
Susmoy, add this before
Code
</body>
 
0 Thanked you For This Useful Post:
masoodalam51Date: Friday, 2011-07-15, 8:48 PM | Message # 6
Member
Group: Senior Members
Messages: 27
Awards: 4
Reputation: 3
Status: :-(
Change The File Address:

Code
http://forum.tekfu.tk/tekfu-BG.png
To
http://dl.tekfu.tk/u/27811014/tekfu%20files/tekfu-BG.png


Electronics Student
If You Found My Post Helpfull Add Rep
 
0 Thanked you For This Useful Post:
uCause Community » Trash & Archives » Forum » OS X Styled Sharing Dock (OS X Styled Sharing Dock For Your Forum)
  • Page 1 of 1
  • 1
Search:


"Making uCoz web designs simple and easy to use"
- uCause Developers