Care este codul de la aceste butoane de share

[Alinush21]

Salut, am gasit un forum cu aceste butoane de share: . As vrea si eu codul. Am gasit pe acest forum: http://info-new.forumcreativ.ro/ ( nu este reclama )

[Estyle]

Adauga asta in Mesaj pe pagina de start:

Cod:

<center style="margin-top: 40px; color: silver;"><div style="width: 600px;">
<script type="text/javascript" src="http://designbook.bravehost.com/sexyJquery.js"></script>

  <script type="text/javascript" src="http://designbook.bravehost.com/SexyBookmark.js"></script>

                  <div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center sexy-bookmarks-bg-wealth">
                    <ul class="socials">
                        <li class="sexy-twittley"><a href="http://twittley.com/submit/" rel="nofollow" class="external" title="Submit this to Twittley">Submit this to Twittley</a></li>
                        <li class="sexy-digg"><a href="http://digg.com/submit" rel="nofollow" class="external" title="Digg this!">Digg this!</a></li>
                        <li class="sexy-twitter"><a href="http://twitter.com/home" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li>

                        <li class="sexy-scriptstyle"><a href="http://scriptandstyle.com/submit" rel="nofollow" class="external" title="Submit this to Script & Style">Submit this to Script & Style</a></li>
                        <li class="sexy-reddit"><a href="http://reddit.com/submit" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a></li>
                        <li class="sexy-delicious"><a href="http://del.icio.us/post" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a></li>
                        <li class="sexy-stumbleupon"><a href="http://www.stumbleupon.com/submit" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a></li>
                        <li class="sexy-mixx"><a href="http://www.mixx.com/submit" rel="nofollow" class="external" title="Share this on Mixx">Share this on Mixx</a></li>

                        <li class="sexy-technorati"><a href="http://technorati.com/faves" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a></li>
                        <li class="sexy-blinklist"><a href="http://www.blinklist.com/index.php" rel="nofollow" class="external" title="Share this on Blinklist">Share this on Blinklist</a></li>
                        <li class="sexy-diigo"><a href="http://www.diigo.com/post">Post this on Diigo</a></li>
                        <li class="sexy-yahoobuzz"><a href="http://buzz.yahoo.com/submit/" rel="nofollow" class="external" title="Buzz up!">Buzz up!</a></li>
                        <li class="sexy-myspace"><a href="http://www.myspace.com/Modules/PostTo/Pages/" rel="nofollow" class="external" title="Post this to MySpace">Post this to MySpace</a></li>
                        <li class="sexy-facebook"><a href="http://www.facebook.com/share.php" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a></li>

                        <li class="sexy-designfloat"><a href="http://www.designfloat.com/submit.php" rel="nofollow" class="external" title="Submit this to DesignFloat">Submit this to DesignFloat</a></li>
                        <li class="sexy-devmarks"><a href="http://devmarks.com/index.php" rel="nofollow" class="external" title="Share this on Devmarks">Share this on Devmarks</a></li>
                        <li class="sexy-newsvine"><a href="http://www.newsvine.com/_tools/seed&save" rel="nofollow" class="external" title="Seed this on Newsvine">Seed this on Newsvine</a></li>
                        <li class="sexy-google"><a href="http://www.google.com/bookmarks/mark" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a></li>
                      </ul>
                  </div>
</div></center>
<style>
/*
  click handler for SexyBookmarks
  Credit: Phong Thai Cao - http://www.JavaScriptBank.com
  Please keep this creadit when you use this code
*/
div.sexy-bookmarks {
  margin:20px 0 0 0;
  clear: both !important;
}
div.sexy-bookmarks-expand {
  height: 29px;
  overflow: hidden;
}
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-caring, .sexy-bookmarks-bg-caring-old, .sexy-bookmarks-bg-love, .sexy-bookmarks-bg-wealth, .sexy-bookmarks-bg-enjoy {
  background-image:url('http://www.javascriptbank.com/javascript/article/Integrate_SexyBookmarks_into_your_Personal_page_with_JavaScript/sexy-trans.png') !important;
  background-repeat: no-repeat !important;
}
div.sexy-bookmarks-bg-sexy {
  padding: 28px 0 0 10px !important;
  background-position: left -348px !important;
}
div.sexy-bookmarks-bg-caring {
  padding: 26px 0 0 10px !important;
  background-position: left 0 !important;
}
div.sexy-bookmarks-bg-caring-old {
  padding: 26px 0 0 10px !important;
  background-position: left -748px !important;
}
div.sexy-bookmarks-bg-love {
  padding: 26px 0 0 10px !important;
  background-position: left -1148px !important;
} 
div.sexy-bookmarks-bg-wealth {
  margin-left: 15px !important;
  padding: 35px 0 0 20px !important;
  background-position: left -1535px !important;
}
div.sexy-bookmarks-bg-enjoy {
  padding: 26px 0 0 10px !important;
  background-position: left -1895px !important;
}
div.sexy-bookmarks ul.socials {
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  float: left !important;
}

