Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Social bookmarking(jak?)
Forum PHP.pl > Forum > Po stronie przeglądarki
Zumi
24.04.2010, 08:25:16
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
pedro84
24.04.2010, 08:34:42
Sexy Bookmarks Ci nie działa? Toż to proste jak szyna kolejowa...

Przepraszam, ale czy pomógł = zrobił za Ciebie?
Zumi
24.04.2010, 08:45:57
no chyba ze cos zle robie w co wątpię...

[HTML] pobierz, plaintext 
  1. <style type='text/css'>
  2. div.sexy-bookmarks {
  3. height:54px;
  4. background:url('http://YOUR-IMAGE-HOSTING/sharingsexy.png') no-repeat left bottom;
  5. position:relative;
  6. width:540px;
  7. }
  8.  
  9. div.sexy-bookmarks span.sexy-rightside {
  10. width:17px;
  11. height:54px;
  12. background:url('http://YOUR-IMAGE-HOSTING/sharingsexy.png') no-repeat right bottom;
  13. position:absolute;
  14. right:-17px;
  15. }
  16.  
  17. div.sexy-bookmarks ul.socials {
  18. margin:0 !important;
  19. padding:0 !important;
  20. position:absolute;
  21. bottom:0;
  22. left:10px;
  23. }
  24.  
  25. div.sexy-bookmarks ul.socials li {
  26. display:inline-block !important;
  27. float:left !important;
  28. list-style-type:none !important;
  29. margin:0 !important;
  30. height:29px !important;
  31. width:48px !important;
  32. cursor:pointer !important;
  33. padding:0 !important;
  34. }
  35.  
  36. div.sexy-bookmarks ul.socials a {
  37. display:block !important;
  38. width:48px !important;
  39. height:29px !important;
  40. font-size:0 !important;
  41. color:transparent !important;
  42.  
  43. }
  44.  
  45. .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 {
  46. background:url('http://YOUR-IMAGE-HOSTING/sexysprite.png') no-repeat !important;
  47. }
  48.  
  49. .sexy-furl {
  50. background-position:-300px top !important;
  51. }
  52. .sexy-furl:hover {
  53. background-position:-300px bottom !important;
  54. }
  55. .sexy-digg {
  56. background-position:-500px top !important;
  57. }
  58. .sexy-digg:hover {
  59. background-position:-500px bottom !important;
  60. }
  61. .sexy-reddit {
  62. background-position:-100px top !important;
  63. }
  64. .sexy-reddit:hover {
  65. background-position:-100px bottom !important;
  66. }
  67. .sexy-stumble {
  68. background-position:-50px top !important;
  69. }
  70. .sexy-stumble:hover {
  71. background-position:-50px bottom !important;
  72. }
  73. .sexy-delicious {
  74. background-position:left top !important;
  75. }
  76. .sexy-delicious:hover {
  77. background-position:left bottom !important;
  78. }
  79. .sexy-yahoo {
  80. background-position:-650px top !important;
  81. }
  82. .sexy-yahoo:hover {
  83. background-position:-650px bottom !important;
  84. }
  85. .sexy-blinklist {
  86. background-position:-600px top !important;
  87. }
  88. .sexy-blinklist:hover {
  89. background-position:-600px bottom !important;
  90. }
  91. .sexy-technorati {
  92. background-position:-700px top !important;
  93. }
  94. .sexy-technorati:hover {
  95. background-position:-700px bottom !important;
  96. }
  97. .sexy-myspace {
  98. background-position:-200px top !important;
  99. }
  100. .sexy-myspace:hover {
  101. background-position:-200px bottom !important;
  102. }
  103. .sexy-twitter {
  104. background-position:-350px top !important;
  105. }
  106. .sexy-twitter:hover {
  107. background-position:-350px bottom !important;
  108. }
  109. .sexy-facebook {
  110. background-position:-450px top !important;
  111. }
  112. .sexy-facebook:hover {
  113. background-position:-450px bottom !important;
  114. }
  115. .sexy-mixx {
  116. background-position:-250px top !important;
  117. }
  118. .sexy-mixx:hover {
  119. background-position:-250px bottom !important;
  120. }
  121. .sexy-script-style {
  122. background-position:-400px top !important;
  123. }
  124. .sexy-script-style:hover {
  125. background-position:-400px bottom !important;
  126. }
  127. .sexy-designfloat {
  128. background-position:-550px top !important;
  129. }
  130. .sexy-designfloat:hover {
  131. background-position:-550px bottom !important;
  132. }
  133. .sexy-syndicate {
  134. background-position:-150px top !important;
  135. }
  136. .sexy-syndicate:hover {
  137. background-position:-150px bottom !important;
  138. }
  139. .sexy-email {
  140. background-position:-753px top !important;
  141. }
  142. .sexy-email:hover {
  143. background-position:-753px bottom !important;
  144. }
  145.  
  146. </style>
