Bookmarks

Tue Oct 12, 2010 3:12 pm

How to include this social button on overal footer in this style?? This is example for all Prosilver Based Style,
Open styles/supernova/template/overall_footer.html

find:


Code:
<div id="page-footer">



add before:


Code:
<div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love">
            <ul class="socials" style="text-align: center;">
                <li class="sexy-delicious"><a class="external" href="http://del.icio.us/" title="Share this on del.icio.us">Share this on del.icio.us</a></li>
                <li class="sexy-digg"><a class="external" href="http://digg.com/" title="Digg this!">Digg this!</a></li>
                <li class="sexy-stumbleupon"><a class="external" href="http://www.stumbleupon.com/" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a></li>
                <li class="sexy-reddit"><a class="external" href="http://reddit.com/" title="Share this on Reddit">Share this on Reddit</a></li>
                <li class="sexy-google"><a class="external" href="http://www.google.com/bookmarks/" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a></li>
                <li class="sexy-twitter"><a class="external" href="http://twitter.com/" title="Tweet This!">Tweet This!</a></li>
                <li class="sexy-facebook"><a class="external" href="http://www.facebook.com/" title="Share this on Facebook">Share this on Facebook</a></li>     
             <li class="sexy-mixx"><a class="external" href="http://www.mixx.com/" title="Share this on Mixx">Share this on Mixx</a></li>         
              <li class="sexy-yahoobuzz"><a class="external" href="http://buzz.yahoo.com/" title="Buzz up!">Buzz up!</a></li>
                 <li class="sexy-linkedin"><a class="external" href="http://www.linkedin.com/" title="Share this on Linkedin">Share this on Linkedin</a></li>
                 <li class="sexy-designfloat"><a class="external" href="http://www.designfloat.com/" title="Submit this to DesignFloat">Submit this to DesignFloat</a></li>
                 <li class="sexy-technorati"><a class="external" href="http://technorati.com/" title="Share this on Technorati">Share this on Technorati</a></li>
                 <li class="sexy-scriptstyle"><a class="external" href="http://scriptandstyle.com/" title="Submit this to Script & Style">Submit this to Script & Style</a></li>
                 <li class="sexy-myspace"><a class="external" href="http://www.myspace.com/" title="Post this to MySpace">Post this to MySpace</a></li>
                 <li class="sexy-blinklist"><a class="external" href="http://www.blinklist.com/" title="Share this on Blinklist">Share this on Blinklist</a></li>
            </ul>
        </div>


Open styles/supernova/theme/colours.css

find:



Code:
#tabs .activetab a {border-bottom: none;}
    #tabs {margin-bottom: 1px;}

    a.postlink {text-decoration: underline;}




add after:


[code] div.sexy-bookmarks {
display: block;
float: left;
margin: 0;
outline: none;
clear: both;
}

div.sexy-bookmarks-expand {
height: 29px;
overflow: visible;
}

.sexy-bookmarks-bg-love {
background: url("{T_IMAGESET_LANG_PATH}/sexytrans.png") no-repeat;
}

div.sexy-bookmarks-bg-love {
padding: 36px 0 0 10px;
background-position: left 0 !important;
}

div.sexy-bookmarks ul.socials {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
float: left;
}

div.sexy-bookmarks ul.socials li {
display: inline !important;
float: left !important;
list-style-type: none !important;
margin: 0 !important;
height: 29px !important;
width: 60px !important;
cursor: pointer !important;
padding: 0 !important;
}

div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after {
content: none !important;
}

div.sexy-bookmarks ul.socials a {
display: block !important;
width: 60px !important;
height: 29px !important;
text-indent: -9999px !important;
background-color: transparent !important;
}

div.sexy-bookmarks ul.socials a:hover {
background-color: transparent !important;
}

.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz,
.sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter,
.sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover,
.sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover,
.sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover {
background: url("{T_THEME_PATH}/images/sexysprite.png") no-repeat !important;
border: 0;
outline: none;
}

.sexy-digg {background-position:-980px bottom !important; }
.sexy-digg:hover {background-position:-980px top !important;}
.sexy-reddit {background-position:-700px bottom !important;}
.sexy-reddit:hover {background-position:-700px top !important;}
.sexy-stumbleupon{background-position:-630px bottom !important;}
.sexy-stumbleupon:hover{background-position:-630px top !important;;}
.sexy-delicious{background-position:-1190px bottom !important;}
.sexy-delicious:hover{background-position:-1190px top !important;}
.sexy-yahoobuzz{background-position:-1120px bottom !important;}
.sexy-yahoobuzz:hover{background-position:-1120px top !important;}
.sexy-blinklist{background-position:-1260px bottom !important;}
.sexy-blinklist:hover{background-position:-1260px top !important;}
.sexy-technorati{background-position:-560px bottom !important;}
.sexy-technorati:hover{background-position:-560px top !important;}
.sexy-myspace{background-position:-770px bottom !important;}
.sexy-myspace:hover{background-position:-770px top !important;}
.sexy-twitter{background-position:-490px bottom !important;}
.sexy-twitter:hover{background-position:-490px top !important;}
.sexy-facebook{background-position:-1330px bottom !important;}
.sexy-facebook:hover{background-position:-1330px top !important;}
.sexy-mixx{background-position:-840px bottom !important;}
.sexy-mixx:hover{background-position:-840px top !important;}
.sexy-scriptstyle{background-position:-280px bottom !important;}
.sexy-scriptstyle:hover{background-position:-280px top !important;}
.sexy-designfloat{background-position:-1050px bottom !important;}
.sexy-designfloat:hover{background-position:-1050px top !important;}
.sexy-newsvine{background-position:left bottom !important;}
.sexy-newsvine:hover{background-position:left top !important;}
.sexy-google{background-position:-210px bottom !important;}
.sexy-google:hover{background-position:-210px top !important;}
.sexy-comfeed{background-position:-420px bottom !important;}
.sexy-comfeed:hover{background-position:-420px top !important;}
.sexy-linkedin{background-position:-70px bottom !important;}
.sexy-linkedin:hover{background-position:-70px top !important;}
.sexy-friendfeed{background-position:-1750px bottom !important;}
.sexy-friendfeed:hover{background-position:-1750px top !important;}




make sure have the sexysprite.png image supernova/theme/images folder refresh template and theme.



  Related Posts  to : Bookmarks
 simple Ajax library solving back button and bookmarks     -