div.sexy-bookmarks ul.socials {
  background:transparent none !important;
  border:0 none !important;
  outline:0 none !important;
}

div.sexy-bookmarks ul.socials li {
  display:inline !important;
  float:left !important;
  list-style-type:none !important;
  margin:0;
  height:29px !important;
  width:60px !important;
  cursor:pointer !important;
  padding:0 !important;
  background-color:transparent !important;
  border:0 none !important;
  outline:0 none !important;
  clear:none !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, div.sexy-bookmarks ul.socials li:hover {
  background-color:transparent !important;
  border:0 none !important;
  outline:0 none !important;
}

li.sexy-diigo, li.sexy-diigo:hover, li.sexy-digg, li.sexy-digg:hover, li.sexy-reddit, li.sexy-reddit:hover, li.sexy-stumbleupon, li.sexy-stumbleupon:hover, li.sexy-delicious, li.sexy-delicious:hover, li.sexy-yahoobuzz, li.sexy-yahoobuzz:hover, li.sexy-blinklist, li.sexy-blinklist:hover, li.sexy-technorati, li.sexy-technorati:hover, li.sexy-facebook, li.sexy-facebook:hover, li.sexy-twitter, li.sexy-twitter:hover, li.sexy-myspace, li.sexy-myspace:hover, li.sexy-mixx, li.sexy-mixx:hover, li.sexy-scriptstyle, li.sexy-scriptstyle:hover, li.sexy-designfloat, li.sexy-designfloat:hover, li.sexy-mail, li.sexy-mail:hover, li.sexy-comfeed, li.sexy-comfeed:hover, li.sexy-newsvine, li.sexy-newsvine:hover, li.sexy-devmarks, li.sexy-devmarks:hover, li.sexy-linkedin, li.sexy-linkedin:hover, li.sexy-google, li.sexy-google:hover, li.sexy-misterwong, li.sexy-misterwong:hover, li.sexy-izeby, li.sexy-izeby:hover, li.sexy-twittley, li.sexy-twittley:hover, li.sexy-tipd, li.sexy-tipd:hover, li.sexy-pfbuzz, li.sexy-pfbuzz:hover, li.sexy-friendfeed, li.sexy-friendfeed:hover, li.sexy-blogmarks, li.sexy-blogmarks:hover, li.sexy-fwisp, li.sexy-fwisp:hover, li.sexy-designmoo, li.sexy-designmoo:hover, li.sexy-bobrdobr, li.sexy-bobrdobr:hover, li.sexy-yandex, li.sexy-yandex:hover, li.sexy-memoryru, li.sexy-memoryru:hover, li.sexy-100zakladok, li.sexy-100zakladok:hover, li.sexy-moemesto, li.sexy-moemesto:hover, li.sexy-ning, li.sexy-ning:hover, li.sexy-hackernews, li.sexy-hackernews:hover, li.sexy-identica, li.sexy-identica:hover, li.sexy-printfriendly, li.sexy-printfriendly:hover, li.sexy-designbump, li.sexy-designbump:hover, li.sexy-fleck, li.sexy-fleck:hover, li.sexy-netvibes, li.sexy-netvibes:hover, li.sexy-netvouz, li.sexy-netvouz:hover, li.sexy-nujij, li.sexy-nujij:hover, li.sexy-globalgrind, li.sexy-globalgrind:hover, li.sexy-wikio, li.sexy-wikio:hover, li.sexy-xerpi, li.sexy-xerpi:hover, li.sexy-sphinn, li.sexy-sphinn:hover, li.sexy-blogospherenews, li.sexy-blogospherenews:hover, li.sexy-posterous, li.sexy-posterous:hover, li.sexy-techmeme, li.sexy-techmeme:hover, li.sexy-ekudos, li.sexy-ekudos:hover, li.sexy-pingfm, li.sexy-pingfm:hover, li.sexy-tomuse, li.sexy-tomuse:hover {
  background:url('http://www.javascriptbank.com/javascript/article/Integrate_SexyBookmarks_into_your_Personal_page_with_JavaScript/sexy-sprite.png') no-repeat !important;
}

li.sexy-diigo {
  background-position:-910px bottom !important;
}
li.sexy-diigo:hover {
  background-position:-910px top !important;
}
li.sexy-digg {
  background-position:-980px bottom !important;
}
li.sexy-digg:hover {
  background-position:-980px top !important;
}
li.sexy-reddit {
  background-position:-700px bottom !important;
}
li.sexy-reddit:hover {
  background-position:-700px top !important;
}
li.sexy-stumbleupon {
  background-position:-630px bottom !important;
}
li.sexy-stumbleupon:hover {
  background-position:-630px top !important;
}
li.sexy-delicious {
  background-position:-1190px bottom !important;
}
li.sexy-delicious:hover {
  background-position:-1190px top !important;
}
li.sexy-yahoobuzz {
  background-position:-1120px bottom !important;
}
li.sexy-yahoobuzz:hover {
  background-position:-1120px top !important;
}
li.sexy-blinklist {
  background-position:-1260px bottom !important;
}
li.sexy-blinklist:hover {
  background-position:-1260px top !important;
}
li.sexy-technorati {
  background-position:-560px bottom !important;
}
li.sexy-technorati:hover {
  background-position:-560px top !important;
}
li.sexy-myspace {
  background-position:-770px bottom !important;
}
li.sexy-myspace:hover {
  background-position:-770px top !important;
}
li.sexy-twitter {
  background-position:-490px bottom !important;
}
li.sexy-twitter:hover {
  background-position:-490px top !important;
}
li.sexy-facebook {
  background-position:-1330px bottom !important;
}
li.sexy-facebook:hover {
  background-position:-1330px top !important;
}
li.sexy-mixx {
  background-position:-840px bottom !important;
}
li.sexy-mixx:hover {
  background-position:-840px top !important;
}
li.sexy-scriptstyle {
  background-position:-280px bottom !important;
}
li.sexy-scriptstyle:hover {
  background-position:-280px top !important;
}
li.sexy-designfloat {
  background-position:-1050px bottom !important;
}
li.sexy-designfloat:hover {
  background-position:-1050px top !important;
}
li.sexy-newsvine {
  background-position:left bottom !important;
}
li.sexy-newsvine:hover {
  background-position:left top !important;
}
li.sexy-google {
  background-position:-210px bottom !important;
}
li.sexy-google:hover {
  background-position:-210px top !important;
}
li.sexy-comfeed {
  background-position:-420px bottom !important;
}
li.sexy-comfeed:hover {
  background-position:-420px top !important;
}
li.sexy-mail {
  background-position:-350px bottom !important;
}
li.sexy-mail:hover {
  background-position:-350px top !important;
}
li.sexy-devmarks {
  background-position:-140px bottom !important;
}
li.sexy-devmarks:hover {
  background-position:-140px top !important;
}
li.sexy-linkedin {
  background-position:-70px bottom !important;
}
li.sexy-linkedin:hover {
  background-position:-70px top !important;
}
li.sexy-misterwong {
  background-position:-1400px bottom !important;
}
li.sexy-misterwong:hover {
  background-position:-1400px top !important;
}
li.sexy-izeby {
  background-position:-1470px bottom !important;
}
li.sexy-izeby:hover {
  background-position:-1470px top !important;
}
li.sexy-twittley {
  background-position:-1540px bottom !important;
}
li.sexy-twittley:hover {
  background-position:-1540px top !important;
}
li.sexy-tipd {
  background-position:-1610px bottom !important;
}
li.sexy-tipd:hover {
  background-position:-1610px top !important;
}
li.sexy-pfbuzz {
  background-position:-1680px bottom !important;
}
li.sexy-pfbuzz:hover {
  background-position:-1680px top !important;
}
li.sexy-friendfeed {
  background-position:-1750px bottom !important;
}
li.sexy-friendfeed:hover {
  background-position:-1750px top !important;
}
li.sexy-blogmarks {
  background-position:-1820px bottom !important;
}
li.sexy-blogmarks:hover {
  background-position:-1820px top !important;
}
li.sexy-fwisp {
  background-position:-1890px bottom !important;
}
li.sexy-fwisp:hover {
  background-position:-1890px top !important;
}
li.sexy-designmoo {
  background-position:-1960px bottom !important;
}
li.sexy-designmoo:hover {
  background-position:-1960px top !important;
}
li.sexy-bobrdobr {
  background-position:-2030px bottom !important;
}
li.sexy-bobrdobr:hover {
  background-position:-2030px top !important;
}
li.sexy-memoryru {
  background-position:-2100px bottom !important;
}
li.sexy-memoryru:hover {
  background-position:-2100px top !important;
}
li.sexy-100zakladok {
  background-position:-2170px bottom !important;
}
li.sexy-100zakladok:hover {
  background-position:-2170px top !important;
}
li.sexy-yandex {
  background-position:-2240px bottom !important;
}
li.sexy-yandex:hover {
  background-position:-2240px top !important;
}
li.sexy-moemesto {
  background-position:-2310px bottom !important;
}
li.sexy-moemesto:hover {
  background-position:-2310px top !important;
}
li.sexy-marrows {
  background-position:-2380px bottom !important;
}
li.sexy-marrows:hover {
  background-position:-2380px top !important;
}
li.sexy-identica {
  background-position:-2450px bottom !important;
}
li.sexy-identica:hover {
  background-position:-2450px top !important;
}
li.sexy-hackernews {
  background-position:-2520px bottom !important;
}
li.sexy-hackernews:hover {
  background-position:-2520px top !important;
}
li.sexy-ning {
  background-position:-2590px bottom !important;
}
li.sexy-ning:hover {
  background-position:-2590px top !important;
}
li.sexy-designbump {
  background-position:-2660px bottom !important;
}
li.sexy-designbump:hover {
  background-position:-2660px top !important;
}
li.sexy-printfriendly {
  background-position:-2730px bottom !important;
}
li.sexy-printfriendly:hover {
  background-position:-2730px top !important;
}
li.sexy-fleck{
  background-position:-2800px bottom !important;
}
li.sexy-fleck:hover{
  background-position:-2800px top !important;
}
li.sexy-netvibes{
  background-position:-2870px bottom !important;
}
li.sexy-netvibes:hover{
  background-position:-2870px top !important;
}
li.sexy-netvouz{
  background-position:-2940px bottom !important;
}
li.sexy-netvouz:hover{
  background-position:-2940px top !important;
}
li.sexy-nujij{
  background-position:-3010px bottom !important;
}
li.sexy-nujij:hover{
  background-position:-3010px top !important;
}
li.sexy-globalgrind{
  background-position:-3080px bottom !important;
}
li.sexy-globalgrind:hover{
  background-position:-3080px top !important;
}
li.sexy-wikio{
  background-position:-3150px bottom !important;
}
li.sexy-wikio:hover{
  background-position:-3150px top !important;
}
li.sexy-xerpi{
  background-position:-3220px bottom !important;
}
li.sexy-xerpi:hover{
  background-position:-3220px top !important;
}
li.sexy-sphinn{
  background-position:-3290px bottom !important;
}
li.sexy-sphinn:hover{
  background-position:-3290px top !important;
}
li.sexy-blogospherenews{
  background-position:-3360px bottom !important;
}
li.sexy-blogospherenews:hover{
  background-position:-3360px top !important;
}
li.sexy-posterous{
  background-position:-3430px bottom !important;
}
li.sexy-posterous:hover{
  background-position:-3430px top !important;
}
li.sexy-techmeme{
  background-position:-3500px bottom !important;
}
li.sexy-techmeme:hover{
  background-position:-3500px top !important;
}
li.sexy-ekudos{
  background-position:-3570px bottom !important;
}
li.sexy-ekudos:hover{
  background-position:-3570px top !important;
}
li.sexy-pingfm{
  background-position:-3640px bottom !important;
}
li.sexy-pingfm:hover{
  background-position:-3640px top !important;
}
li.sexy-tomuse{
  background-position:-3710px bottom !important;
}
li.sexy-tomuse:hover {
  background-position:-3710px top !important;
}
</style>
</body>
</html>

[Alinush21]

Estyle nu este codul care il doresc eu; eu il doresc pe cel din imagine.

[Estyle]

Ti-e greu sa schimbi imaginile cu alea de pe forumul ala?

[Alinush21]

In primul rand nu este acel cod. Doresc codul ala exact.

[cloner]

Cod:

<table cellspacing="0" cellspacing="0" width="100%">
<tr>
<td align="center" valign="center" style="margin-right:20px;">
<ul id="text" class="sharing-cl">
<li>
<a class="sh-mail" href="mailto:?subject=Trimite un email.&amp;body=http://info-new.forumcreativ.ro/portal" target="_blank">Email</a>
</li>
<li>
<a class="sh-feed" href=" /feed" target="_blank">RRS</a>
</li>
<li>
<a class="sh-tweet" onclick="javascript:pageTracker._trackPageview ('/outbound/twitter.com');" href="http://twitter.com/home?status=ForumulAndrei http://info-new.forumcreativ.ro/portal" target="_blank">Twitter</a>
</li>
<li>
<a class="sh-face" href="http://www.facebook.com/share.php?u=http://info-new.forumcreativ.ro/portal" target="_blank">FaceBook</a>
</li>
<li>
<a class="sh-su" href="http://www.stumbleupon.com/submit?url=http://info-new.forumcreativ.ro/portal" target="_blank">Stumbleupon</a>
</li>
<li>
<a class="sh-digg" href="http://digg.com/submit?phase=2&amp;url=http://info-new.forumcreativ.ro/portal" target="_blank">Digg</a>
</li>
</ul>
</td>
</tr>
</table>

[Ryder']

Adauga in generalitati:

Cod:

 <center><ul class="sharing-cl" id="text">
      <li><a class="sh-mail" href="LINK">email</a></li>
      <li><a class="sh-feed" href="#feed">feed</a></li>
      <li><a class="sh-tweet" href="http://twitter.com/home">twitter</a></li>
      <li><a class="sh-face" href="http://www.facebook.com/share.php" rel="nofollow">facebook</a></li>
      <li><a class="sh-su" href="http://www.stumbleupon.com/submit">stumbleupon</a></li>
      <li><a class="sh-digg" href="http://digg.com/submit">digg</a></li>
    </ul></center>

Si in CSS:

Cod:



.sharing-cl{overflow:hidden;margin:0;padding:0;list-style:none;}

.sharing-cl a{overflow:hidden;width:75px;height:30px;float:left;margin-right:5px;text-indent:-200px;background:url("http://i39.servimg.com/u/f39/15/69/94/13/share-10.png") no-repeat;}

a.sh-su{background-position:-210px -40px;}

a.sh-feed{background-position:-70px -40px;}

a.sh-tweet{background-position:-140px -40px;}

a.sh-mail{background-position:0 -40px;}

a.sh-digg{background-position:-280px -40px;}

a.sh-face{margin-right:0;background-position:-350px -40px;}

a.sh-mail:hover{background-position:0 1px;}

a.sh-feed:hover{background-position:-70px 1px;}

a.sh-tweet:hover{background-position:-140px 1px;}

a.sh-su:hover{background-position:-210px 1px;}

.sh-digg:hover{background-position:-280px 1px;}

a.sh-face:hover{background-position:-350px 1px;}

#text{margin-top:3em;font-weight:bold;font-family:helvetica,arial,sans-serif;}

#text a{text-indent:0;height:auto;text-align:center;font-size:11px;padding-top:35px;color:#999;text-decoration:none;}

[Alinush21]

Asa. Multumesc Ryder.

[Lycan]