API tools faq
paste
jellyparty

windows xp tumblr theme

jellyparty
Aug 27th, 2022 (edited)
3,635
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.30 KB | None | 1 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <head>
  3. <!--
  4.  
  5. Windows XP by Emoticon walnutcookie
  6.  
  7. Specials thanks:
  8. https://botoxparty.github.io/XP.css/
  9. glenthemes
  10.  
  11. Contact for concerns!
  12. https://jellyparty.tumblr.com/ask
  13.  
  14. -->
  15.  
  16. <!-- img -->
  17. <meta name="image:favicon" content="">
  18. <meta name="image:cursor" content="">
  19.  
  20. <meta name="image:background" content="">
  21. <meta name="image:floatie" content="">
  22. <meta name="image:floatie 2" content="">
  23.  
  24. <meta name="image:pop up icon" content="">
  25.  
  26. <meta name="image:link 1" content="">
  27. <meta name="image:link 2" content="">
  28. <meta name="image:link 3" content="">
  29. <meta name="image:link 4" content="">
  30. <meta name="image:link 5" content="">
  31.  
  32.  
  33. <!-- color -->
  34. <meta name="color:background" content="">
  35. <meta name="color:text" content="">
  36. <meta name="color:link" content="">
  37. <meta name="color:link hover" content="">
  38.  
  39. <meta name="color:link glow" content="">
  40. <meta name="color:link glow hover" content="">
  41.  
  42. <meta name="color:text selection" content="">
  43. <meta name="color:text selection background" content="">
  44.  
  45. <meta name="color:links" content="">
  46. <meta name="color:links background" content="">
  47.  
  48. <meta name="color:footer border" content="">
  49.  
  50. <!-- txt -->
  51. <meta name="text:scrolling website title" content="Welcome to my blog">
  52. <meta name="text:name" content="">
  53. <meta name="text:popup" content="">
  54.  
  55. <meta name="text:text size" content="17">
  56.  
  57. <meta name="text:song url" content="https://files.catbox.moe/w57jfk.mp3">
  58. <meta name="text:song title" content="Wherever You Are (Nightcore)">
  59. <meta name="text:song artist" content="DJ Laava">
  60.  
  61. <meta name="text:floatie glow" content="255, 255, 255">
  62. <meta name="text:floatie size" content="150">
  63. <meta name="text:floatie right" content="5">
  64. <meta name="text:floatie bottom" content="0">
  65.  
  66. <meta name="text:floatie 2 glow" content="255, 255, 255">
  67. <meta name="text:floatie 2 size" content="150">
  68. <meta name="text:floatie 2 right" content="5">
  69. <meta name="text:floatie 2 bottom" content="0">
  70.  
  71. <meta name="text:link 1 url" content="/">
  72. <meta name="text:link 2 url" content="/ask">
  73. <meta name="text:link 3 url" content="/archive">
  74.  
  75. <meta name="text:link 1" content="Refresh">
  76. <meta name="text:link 2" content="Mailbox">
  77. <meta name="text:link 3" content="Archive">
  78. <meta name="text:link 5" content="Info.exe">
  79.  
  80. <meta name="text:permalink symbol" content="♡">
  81. <meta name="text:tag symbol" content="♡">
  82.  
  83. <meta name="text:footer border size" content="1">
  84.  
  85.  
  86. <!-- footer -->
  87. <meta name="select:footer border style" content="none">
  88. <meta name="select:footer border style" content="solid">
  89. <meta name="select:footer border style" content="dotted">
  90. <meta name="select:footer border style" content="dashed">
  91. <meta name="select:footer border style" content="ridge">
  92. <meta name="select:footer border style" content="groove">
  93. <meta name="select:footer border style" content="inset">
  94. <meta name="select:footer border style" content="outset">
  95. <meta name="text:footer border size" content="2">
  96.  
  97.  
  98. <!-- opt -->
  99. <meta name="if:full background" content="">
  100. <meta name="if:hover tags" content="">
  101. <meta name="if:scrolling website title" content="">
  102. <meta name="if:custom cursor" content="">
  103. <meta name="if:link glow" content="">
  104. <meta name="if:bold links" content="">
  105. <meta name="if:link underline" content="">
  106. <meta name="if:rainbow links" content="">
  107. <meta name="if:all caps links" content="">
  108. <meta name="if:image hue shift on hover" content="">
  109.  
  110.  
  111. <!-- other -->
  112. <link rel="shortcut icon" href="{image:favicon}">
  113. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  114. {block:Description}
  115. <meta name="description" content="{MetaDescription}" />
  116. {/block:Description}
  117. {block:ifnotscrollingwebsitetitle}
  118. <title>{Title}</title>
  119. {/block:ifnotscrollingwebsitetitle}
  120.  
  121. {block:ifscrollingwebsitetitle}
  122. <title>{text:scrolling website title}</title>
  123. <script>var documentTitle = document.title + " ★ ";
  124.  
  125. (function titleMarquee() {
  126. document.title = documentTitle = documentTitle.substring(1) + documentTitle.substring(0,1);
  127. setTimeout(titleMarquee, 200);
  128. })();</script>
  129. {/block:ifscrollingwebsitetitle}
  130.  
  131. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script><link href="//glen-npf-2020.glitch.me/npf-override.css" rel="stylesheet"><script src="//glen-npf-2020.glitch.me/npf-evenize.js"></script>
  132. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script><link rel="stylesheet" href="https://unpkg.com/xp.css">
  133.  
  134. <style type="text/css">
  135.  
  136. /* document body */
  137. body{
  138. background-image:url('{image:background}');
  139. background-color:{color:background};
  140. background-attachment:fixed;
  141. color:{color:text};
  142. {block:iffullbackground}
  143. background-size: cover;
  144. {/block:iffullbackground};
  145. font-size:{text:text size};
  146. {block:ifcustomcursor}
  147. cursor:url("{image:cursor}"), default;
  148. {/block:ifcustomcursor}
  149. overflow-x:hidden;}
  150.  
  151. a{
  152. text-decoration:none;}
  153.  
  154. ::selection{
  155. color:{color:text selection};
  156. background-color:{color:text selection background};}
  157.  
  158. .npf_row {
  159. margin: 0 !important;}
  160.  
  161. blockquote{
  162. border-left:2px dashed {color:text};
  163. padding-left:10px;
  164. margin: 15px;}
  165.  
  166. p{
  167. margin:0 0 5px 0;
  168. padding:0;}
  169.  
  170. :root {
  171. --NPF-Image-Spacing:4px;
  172. --NPF-Bottom-Gap-From-Captions:1em;}
  173.  
  174.  
  175. /* post & content */
  176. #p{
  177. width:600px;
  178. top:100px;
  179. z-index:9;
  180. left:480px;}
  181.  
  182. #container{
  183. height:430px;
  184. overflow-y:auto;
  185. overflow-x:hidden;}
  186.  
  187. .window-body{
  188. font-size:16px;}
  189.  
  190. #content{
  191. margin-left:70px;
  192. width:450px;}
  193.  
  194. #content a{
  195. color:{color:link};
  196. {block:ifrainbowlinks}
  197. font-weight:bold;
  198. text-decoration: none;
  199. color: white;
  200. display: inline-block;
  201. background-size: 120% 100%;
  202. -webkit-background-clip: text;
  203. -webkit-text-fill-color: transparent;
  204. -moz-background-clip: text;
  205. -moz-text-fill-color: transparent;
  206. -ms-background-clip: text;
  207. -ms-text-fill-color: transparent;
  208. background-clip: text;
  209. text-fill-color: transparent;
  210. transition: all 0.15s cubic-bezier(0.68, -0.25, 0.265, 1.25);
  211. background-image: linear-gradient(45deg, #ff0900, #ff7f00, #ffef00, #00f11d, #0079ff, #a800ff, #ff0061, #ff0061);
  212. {/block:ifrainbowlinks};
  213. {block:ifallcapslinks}
  214. text-transform: uppercase;
  215. {/block:ifallcapslinks}
  216. {block:iflinkglow}
  217. text-shadow: 0 0 10px {color:link glow}; 0 0 10px;
  218. {/block:iflinkglow};
  219. {block:ifboldlinks}
  220. font-weight:bold;
  221. {/block:ifboldlinks}
  222. {block:iflinkunderline}
  223. text-decoration:underline;
  224. {/block:iflinkunderline}
  225. text-decoration:none;}
  226.  
  227. #content a:hover{
  228. color:{color:link hover};
  229. {block:iflinkglow}
  230. text-shadow: 0 0 10px {color:link glow hover}; 0 0 10px;
  231. {/block:iflinkglow};
  232. font-style:italic;
  233. {block:ifcustomcursor}
  234. cursor:url("{image:cursor}"), default;
  235. {/block:ifcustomcursor};}
  236.  
  237. .post, .nav{
  238. padding:5px;
  239. margin:0 0 15px 0;}
  240.  
  241.  
  242. /* lanks */
  243. #linky{
  244. text-align:center;
  245. width:60px;
  246. position:fixed;
  247. font-size:16px;
  248. top:5px;
  249. padding:5px;}
  250.  
  251. #folderx{
  252. width:300px;
  253. text-align:center;
  254. padding:5px;
  255. max-height:200px;
  256. overflow-x:hidden;
  257. overflow-y:auto;}
  258.  
  259. #pop{
  260. margin-top:-450px;
  261. margin-left:100px;}
  262.  
  263. #popup-desc{
  264. padding:5px;
  265. max-width:110px;
  266. max-height:100px;
  267. overflow-y:auto;
  268. overflow-x:hidden;}
  269.  
  270. .link5{
  271. margin:10px 0 5px 0;}
  272.  
  273. /* other stylization */
  274. ol.notes{
  275. list-style-type:none;
  276. padding:3px;
  277. overflow:auto;}
  278.  
  279. .post img{
  280. max-width:500px;
  281. max-width:100%;
  282. height:auto;}
  283.  
  284. .photoset{
  285. max-width:400px;}
  286.  
  287.  
  288. /* footer */
  289. .footer:hover .tags{
  290. opacity:1;
  291. transition:0.4s ease;
  292. max-height:1000px;
  293. margin-bottom:5px;
  294. padding-bottom:5px;
  295. margin-top:5px;}
  296.  
  297. .tags{
  298. opacity:0;
  299. transition:0.4s ease;
  300. margin-top:5px;
  301. max-height:0px;}
  302.  
  303. .footer{
  304. background:transparent;
  305. border:{text:footer border size}px {select:footer border style} {color:footer border};
  306. padding:10px;}
  307.  
  308.  
  309.  
  310. /* stylize audio and video */
  311.  
  312. #audioplayer{
  313. width:30px;
  314. height:25px;
  315. overflow:hidden;
  316. position:absolute;
  317. margin-top:40px;
  318. margin-bottom:40px;
  319. margin-left:35px;
  320. border-radius: 40px;
  321. opacity: 0.7;}
  322.  
  323. .trackstuff{
  324. overflow:auto;
  325. margin-left:110px;
  326. margin-top:-75px;
  327. margin-bottom:50px;
  328. display:block;}
  329.  
  330. .playbutton{
  331. margin-bottom:30px;
  332. margin-top:-60px;
  333. margin-left:35px;
  334. z-index:9;
  335. width:33px;
  336. height:30px;
  337. overflow:hidden;}
  338.  
  339. video{
  340. max-width: 100%;
  341. height: auto;}
  342.  
  343.  
  344. /* other */
  345. #c{
  346. font-size:25px;
  347. position:fixed;
  348. right:0px;
  349. bottom:0px;}
  350.  
  351. #floatie{
  352. position:fixed;
  353. right:{text:floatie right}px;
  354. bottom:{text:floatie bottom}px;
  355. filter: drop-shadow(0 0 0.75rem rgb({text:floatie glow}));}
  356.  
  357. #floatie2{
  358. position:fixed;
  359. right:{text:floatie 2 right}px;
  360. bottom:{text:floatie 2 bottom}px;
  361. filter: drop-shadow(0 0 0.75rem rgb({text:floatie 2 glow}));}
  362.  
  363. .button{
  364. background:transparent;
  365. border-radius:5px;
  366. padding:5px;}
  367.  
  368. .question{
  369. padding:10px;
  370. border:2px {select:footer border style} {color:footer border};
  371. margin:0 0 15px 0;}
  372.  
  373. .button:hover{
  374. cursor:help;}
  375.  
  376. {block:ifimagehueshiftonhover}
  377. img{
  378. -webkit-filter: hue-rotate(0deg);
  379. -webkit-transition: 5s ease-in-out;
  380. -moz-filter: grayscale(0%);
  381. -moz-transition: 5s ease-in-out;
  382. -o-filter: grayscale(0%);
  383. -o-transition: 5s ease-in-out;}
  384.  
  385. img:hover{
  386. animation-iteration-count:infinite;
  387. -webkit-filter: hue-rotate(360deg);
  388. -webkit-transition: 5s ease-in-out;
  389. -moz-filter: hue-rotate(360deg);
  390. -moz-transition: 5s ease-in-out;
  391. -o-filter: hue-rotate(360deg);
  392. -o-transition: 5s ease-in-out;}
  393. {block:ifimagehueshiftonhover}
  394.  
  395. {CustomCss}
  396. </style>
  397. </head>
  398. <body>
  399.  
  400.  
  401. <div id="p">
  402. <div class="window" style="width: 600px">
  403. <div class="title-bar">
  404. <div class="title-bar-text">{text:name}'s Documents</div>
  405. <div class="title-bar-controls">
  406. <button aria-label="Minimize"></button>
  407. <button aria-label="Maximize"></button>
  408. <button aria-label="Close"></button>
  409. </div>
  410. </div>
  411. <div class="window-body">
  412. <div id="container">
  413. <div id="content">
  414. {block:Posts}
  415. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} --> {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  416. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  417. {/block:ContentSource}
  418. <div class="post">
  419. <div class="posts" post-type="{PostType}">
  420. <!-- Text -->
  421. {block:Text}
  422. {block:Title}
  423. <div class="title">{Title}</div>
  424. {/block:Title}
  425. {Body}
  426. {/block:Text}
  427. {block:Chat}
  428. {block:Title}
  429. <div class="title">
  430. <h3><a href="{Permalink}">{Title}</a></h3></div>
  431. {/block:Title}
  432. {block:Lines}
  433. <div class="{Alt} user_{UserNumber}">
  434. {block:Label}
  435. <span class="label">{Label}</span>
  436. {/block:Label}{Line}
  437. </div>
  438. {/block:Lines}
  439. {/block:Chat}
  440.  
  441. <!-- Images --->
  442. {block:Photo}
  443. {LinkOpenTag}
  444. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  445. {LinkCloseTag}
  446. {block:Caption}
  447. {Caption}
  448. {/block:Caption}
  449. {/block:Photo}
  450. {block:Photoset}
  451. {Photoset}
  452. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  453. {/block:Photoset}
  454.  
  455. <!-- Video -->
  456. {block:Video}
  457. {Video-500}
  458. {block:Caption}
  459. {Caption}
  460. {/block:Caption}
  461. {/block:Video}
  462.  
  463. <!-- Audio -->
  464. {block:Audio}
  465. <div id= "audioplayer">{AudioPlayerWhite}</div>
  466. {block:AlbumArt}
  467. <div id="albumart">
  468. <img src="{AlbumArtURL}" width="100">
  469. </div>
  470. {/block:AlbumArt}
  471. <div class="trackstuff">
  472. {block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
  473. {Caption}
  474. {/block:Audio}
  475.  
  476. <!-- Quote -->
  477. {block:Quote}
  478. <div class="quote">
  479. "{Quote}"
  480. {block:Source}
  481. <div class="source">- <i>{Source}</i></div>
  482. {/block:Source}
  483. </div>
  484. {/block:Quote}
  485.  
  486. <!-- Link -->
  487. {block:Link}
  488. <a href="{URL}" class="link" {Target}>{Name}</a>
  489. {block:Description}
  490. {Description}
  491. {/block:Description}
  492. {/block:Link}
  493.  
  494. <!-- Ask -->
  495. {block:Answer}
  496. <div class="question">{Asker}: <b>{Question}</b></div>
  497. <div class="caption">{Answer}</div>
  498. {/block:Answer}
  499.  
  500. <!-- Footer -->
  501. {block:Date}
  502. <div class="footer">
  503. <table>
  504. <tbody>
  505. <tr>
  506. <td style="width:550px">
  507. <a href="{Permalink}">{block:NoteCount}{NoteCount}%{/block:NoteCount}</a></td>
  508. <td style="width:10px">
  509. <a href="{ReblogUrl}">&#8635;</a></td>
  510. </tr>
  511. </tbody>
  512. </table>
  513.  
  514. {block:ifhovertags}
  515. <center>{block:HasTags}<div class="tags">{block:Tags}{text:tag symbol}</b><a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</center>
  516. {/block:ifhovertags}
  517. {block:ifnothovertags}
  518. <center>{block:HasTags}{block:Tags}{text:tag symbol}</b><a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</center>
  519. {/block:ifnothovertags}
  520.  
  521. {block:PermalinkPage}
  522. {block:HasTags}
  523. {block:Tags}<br>#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  524. {block:NoteCount}
  525. {block:PostNotes}{PostNotes}{/block:PostNotes}
  526. {/block:NoteCount}
  527. {/block:PermalinkPage}
  528. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  529. </div>
  530. {/block:Date}
  531. </div>
  532. </div>
  533. {/block:Posts}
  534.  
  535. {block:Pagination}
  536. <table>
  537. <tbody>
  538. <tr>
  539. <td style="width:50px">
  540. {block:PreviousPage}
  541. <a href="{PreviousPage}"><button>&#10094;</button></a>
  542. {/block:PreviousPage}
  543. </td>
  544. <td style="width:500px; text-align:center;">
  545. {block:JumpPagination length="5"}
  546. {block:CurrentPage}
  547. <span class="current_page">{PageNumber}</span>
  548. {/block:CurrentPage}
  549. {block:JumpPage}
  550. <a class="jump_page" href="{URL}">{PageNumber}</a>
  551. {/block:JumpPage}
  552. {/block:JumpPagination}
  553. </td>
  554. <td style="width:50px">
  555. {block:NextPage}
  556. <a href="{NextPage}"><button>&#10095;</button></a>
  557. {/block:NextPage}
  558. </td>
  559. </tr>
  560. </tbody>
  561. </table>
  562. {/block:Pagination}
  563. </div>
  564. </div>
  565. </div>
  566. </div>
  567. </div>
  568.  
  569. <div id="linky">
  570. <div class="link1"><a href="{text:link 1 url}"><img style="margin:0 0 3px 0" src="{image:link 1}">
  571. <br><text style="background-color:{color:links background}; color:{color:links}; font-family:{select:font};">{text:link 1}</text></a></div>
  572. <div class="link2"><p><a href="{text:link 2 url}"><img style="margin:15px 0 3px 0; max-width:100px" src="{image:link 2}"><br><text style="background-color:{color:links background}; font-family:{select:font}; color:{color:links};">{text:link 2}</text></a></div>
  573. <div class="link3"><p><a href="{text:link 3 url}"><img style="margin:10px 0 3px 0" src="{image:link 3}"><br><text style="background-color:{color:links background}; font-family:{select:font}; color:{color:links};">{text:link 3}</text></a></div>
  574.  
  575. <!-- please do not edit this link -->
  576. <div class="link4"><a href="https://cloverparty.tumblr.com/tagged/mine"><img style="margin:10px 0 3px 0" src="{image:link 4}"><br><text style="background-color:{color:links background}; color:{color:links}; font-family:{select:font};">Theme</text></a></div>
  577. <!-- thank you -->
  578.  
  579. <div class="link5"><div id="button"><input type="image" style="margin:10px 0 3px 0" src="{image:link 5}" onclick="toggle(this)"></div><text style="background-color:{color:links background}; font-family:{select:font}; color:{color:links};">{text:link 5}</text></div>
  580. </div>
  581.  
  582. <div id="pop">
  583. <div style="padding:5px; display:none;" id="cont">
  584. <div class="window" style="width: 325px">
  585. <div class="title-bar">
  586. <div class="title-bar-text">{text:name}'s Links</div>
  587. <div class="title-bar-controls">
  588. <button aria-label="Minimize"></button>
  589. <button aria-label="Maximize"></button>
  590. <button aria-label="Close"></button>
  591. </div>
  592. </div>
  593. <div class="window-body">
  594. <div id="folderx">
  595. <table style="width:325px">
  596. <tbody>
  597. <tr>
  598. <td style="width:150px">
  599. <img style="width:150px; display:block; height:150px;" src="{image:pop up icon}">
  600. </td>
  601. <td style="width:150px">
  602. <div id="popup-desc">
  603. {text:popup}
  604. </div>
  605. </td>
  606. </tr>
  607. </tbody>
  608. </table>
  609. </div></div>
  610. <script>
  611. function toggle(ele) {
  612. var cont = document.getElementById('cont');
  613. if (cont.style.display == 'block') {
  614. cont.style.display = 'none';
  615.  
  616. document.getElementById(ele.id).value = 'GO!';
  617. }
  618. else {
  619. cont.style.display = 'block';
  620. document.getElementById(ele.id).value = 'Bye';
  621. }
  622. }
  623. </script>
  624. <audio id="music" src="{text:song url}"></audio>
  625. <button style="border-radius:5px; margin:5px 0 5px 0; width:305px; background:white; border:1px raised blue; margin-top:-5px; margin-left:10px; font-size:18px" onclick="playpause()"><div class="button"><img src="https://hosting.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif"> <marquee style="width:245px;font-size:15px; margin-bottom:-5px;">{text:song title} by {text:song artist}</marquee></div></button>
  626. <script>
  627. let player = document.getElementById("music"); //the audio id
  628. let btn = document.getElementById("btn"); //the button id
  629. isPlaying = false; //set to false because it is not playing yet
  630.  
  631. function playpause() {
  632. if (!isPlaying) play(); //if isPlaying is false, then play the music
  633. else pause(); //if isPlaying is true, then pause the music
  634. }
  635.  
  636. function play(){
  637. player.play(); //play the music
  638. isPlaying = true; //set to true because the music is playing
  639. btn.innerHTML = "pause"; //change the button to say pause
  640. }
  641.  
  642. function pause(){
  643. player.pause(); //pause the music
  644. isPlaying = false; //set to false because the music is not playing
  645. btn.innerHTML = "play"; //change the button to say play
  646. }
  647.  
  648. player.onended = function(){
  649. isPlaying = false; //the song has ended, isPlaying is false
  650. btn.innerHTML = "play"; //change the button to say play
  651. }
  652. </script>
  653. </div>
  654. </div>
  655. </div>
  656.  
  657.  
  658. <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  659. <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  660.  
  661. <script>
  662. $( "#p" ).draggable();
  663. </script>
  664. <script>
  665. $( ".link1" ).draggable();
  666. </script>
  667. <script>
  668. $( ".link2" ).draggable();
  669. </script>
  670. <script>
  671. $( ".link3" ).draggable();
  672. </script>
  673. <script>
  674. $( ".link4" ).draggable();
  675. </script>
  676. <script>
  677. $( ".link5" ).draggable();
  678. </script>
  679. <script>
  680. $( "#pop" ).draggable();
  681. </script>
  682.  
  683.  
  684. <div id="floatie">
  685. <img src="{image:floatie}" width="{text:floatie size}px">
  686. </div>
  687.  
  688. <div id="floatie2">
  689. <img src="{image:floatie 2}" width="{text:floatie 2 size}px">
  690. </div>
  691. <script>
  692. $( "#floatie2" ).draggable();
  693. </script>
  694.  
  695.  
  696. </body>
  697. </html>
  698.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!