Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Social bookmarking(jak?)
Zumi
post
Post #1





Grupa: Zarejestrowani
Postów: 38
Pomógł: 0
Dołączył: 15.06.2008

Ostrzeżenie: (0%)
-----


Witam,
mam ogromną prośbę aby pomógł mi ktos zrobić system social bookmarkingu na strone portfolia... coś podobnego jak jest na słynnym serwisie demotywującym. Nie chodzi mi o gotowe rozwiązanie typu dodajdo (google) chodzi mi o kilka polskich serwisów i zagranicznych. Próbowałem skorzystac z tego lecz nie wiem czemu nie działało to jak trzeba... ikonki osobne juz mam przygotowane najgorzej jest z tym aby działało to jak trzeba. Bardzo proszę o pomoc


pozdrawiam,
Zumi
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Zumi
post
Post #2





Grupa: Zarejestrowani
Postów: 38
Pomógł: 0
Dołączył: 15.06.2008

Ostrzeżenie: (0%)
-----


przykładowo http://www.drozdzphoto.com/index5.html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  5. <meta http-equiv="Content-Language" content="pl">
  6. <title>Marcin Drożdż Photography - Galeria</title>
  7. <link rel="shortcut icon" href="http://www.drozdzphoto.com/images/images_page/favicon.ico" />
  8. <meta name="Robots" content="all,follow">
  9.  
  10. <style type='text/css'>
  11. div.sexy-bookmarks {
  12. height:54px;
  13. background:url('http://www.drozdzphoto.com/sharingsexy.png') no-repeat left bottom;
  14. position:relative;
  15. width:540px;
  16. }
  17.  
  18. div.sexy-bookmarks span.sexy-rightside {
  19. width:17px;
  20. height:54px;
  21. background:url('http://www.drozdzphoto.com/sharingsexy.png') no-repeat right bottom;
  22. position:absolute;
  23. right:-17px;
  24. }
  25.  
  26. div.sexy-bookmarks ul.socials {
  27. margin:0 !important;
  28. padding:0 !important;
  29. position:absolute;
  30. bottom:0;
  31. left:10px;
  32. }
  33.  
  34. div.sexy-bookmarks ul.socials li {
  35. display:inline-block !important;
  36. float:left !important;
  37. list-style-type:none !important;
  38. margin:0 !important;
  39. height:29px !important;
  40. width:48px !important;
  41. cursor:pointer !important;
  42. padding:0 !important;
  43. }
  44.  
  45. div.sexy-bookmarks ul.socials a {
  46. display:block !important;
  47. width:48px !important;
  48. height:29px !important;
  49. font-size:0 !important;
  50. color:transparent !important;
  51.  
  52. }
  53.  
  54. .sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo: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-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
  55. background:url('http:/www.drozdzphoto.com/sexysprite.png') no-repeat !important;
  56. }
  57.  
  58. .sexy-furl {
  59. background-position:-300px top !important;
  60. }
  61. .sexy-furl:hover {
  62. background-position:-300px bottom !important;
  63. }
  64. .sexy-digg {
  65. background-position:-500px top !important;
  66. }
  67. .sexy-digg:hover {
  68. background-position:-500px bottom !important;
  69. }
  70. .sexy-reddit {
  71. background-position:-100px top !important;
  72. }
  73. .sexy-reddit:hover {
  74. background-position:-100px bottom !important;
  75. }
  76. .sexy-stumble {
  77. background-position:-50px top !important;
  78. }
  79. .sexy-stumble:hover {
  80. background-position:-50px bottom !important;
  81. }
  82. .sexy-delicious {
  83. background-position:left top !important;
  84. }
  85. .sexy-delicious:hover {
  86. background-position:left bottom !important;
  87. }
  88. .sexy-yahoo {
  89. background-position:-650px top !important;
  90. }
  91. .sexy-yahoo:hover {
  92. background-position:-650px bottom !important;
  93. }
  94. .sexy-blinklist {
  95. background-position:-600px top !important;
  96. }
  97. .sexy-blinklist:hover {
  98. background-position:-600px bottom !important;
  99. }
  100. .sexy-technorati {
  101. background-position:-700px top !important;
  102. }
  103. .sexy-technorati:hover {
  104. background-position:-700px bottom !important;
  105. }
  106. .sexy-myspace {
  107. background-position:-200px top !important;
  108. }
  109. .sexy-myspace:hover {
  110. background-position:-200px bottom !important;
  111. }
  112. .sexy-twitter {
  113. background-position:-350px top !important;
  114. }
  115. .sexy-twitter:hover {
  116. background-position:-350px bottom !important;
  117. }
  118. .sexy-facebook {
  119. background-position:-450px top !important;
  120. }
  121. .sexy-facebook:hover {
  122. background-position:-450px bottom !important;
  123. }
  124. .sexy-mixx {
  125. background-position:-250px top !important;
  126. }
  127. .sexy-mixx:hover {
  128. background-position:-250px bottom !important;
  129. }
  130. .sexy-script-style {
  131. background-position:-400px top !important;
  132. }
  133. .sexy-script-style:hover {
  134. background-position:-400px bottom !important;
  135. }
  136. .sexy-designfloat {
  137. background-position:-550px top !important;
  138. }
  139. .sexy-designfloat:hover {
  140. background-position:-550px bottom !important;
  141. }
  142. .sexy-syndicate {
  143. background-position:-150px top !important;
  144. }
  145. .sexy-syndicate:hover {
  146. background-position:-150px bottom !important;
  147. }
  148. .sexy-email {
  149. background-position:-753px top !important;
  150. }
  151. .sexy-email:hover {
  152. background-position:-753px bottom !important;
  153. }
  154.  
  155.  
  156. <link type="text/css" rel="stylesheet" href="http://www.drozdzphoto.com/css/base.css" />
  157. <script src="http://www.drozdzphoto.com/scripts/prototype.js"></script>
  158. <script src="http://www.drozdzphoto.com/scripts/effects.js"></script>
  159. <script src="http://www.drozdzphoto.com/scripts/base.js"></script>
  160. </head>
  161. <body oncontextmenu="return false" onselectstart="return false" onselect="return false" ondragstart="return false" ondrag="return false">
  162. <div id="container">
  163. <table class="projHead">
  164. <tr>
  165. <td align="left" class="left"><a href="http://www.pl.drozdzphoto.com/przejdz_do.html"></a><h4 id="portfolio_title">Marcin Drożdż Photography</h4></td>
  166. <td align="right" style="padding-right:10px;"><h4><a href="http://www.pl.drozdzphoto.com/o_mnie.html">O Mnie</a></h4><!-- dodajdo.com start -->
  167. <script type="text/javascript" src="http://dodajdo.com/app.js?no=1&id=5430"></script>
  168. <a href="http://dodajdo.com/zakladki.php" onclick="window.open('http://dodajdo.com/zakladki.php?id=5430&amp;url='+encodeURIComponent(location.href)+'&amp;tytul='+encodeURIComponent(document.title),'dodajdo','scrollbars=yes,menubar=no,width=630,height=540,resizable=yes,toolbar=no,location
    =no,status=no'); return false;"
    title="Dodaj do zakładek" class="dodajdo"><img src="http://dodajdo.com/bookmarks4.gif" border="0" alt="dodajdo.com" /></a>
  169. <!-- dodajdo.com koniec --></td>
  170. </tr></table>
  171. <div class="se">
  172. <div class="sw" style="padding-bottom:10px;">
  173. <div class="thmbCon">
  174. <ul id="thumbs">
  175. <li class="thumbBlock">
  176. <a href="http://www.pl.drozdzphoto.com/galeria/slubne/lista.html">
  177. <img src="http://www.drozdzphoto.com/images/gallery_menu/slubne_wedding.jpg" width="375" height="140" border="0" align="top" />
  178. <div class="drag">
  179. <h2><span>Ślubne&nbsp;</span></h2>
  180. </div></a></li>
  181. <li class="thumbBlock">
  182. <a href="http://www.pl.drozdzphoto.com/galeria/krajobrazy/lista.html">
  183. <img src="http://www.drozdzphoto.com/images/gallery_menu/krajobrazy_landscapes.jpg" width="375" height="140" border="0" align="top" />
  184. <div class="drag">
  185. <h2><span>Krajobrazy&nbsp;</span></h2>
  186. </div></a></li>
  187. <li class="thumbBlock">
  188. <a href="http://www.pl.drozdzphoto.com/galeria/czlowiek/lista.html">
  189. <img src="http://www.drozdzphoto.com/images/gallery_menu/czlowiek_people.jpg" width="375" height="310" border="0" align="top" />
  190. <div class="drag">
  191. <h2><span>Człowiek&nbsp;</span></h2>
  192. </div></a></li>
  193. <li class="thumbBlock">
  194. <a href="http://www.pl.drozdzphoto.com/galeria/miejskie/lista.html">
  195. <img src="http://www.drozdzphoto.com/images/gallery_menu/miejskie_urban.jpg" width="375" height="140" border="0" align="top" />
  196. <div class="drag">
  197. <h2><span>Miejskie&nbsp;</span></h2>
  198. </div></a></li>
  199. <li class="thumbBlock">
  200. <a href="http://www.pl.drozdzphoto.com/galeria/reportaz/lista.html">
  201. <img src="http://www.drozdzphoto.com/images/gallery_menu/reportaz_reportage.jpg" width="375" height="140" border="0" align="top" />
  202. <div class="drag">
  203. <h2><span>Reportaż&nbsp;</span></h2>
  204. </div></a></li></ul>
  205. <div class="clear"></div>
  206. </div></div></div>
  207. <div id="footer">
  208. <p id="rights" class="small">&copy; Marcin Drożdż Photography 2010</p>
  209. <div class="clear"></div>
  210. </div></div>
  211.  
  212. <div class='sexy-bookmarks'>
  213. <ul class='socials'>
  214. <li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
  215.  
  216. <li class='sexy-digg'><a expr:href='&quot; <a href="http://digg.com/submit?url=&quot;" target="_blank">http://digg.com/submit?url=&quot;</a> + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
  217.  
  218. <li class='sexy-technorati'><a expr:href='&quot; <a href="http://technorati.com/faves?add=&quot;" target="_blank">http://technorati.com/faves?add=&quot;</a> + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
  219.  
  220. <li class='sexy-reddit'><a expr:href='&quot; <a href="http://www.reddit.com/submit?url=&quot;" target="_blank">http://www.reddit.com/submit?url=&quot;</a> + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
  221.  
  222. <li class='sexy-stumble'><a expr:href='&quot; <a href="http://www.stumbleupon.com/submit?url=&quot;" target="_blank">http://www.stumbleupon.com/submit?url=&quot;</a> + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
  223.  
  224. <li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
  225.  
  226. <li class='sexy-facebook'><a expr:href='&quot; <a href="http://www.facebook.com/sharer.php?u=&quot;" target="_blank">http://www.facebook.com/sharer.php?u=&quot;</a> + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
  227.  
  228. <li class='sexy-twitter'><a expr:href='&quot; <a href="http://twitthis.com/twit?url=&quot;" target="_blank">http://twitthis.com/twit?url=&quot;</a> + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
  229.  
  230. <li class='sexy-furl'><a expr:href='&quot; <a href="http://www.furl.net/storeIt.jsp?u=&quot;" target="_blank">http://www.furl.net/storeIt.jsp?u=&quot;</a> + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
  231.  
  232. <li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID' title='Subscribe to RSS'/></li>
  233.  
  234. <li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
  235.  
  236. </ul>
  237. <span class='sexy-rightside'/></div>
  238.  
  239. </body>
  240. </html>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 10.10.2025 - 07:15