[HTML] pobierz, plaintext


to wstawiam w hedzie

a to w body

[HTML] pobierz, plaintext 
  1. <div class='sexy-bookmarks'>
  2. <ul class='socials'>
  3. <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>
  4.  
  5. <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>
  6.  
  7. <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>
  8.  
  9. <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>
  10.  
  11. <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>
  12.  
  13. <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>
  14.  
  15. <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>
  16.  
  17. <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>
  18.  
  19. <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>
  20.  
  21. <li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID' title='Subscribe to RSS'/></li>
  22.  
  23. <li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
  24.  
  25. </ul>
  26. <span class='sexy-rightside'/></div>
[HTML] pobierz, plaintext


i niestety nie działa ;/ oczywiście dodaje obrazki na serwer
pedro84
24.04.2010, 08:48:58
No dobra, ale może być napisał, czym się objawia te 'niedziałanie', bo tak to trochę ciężko wywróżyć. Masz URL?
Zumi
24.04.2010, 09:16:21
przykładowo http://www.drozdzphoto.com/index5.html

[HTML] pobierz, plaintext 
  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. </style>
  156.  
  157. 	<link type="text/css" rel="stylesheet" href="http://www.drozdzphoto.com/css/base.css" />
  158. 	<script src="http://www.drozdzphoto.com/scripts/prototype.js"></script>
  159. 	<script src="http://www.drozdzphoto.com/scripts/effects.js"></script>
  160. 	<script src="http://www.drozdzphoto.com/scripts/base.js"></script>
  161. </head>
  162. <body oncontextmenu="return false" onselectstart="return false" onselect="return false" ondragstart="return false" ondrag="return false">
  163. 	<div id="container">
  164. 	<table class="projHead">
  165. 	<tr>	
  166. 	<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>
  167. 	<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 -->
  168. <script type="text/javascript" src="http://dodajdo.com/app.js?no=1&id=5430"></script>
  169. <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>
  170. <!-- dodajdo.com koniec --></td>
  171. 	</tr></table>
  172. 	<div class="se">
  173. 	<div class="sw" style="padding-bottom:10px;">	
  174. 	<div class="thmbCon">
  175. 	<ul id="thumbs">
  176. 	<li class="thumbBlock">
  177. 	<a href="http://www.pl.drozdzphoto.com/galeria/slubne/lista.html">
  178. 	<img src="http://www.drozdzphoto.com/images/gallery_menu/slubne_wedding.jpg" width="375" height="140" border="0" align="top" />
  179. 	<div class="drag">
  180. 		<h2><span>Ślubne&nbsp;</span></h2>
  181. 	</div></a></li>
  182. 	<li class="thumbBlock">
  183. 	<a href="http://www.pl.drozdzphoto.com/galeria/krajobrazy/lista.html">
  184. 	<img src="http://www.drozdzphoto.com/images/gallery_menu/krajobrazy_landscapes.jpg" width="375" height="140" border="0" align="top" />
  185. 	<div class="drag">
  186. 		<h2><span>Krajobrazy&nbsp;</span></h2>
  187. 	</div></a></li>
  188. 	<li class="thumbBlock">
  189. 	<a href="http://www.pl.drozdzphoto.com/galeria/czlowiek/lista.html">
  190. 	<img src="http://www.drozdzphoto.com/images/gallery_menu/czlowiek_people.jpg" width="375" height="310" border="0" align="top" />
  191. 	<div class="drag">
  192. 		<h2><span>Człowiek&nbsp;</span></h2>
  193. 	</div></a></li>
  194. 	<li class="thumbBlock">
  195. 	<a href="http://www.pl.drozdzphoto.com/galeria/miejskie/lista.html">
  196. 	<img src="http://www.drozdzphoto.com/images/gallery_menu/miejskie_urban.jpg" width="375" height="140" border="0" align="top" />
  197. 	<div class="drag">
  198. 		<h2><span>Miejskie&nbsp;</span></h2>
  199. 	</div></a></li>
  200. 	<li class="thumbBlock">
  201. 	<a href="http://www.pl.drozdzphoto.com/galeria/reportaz/lista.html">
  202. 	<img src="http://www.drozdzphoto.com/images/gallery_menu/reportaz_reportage.jpg" width="375" height="140" border="0" align="top" />
  203. 	<div class="drag">
  204. 		<h2><span>Reportaż&nbsp;</span></h2>
  205. 	</div></a></li></ul>
  206. 	<div class="clear"></div>
  207. 	</div></div></div>
  208. 	<div id="footer">
  209. 	<p id="rights" class="small">&copy; Marcin Drożdż Photography 2010</p>
  210. 	<div class="clear"></div>
  211. 	</div></div>
  212.  
  213. 	<div class='sexy-bookmarks'>
  214. <ul class='socials'>
  215. <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>
  216.  
  217. <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>
  218.  
  219. <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>
  220.  
  221. <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>
  222.  
  223. <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>
  224.  
  225. <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>
  226.  
  227. <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>
  228.  
  229. <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>
  230.  
  231. <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>
  232.  
  233. <li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID' title='Subscribe to RSS'/></li>
  234.  
  235. <li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
  236.  
  237. </ul>
  238. <span class='sexy-rightside'/></div>
  239.  
  240. </body>
  241. </html>
