Care este codul de la aceste butoane de share

Scris de Alinush21 Sam Mai 12, 2012 9:22 pm

Salut, am gasit un forum cu aceste butoane de share: Care este codul de la aceste butoane de share S1Zic

. As vrea si eu codul. Am gasit pe acest forum: http://info-new.forumcreativ.ro/ ( nu este reclama )

Scris de Estyle Sam Mai 12, 2012 9:55 pm

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>

Scris de Alinush21 Sam Mai 12, 2012 9:59 pm

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

Scris de Estyle Sam Mai 12, 2012 10:02 pm

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

Scris de Alinush21 Sam Mai 12, 2012 10:03 pm

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

Scris de cloner Dum Mai 13, 2012 8:23 am

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.&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&url=http://info-new.forumcreativ.ro/portal" target="_blank">Digg</a> </li> </ul> </td> </tr> </table>

Scris de Ryder' Dum Mai 13, 2012 8:42 am

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;}