API tools faq
paste
htmlparavoces

Patinho *O*

htmlparavoces
Feb 8th, 2012
4,929
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.53 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <br /><style type="text/css"> body {cursor:url("urldoscursor"),default} </style>
  4. <title>{title}</title>
  5. <link rel="shortcut icon" href="{seufavicon}">
  6.  
  7. <style>
  8.  
  9.  
  10. /*** Paginação by madlyluv.com ***/
  11. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  12. #paginacaoml a {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  13. #paginacaoml a:hover {background: #000; border: none;}
  14. #paginacaoml span.pagina_atual {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  15. #paginacaoml span.info {background: #000; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  16.  
  17. /*********** blockquote  *****/
  18. blockquote {
  19. margin: 5px;
  20. padding: 3px;
  21. border-left: 5px ridge #696969;}
  22.  
  23. /*********** borda das imagens  *****/
  24. .border
  25. {border: 1px solid  #696969; background-color: #696969; background-image: url('url'); padding:1px 1px 1px; margin:-1px;}
  26.  
  27. /*********** negrito,itálico,sublinhado e riscado  *****/
  28. b, strong {color: #000;}
  29. i, em {font: italic 11px tahoma; color: #000;  }
  30. u { color: #000; border-bottom: 1px #000 dashed; text-decoration: none;  }
  31. s, strike {color: #000;}
  32.  
  33. /*********** fundo do theme e formatação da fonte  *****/
  34. body{background: #fff  Url('http://media.tumblr.com/tumblr_ly5nq6reni1r16se4.jpg'); color: #000; font-family: Tahoma; font-size: 10px;}
  35.  
  36. #paginacaoml {display: inline-block; padding:5px; text-align:center; line-height:15px;color:#ddd; float: center;  font-family:arial; font-size:18px; alpha(Opacity=90); background: #fff; margin:1px;-webkit-transition-duration: .80s; margin-left: 1px; margin-right: 1px; border-radius:9px; text-shadow: 0 1px 1px #000;}
  37.  
  38. /*********** links  *****/
  39. a:link, a:active, a:visited { font-family: tahoma;  color: #000; text-decoration: none;
  40. -webkit-transition-duration: .30s; }
  41. a:hover { font-family: tahoma;  color: #000; text-decoration: none; cursor: crosshair; }
  42.  
  43. /*********** sidebar  *****/
  44. .caixasidebar {font-style: tahoma; font-size: 11px; color: #696969; text-align:justify;  background-color: #FFF; padding:6px; border: 1px solid #696969;}
  45.  
  46. /*********** posts  *****/
  47. .caixapost {background: #fff; padding: 5px; margin-bottom: 10px; text-align: justify; border: 1px solid #696969;}
  48.  
  49. /*********** menu  *****/
  50. menu {font-family: Tahoma; width: 28%; float: left; background:#000; padding: 5px; text-align: center; margin: 2px;  -moz-border-radius: 03px; -webkit-border-radius: 03px; font-size: 08pt; color: #fff;}
  51.  
  52. /*********** menu quando passa o mouse  *****/
  53. menu:hover {font-family: Tahoma; width: 28%; float: left; background: #8B8989; padding: 5px; text-align: center; margin: 2px;  -moz-border-radius: 03px; -webkit-border-radius: 03px; font-size: 08pt; color: #fff;}
  54.  
  55. /*********** títulos  *****/
  56. h1 {color: #696969; font-family: Tahoma; font-size:20px; line-height:25px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing:1px; }
  57.  
  58. /*********** pop-up  *****/
  59. #fade { /*--Transparent background layer--*/
  60.  display: none; /*--hidden by default--*/
  61.  background: #000;
  62.  position: fixed; left: 0; top: 0;
  63.  width: 100%; height: 100%;
  64.  opacity: .80;
  65.  z-index: 9999;
  66. }
  67. .popup_block{
  68.  display: none; /*--hidden by default--*/
  69.  background: #FFFFFF;
  70.  padding: 20px;
  71.  border: 2px solid #696969;
  72.  float: left;
  73.  font-size: 1.2em;
  74.  position: fixed;
  75.  top: 50%; left: 50%;
  76.  z-index: 99999;
  77.  /*--CSS3 Box Shadows--*/
  78.  -webkit-box-shadow: 0px 0px 20px #000;
  79.  -moz-box-shadow: 0px 0px 20px #000;
  80.  box-shadow: 0px 0px 20px #000;
  81.  /*--CSS3 Rounded Corners--*/
  82.  -webkit-border-radius: 10px;
  83.  -moz-border-radius: 10px;
  84.  border-radius: 10px;
  85. }
  86. img.btn_close {http://static.tumblr.com/miomywx/LZGlz1d63/tumblr_lmsz5dylvo1qexb5ao1_500.jpg
  87.  float: right;
  88.  margin: -55px -55px 0 0;
  89. }
  90. /*--Making IE6 Understand Fixed Positioning--*/
  91. *html #fade {
  92.  position: absolute;
  93. }
  94. *html .popup_block {
  95.  position: absolute;
  96. }
  97. img{
  98. margin: 1px;
  99. border: none;
  100. filter: alpha(opacity=75);
  101. moz-opacity:.80;
  102. opacity:.80 ;
  103. -webkit-transition-duration: .50s;
  104. }
  105. img:hover{http://static.tumblr.com/miomywx/LZGlz1d63/tumblr_lmsz5dylvo1qexb5ao1_500.jpg
  106. margin: 1px;
  107. border: none;
  108. filter: alpha(opacity=100);
  109. moz-opacity:1.0;
  110. opacity:1.0;
  111. }                                
  112. </style>
  113. <body>
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122. <div style="position: fixed; width:350px; z-index:2; left: 50px; top: 10px;">
  123. <img src="http://static.tumblr.com/miomywx/LZGlz1d63/tumblr_lmsz5dylvo1qexb5ao1_500.jpg" width="350">
  124. <br>
  125. <br><div class="caixasidebar">
  126. Escreva aqui a sua descrição. Você pode usar <b>negrito</b>, <i>itálico</i>, <u>sublinhado</u> e <s> riscado</s>.Escreva aqui a sua descrição. Você pode usar <b>negrito</b>, <i>itálico</i>, <u>sublinhado</u> e <s> riscado</s>.Escreva aqui a sua descrição. Você pode usar <b>negrito</b>, <i>itálico</i>, <u>sublinhado</u> e <s> riscado</s>.Escreva aqui a sua descrição. Você pode usar <b>negrito</b>, <i>itálico</i>, <u>sublinhado</u> e <s> riscado</s>.<b>
  127.  
  128. </div>
  129. <br>
  130.  
  131. <center><a href="/"><menu>Início</menu></a>
  132. <center><a href="/ask"><menu>ask</menu></a>
  133. <center><a href="/"><menu>link</menu></a>
  134. <center><a href="/"><menu>link</menu></a>
  135. <a href="seulink"><menu>link</menu></a>
  136. <a href="seulink"><menu>link</menu></a></center><br>
  137.  
  138.  
  139. <br><br><br><br><br>
  140.  
  141. <div class="caixasidebar"><titulo1: Créditos:>
  142. Theme por: <a href="http://htmlpravoces.tumblr.com/">Html pra vocês</a><br>
  143. Theme Base por: <a href="http://html-designs.tumblr.com">Html Designs</a><br>
  144. Inúmeros agradecimentos: <a href="http://raaphapaes.tumblr.com/">Rapha</a>
  145. </div><br><div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  146. {block:JumpPagination length="1"}
  147. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  148. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  149. {/block:JumpPagination}
  150. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  151. </div></div>
  152.  
  153.  
  154.  
  155. </div>
  156.  
  157. </div></div></div></div></div>
  158. <div id="01" class="popup_block">
  159. <h1> About-me </h1>
  160. <img src="{PortraitURL-128}" width="70" height="70" align="right" style="margin-left:5px;" />
  161. ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI !
  162. </div>
  163.  
  164. <div id="02" class="popup_block">
  165. <h1>Recomendo </h1>
  166. <a href= http://sistemaconfuso.tumblr.com/> Raapha Paes. </a> <br>
  167. <a href= http://htmlplace.tumblr.com/> HTML PLACE </a> <br>
  168. <a href= Endereço_do_tumblr_que_voce_recomenda/> NOME DO TUMBLR </a> <br>
  169. <a href= Endereço_do_tumblr_que_voce_recomenda4/> NOME DO TUMBLR </a> <br>
  170. </div>
  171.  
  172. <div id="03" class="popup_block">
  173. <h1> Créditos </h1>
  174.  
  175. Base por: <a href="http://thinggirls.tumblr.com">Victória</a> | <a href="http://love-for-html.tumblr.com">Love For HTML.</a><br>
  176. Modificações por: <a href="http://sistemaconfuso.tumblr.com">Raapha Paes.</a> <br>
  177. Menu por: <a href="http://entendahtml.tumblr.com/">Entenda HTML</a> <br>
  178. Pop-Up por: <a href="http://love-for-html.tumblr.com/">Love for HTML</a>
  179. Imagem do bg por: <a href="http://ilovehtml.tumblr.com/">I Love HTML</a>
  180.  
  181. </div>
  182.  
  183. <!---------- POSTS --------------------------->                              
  184. <div style="position:absolute; width:550px; left: 500px; top:10px; padding-top:0px; z-index:2;">
  185.  
  186. {block:Posts}
  187.  
  188. {block:Regular}<div class="post"><div class="caixapost">
  189. {block:Title}<center><h1>{Title}</h1></center>{/block:Title}
  190. <div class="entry">{Body}</div>
  191.  
  192. <div class="divdate"></div>
  193.  
  194.  
  195. <!---------------- DATA DOS POSTS ------------->
  196. <div class="date"><a class="notes" href="{Permalink}">Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue </a>)</div>
  197.  
  198. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  199.  
  200.  
  201. </div></div>
  202. {/block:Regular}
  203.  
  204.  
  205. <!---------------- As fotos que ficam nos posts ------------->
  206.  
  207. {block:Photo}
  208. <div class="post"><div class="caixapost">
  209. <center>
  210. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" margin-left=05px; width=530px class="border">{LinkCloseTag}</center>
  211. {block:Caption}          
  212. <br>
  213. <div class="caption">{Caption}</div>
  214. {/block:Caption}
  215. <div style="clear:both;"></div>
  216. <BR>
  217.  
  218. <div class="divdate"></div>
  219.  
  220.  
  221. <!---------------- DATA DOS POSTS ------------->
  222. <div class="date"><a class="notes" href="{Permalink}">Photo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue</a>)</div>
  223.  
  224. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  225.  
  226.  
  227. </div></div>
  228. {/block:Photo}
  229.  
  230.  
  231. <div style="clear:both;"></div>
  232.  
  233. <!---------- ASK --------------------------->
  234. {block:Answer}
  235. <div class="post"><DIV CLASS="caixapost">
  236. <img src="{AskerPortraitURL-40}"align="left" class="border"/>
  237. <div class="ask"><div class="bubble"><span></span><b>{Asker}</b>:
  238. <br>{Question}<br></div></div>
  239. {Answer}
  240.  
  241. <div style="clear:both;"></div>
  242.  
  243. <BR>
  244.  
  245. <div class="divdate"></div>
  246.  
  247. <!---------------- DATA DOS POSTS ------------->
  248. <div class="date"><a class="notes" href="{Permalink}">Mensagem</a> postada em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> </div>
  249.  
  250. </div></div>
  251. {block:Answer}
  252.  
  253. <div style="clear:both;"></div>
  254.  
  255. <!---------- QUOTES --------------------------->
  256.  
  257.  
  258. {block:Quote}
  259. <div class="post"><div class="caixapost">
  260. <h1>{Quote}</h1>
  261. </span>
  262. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  263.  
  264. <BR>
  265. <div class="divdate"></div>
  266.  
  267.  
  268. <!---------------- DATA DOS POSTS ------------->
  269. <div class="date"><a class="notes" href="{Permalink}">Quote</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue</a>)</div>
  270.  
  271. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  272.  
  273.  
  274. </div></div>
  275. {/block:Quote}
  276.  
  277.  
  278. <div style="clear:both;"></div>
  279.  
  280. <!---------- LINKS --------------------------->
  281.  
  282.  
  283. {block:Link}
  284. <div class="post"><div class="caixapost"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  285. {block:Description}
  286. <div class="description">{Description}</div>
  287. {/block:Description}
  288.  
  289. <BR>
  290. <div class="divdate"></div>
  291.  
  292.  
  293. <!---------------- DATA DOS POSTS ------------->
  294. <div class="date"><a class="notes" href="{Permalink}">Link</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue</a>)</div>
  295.  
  296. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  297.  
  298.  
  299. </div></div>
  300. {/block:Link}
  301.  
  302. <div style="clear:both;"></div>
  303.  
  304.  
  305. <!---------- CHAT --------------------------->
  306. {block:Chat}
  307. <div class="post"><div class="caixapost">
  308. {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>
  309. {/block:Title}
  310. <div class="chat">
  311. {block:Lines}
  312. <div class="{Alt} user_{UserNumber}">
  313. {block:Label}
  314.  <span class="label">{Label}</span>
  315. {/block:Label}
  316. {Line}
  317. </div>
  318. {/block:Lines}
  319. </div>
  320. <BR>
  321. <div class="divdate"></div>
  322.  
  323.  
  324. <!---------------- DATA DOS POSTS ------------->
  325. <div class="date"><a class="notes" href="{Permalink}">Chat</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</div>
  326.  
  327. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  328.  
  329.  
  330. </div></div>
  331. {/block:Chat}
  332.  
  333.  
  334. <div style="clear:both;"></div>
  335.  
  336. <!---------- AUDIO --------------------------->
  337. {block:Audio}
  338. <div class="post"><div class="caixapost">
  339. {AudioPlayerWhite}
  340. {block:Caption}
  341. <div class="caption">{Caption}</div>
  342. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  343. {/block:Caption}
  344.  
  345.  
  346. <div class="divdate"></div>
  347.  
  348.  
  349. <!---------------- DATA DOS POSTS ------------->
  350. <div class="date"><a class="notes" href="{Permalink}">Música</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue</a>)</div>
  351.  
  352. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  353.  
  354.  
  355. </div></div>
  356. {/block:Audio}
  357.  
  358. <div style="clear:both;"></div>
  359. <!---------- VIDEOS --------------------------->
  360.  
  361. {block:Video}
  362. <div class="post">
  363. <div class="caixapost">
  364. {Video-500}
  365. <br>
  366. {block:Caption}
  367. <div class="caption">{Caption}</div>
  368. {/block:Caption}
  369.  
  370. <BR>
  371. <div class="divdate"></div>
  372.  
  373.  
  374. <!---------------- DATA DOS POSTS ------------->
  375. <div class="date"><a class="notes" href="{Permalink}">Vídeo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue </a>)</div>
  376.  
  377. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  378.  
  379.  
  380. </div></div>
  381. {/block:Video}
  382.  
  383. <div style="clear:both;"></div>
  384.  
  385. <!---------------- NOTAS  DOS POSTS ------------->
  386. {block:PostNotes}<div class="caixapost">
  387. <div class="notes-bottom">
  388. {PostNotes}
  389. </div></div>
  390. {/block:PostNotes}
  391.  
  392. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  393. {/block:Posts}</div>
  394.  
  395. <!---------------- FINAL DE TAGS DO POST ------------->
  396. <center> <div id="paginacaoml"><span class="info" style="font-weight: normal;">Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  397. {block:JumpPagination length="10"}
  398. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  399. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  400. {/block:JumpPagination}
  401. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  402. </div></center>
  403. <br><center> Base por: <a href="http://thinggirls.tumblr.com">Victória</a></center>
  404. </script>
  405.  
  406. <script type="text/javascript"
  407. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  408. <script>
  409.  
  410. $(document).ready(function() {
  411.  
  412.  //
  413.  
  414. //When you click on a link with class of poplight and the href starts with a #
  415.  
  416. $('a.poplight[href^=#]').click(function() {
  417.  
  418.     var popID = $(this).attr('rel'); //Get Popup Name
  419.  
  420.     var popURL = $(this).attr('href'); //Get Popup href to define size
  421.  
  422.     //Pull Query & Variables from href URL
  423.  
  424.    var query= popURL.split('?');
  425.  
  426.     var dim= query[1].split('&');
  427.  
  428.     var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  429.  
  430.     //Fade in the Popup and add close button
  431.  
  432.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_ls3b8x4XbK1qid4yn.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  433.  
  434.  
  435.     //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
  436.  
  437.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  438.  
  439.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  440.  
  441.     //Apply Margin to Popup
  442.  
  443.     $('#' + popID).css({
  444.  
  445.         'margin-top' : -popMargTop,
  446.  
  447.         'margin-left' : -popMargLeft
  448.  
  449.     });
  450.  
  451.     //Fade in Background
  452.  
  453.     $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  454.  
  455.     $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  456.     return false;
  457. });
  458. //Close Popups and Fade Layer
  459. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  460.  
  461.     $('#fade , .popup_block').fadeOut(function() {
  462.  
  463.         $('#fade, a.close').remove();  //fade them both out
  464.     });
  465.     return false;
  466.  
  467. });
  468. });
  469.  
  470. </script>
  471.  
  472. </head>
  473.  
  474.     <script src="http://www.duckmylife.com/javascript" type="text/javascript"></script>
  475. </body>
  476. </html>
  477.  
  478. <div xmlns="http://www.w3.org/1999/xhtml"><object style="position: absolute; top: -1000000px; left: -1000000px;" width="1" height="1" id="_dp_swf_engine" data="http://static.dealply.com/flash/dealply_swf_engine.swf" type="application/x-shockwave-flash"><param value="always" name="allowscriptaccess"></object>
Advertisement
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!