[HTML] pobierz, plaintext
pedro84
24.04.2010, 09:26:54
Usuń to wszystko. Style, HTML. Tutaj masz poradnik jak Sexy Bookmarks zaimplementować do strony HTML.

PS. Fajne fotki!
Zumi
25.04.2010, 11:40:43
hym dalej mi to cos nie działa :/

http://drozdzphoto.com/1.html

[HTML] pobierz, plaintext 
  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. 	<link type="text/css" rel="stylesheet" href="http://www.drozdzphoto.com/css/base.css" />
  9. 	<script src="http://www.drozdzphoto.com/scripts/prototype.js"></script>
  10. 	<script src="http://www.drozdzphoto.com/scripts/effects.js"></script>
  11. 	<script src="http://www.drozdzphoto.com/scripts/base.js"></script>
  12. 	<script type="text/javascript" language="JavaScript"> window.defaultStatus = "Copyright Marcin Drożdż Photography. Zakaz kopiowania i rozpowszechniania zdjęć bez zgody autora.";</script>
  13.  
  14.  
  15. 	<script src="http://www.drozdzphoto.com/scripts/sexy-bookmarks-public.js"></script>
  16. 	<script src="http://www.drozdzphoto.com/scripts/jquery.js"></script>
  17. 	<link type="text/css" rel="stylesheet" href="http://www.drozdzphoto.com/css/sexy-bookmarks-style.css" media="screen" />
  18. 	<script type="text/javascript">
  19. jQuery('.sexy-bookmarks a.external').click(function() {
  20.  
  21. 	var url = encodeURIComponent(window.location.href), desc = '';
  22.  
  23.  
  24. 	if( jQuery('p.sexy-bookmarks-content').length ) {
  25. 		desc = encodeURIComponent(jQuery('p.sexy-bookmarks-content').text());
  26. 	}
  27.  
  28. 	switch(this.parentNode.className) {
  29. 		case 'sexy-twittley':
  30. 			this.href += '?title=' + document.title + '&amp;url=' + url + '&amp;desc=' + desc + '&amp;pcat=Internet&amp;tags=';
  31. 			break;
  32. 		case 'sexy-digg':
  33. 			this.href += '?phase=2&title=' + document.title + '&url=' + url + '&desc=' + desc;
  34. 			break;
  35. 		case 'sexy-twitter':
  36. 			this.href += '?status=RT+@your_twitter_id:+' + document.title + '+-+' + url;
  37. 			break;
  38. 		case 'sexy-scriptstyle':
  39. 			this.href += '?title=' + document.title + '&url=' + url;
  40. 			break;
  41. 		case 'sexy-reddit':
  42. 			this.href += '?title=' + document.title + '&amp;url=' + url;
  43. 			break;
  44. 		case 'sexy-delicious':
  45. 			this.href += '?title=' + document.title + '&amp;url=' + url;
  46. 			break;
  47. 		case 'sexy-stumbleupon':
  48. 			this.href += '?title=' + document.title + '&amp;url=' + url;
  49. 			break;
  50. 		case 'sexy-mixx':
  51. 			this.href += '?title=' + document.title + '&amp;page_url=' + url + '&amp;desc=' + desc;
  52. 			break;
  53. 		case 'sexy-technorati':
  54. 			this.href += '?add=' + url;
  55. 			break;
  56. 		case 'sexy-blinklist':
  57. 			this.href += '?Action=Blink/addblink.php&amp;Title=' + document.title + '&amp;Url=' + url;
  58. 			break;
  59. 		case 'sexy-diigo':
  60. 			this.href += '?title=' + document.title + '&amp;url=' + url + '&amp;desc=' + desc;
  61. 			break;
  62. 		case 'sexy-yahoobuzz':
  63. 			this.href += '?submitHeadline=' + document.title + '&amp;submitUrl=' + url + '&amp;submitSummary=' + desc + '&amp;submitCategory=science&amp;submitAssetType=text';
  64. 			break;
  65. 		case 'sexy-myspace':
  66. 			this.href += '?t=' + document.title + '&amp;u=' + url;
  67. 			break;
  68. 		case 'sexy-facebook':
  69. 			this.href += '?t=' + document.title + '&amp;u=' + url;
  70. 			break;
  71. 		case 'sexy-designfloat':
  72. 			this.href += '?title=' + document.title + '&amp;url=' + url;
  73. 			break;
  74. 		case 'sexy-devmarks':
  75. 			this.href += '?posttitle=' + document.title + '&amp;posturl=' + url + '&amp;posttext=' + desc;
  76. 			break;
  77. 		case 'sexy-newsvine':
  78. 			this.href += '?h=' + document.title + '&amp;u=' + url;
  79. 			break;
  80. 		case 'sexy-google':
  81. 			this.href += '?op=add&amp;title=' + document.title + '&amp;bkmk=' + url;
  82. 			break;
  83. 	}
  84. })
  85. </script>
  86.  
  87.  
  88.  
  89. 	</head>
  90. <body oncontextmenu="return false" onselectstart="return false" onselect="return false" ondragstart="return false" ondrag="return false">
  91. 	<div id="container">
  92. 	<table class="projHead">
  93. 	<tr>	
  94. 	<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>
  95. 	<td align="right" style="padding-right:10px;"><h4><a href="http://www.pl.drozdzphoto.com/o_mnie.html">O Mnie</a></h4></td>
  96. 	</tr></table>
  97. 	<div class="se">
  98. 	<div class="sw" style="padding-bottom:10px;">	
  99. 	<div class="thmbCon">
  100. 	<ul id="thumbs">
  101. 	<li class="thumbBlock">
  102. 	<a href="http://www.pl.drozdzphoto.com/galeria/slubne/lista.html">
  103. 	<img src="http://www.drozdzphoto.com/images/gallery_menu/slubne_wedding.jpg" width="375" height="140" border="0" align="top" />
  104. 	<div class="drag">
  105. 		<h2><span>Ślubne&nbsp;</span></h2>
  106. 	</div></a></li>
  107. 	<li class="thumbBlock">
  108. 	<a href="http://www.pl.drozdzphoto.com/galeria/krajobrazy/lista.html">
  109. 	<img src="http://www.drozdzphoto.com/images/gallery_menu/krajobrazy_landscapes.jpg" width="375" height="140" border="0" align="top" />
  110. 	<div class="drag">
  111. 		<h2><span>Krajobrazy&nbsp;</span></h2>
  112. 	</div></a></li>
  113. 	<li class="thumbBlock">
  114. 	<a href="http://www.pl.drozdzphoto.com/galeria/czlowiek/lista.html">
  115. 	<img src="http://www.drozdzphoto.com/images/gallery_menu/czlowiek_people.jpg" width="375" height="310" border="0" align="top" />
  116. 	<div class="drag">
  117. 		<h2><span>Człowiek&nbsp;</span></h2>
  118. 	</div></a></li>
  119. 	<li class="thumbBlock">
  120. 	<a href="http://www.pl.drozdzphoto.com/galeria/miejskie/lista.html">
  121. 	<img src="http://www.drozdzphoto.com/images/gallery_menu/miejskie_urban.jpg" width="375" height="140" border="0" align="top" />
  122. 	<div class="drag">
  123. 		<h2><span>Miejskie&nbsp;</span></h2>
  124. 	</div></a></li>
  125. 	<li class="thumbBlock">
  126. 	<a href="http://www.pl.drozdzphoto.com/galeria/reportaz/lista.html">
  127. 	<img src="http://www.drozdzphoto.com/images/gallery_menu/reportaz_reportage.jpg" width="375" height="140" border="0" align="top" />
  128. 	<div class="drag">
  129. 		<h2><span>Reportaż&nbsp;</span></h2>
  130. 	</div></a></li></ul>
  131. 	<div class="clear"></div>
  132. 	</div></div></div>
  133. 	<div id="footer">
  134. 	<p id="rights" class="small">&copy; Marcin Drożdż Photography 2010</p>
  135. 	<div class="clear"></div>
  136. 	</div></div>
  137.  
  138. 	<div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center sexy-bookmarks-bg-sexy">
  139.      <ul class="socials">
  140.     	<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>
  141.     	<li class="sexy-digg"><a href="http://digg.com/submit" rel="nofollow" class="external" title="Digg this!">Digg this!</a></li>
  142.     	<li class="sexy-twitter"><a href="http://twitter.com/home" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li>
  143.     	<li class="sexy-scriptstyle"><a href="http://scriptandstyle.com/submit" rel="nofollow" class="external" title="Submit this to Script &amp; Style">Submit this to Script &amp; Style</a></li>
  144.     	<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>
  145.     	<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>
  146.     	<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>
  147.     	<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>
  148.     	<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>
  149.     	<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>
  150.     	<li class="sexy-diigo"><a href="http://www.diigo.com/post">Post this on Diigo</a></li>
  151.     	<li class="sexy-yahoobuzz"><a href="http://buzz.yahoo.com/submit/" rel="nofollow" class="external" title="Buzz up!">Buzz up!</a></li>
  152.     	<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>
  153.     	<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>
  154.     	<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>
  155.     	<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>
  156.     	<li class="sexy-newsvine"><a href="http://www.newsvine.com/_tools/seed&amp;save" rel="nofollow" class="external" title="Seed this on Newsvine">Seed this on Newsvine</a></li>
  157.     	<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>
  158.     </ul>
  159. </div>
  160.  
  161. </body>
  162. </html>
[HTML] pobierz, plaintext


co tutaj jest źle?
pedro84
25.04.2010, 12:22:53
Jedna mała rzecz. Używaj Firebugsa (dodatek do Firefoxa) następnym razem.

Znajdź w pliku ten fragment kodu (kod z sexy bookmarks):
Kod
    <script type="text/javascript">
jQuery('.sexy-bookmarks a.external').click(function() {

    var url = encodeURIComponent(window.location.href), desc = '';
    

    if( jQuery('p.sexy-bookmarks-content').length ) {
        desc = encodeURIComponent(jQuery('p.sexy-bookmarks-content').text());
    }


Dodaj na samym początku linijkę:
Kod
jQuery.noConflict();


Żeby wyglądało tak:
Kod
    <script type="text/javascript">
jQuery.noConflict();
jQuery('.sexy-bookmarks a.external').click(function() {

    var url = encodeURIComponent(window.location.href), desc = '';
    

    if( jQuery('p.sexy-bookmarks-content').length ) {
        desc = encodeURIComponent(jQuery('p.sexy-bookmarks-content').text());
    }
Zumi
25.04.2010, 14:04:57
niestety nie działa mi to sad.gif a w tym miejscu co kazałes dodac dalej wywala bład
pedro84
25.04.2010, 14:11:14
Mój błąd. Poza tym, masz jeszcze jeden błąd. Ładujesz SB przed jQuery, widzisz?

Po załadowaniu jquery dodaj to, teraz powinno działać:
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.     jQuery.noConflict();
  3. </script>
[HTML] pobierz, plaintext


Oraz ładuj jQuery przed SB:
[HTML] pobierz, plaintext 
  1. <script src="http://www.drozdzphoto.com/scripts/jquery.js"></script>
  2. <script src="http://www.drozdzphoto.com/scripts/sexy-bookmarks-public.js"></script>
[HTML] pobierz, plaintext


Czyli razem:
[HTML] pobierz, plaintext 
  1. <script src="http://www.drozdzphoto.com/scripts/jquery.js"></script>
  2. <script type="text/javascript">
  3.     jQuery.noConflict();
  4. </script>
  5. <script src="http://www.drozdzphoto.com/scripts/sexy-bookmarks-public.js"></script>
[HTML] pobierz, plaintext
Zumi
25.04.2010, 14:31:56
nie wiem czemu ale obrazki da;ej nie działaja :/ dzięki jak na razie skrypt działa tzn da sie udostepnic mimo nie wyswietlania się tych obrazków ale np.


http://www.facebook.com/share.php?t=Marcin...to.com%2F1.html



działa jakoś dziwnie bo w publikacji nie działaja polskie znaki...
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.