API tools faq
paste
htmlparavoces

Untitled

htmlparavoces
Feb 2nd, 2012
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.58 KB | None | 0 0
raw download clone embed print report
  1. <-------------- BASE DESENVOLVIDA POR LAIS , ONLY-ADREAM OU GOLDHTML PODE DISPONIBILIZAR MAIS POR FAVOR NÃO RETIRE MEUS CRÉDITOS. ----------->
  2. <html>
  3. <head>
  4.  <script type="text/javascript" src="http://static.tumblr.com/hqb6dzr/pyblo70qn/animatedcollapse.js"></script>
  5. <script type="text/javascript">animatedcollapse.addDiv('jason', 'fade=1,height=80px')animatedcollapse.addDiv('kelly', 'fade=1,height=100px')animatedcollapse.addDiv('michael', 'fade=1,height=120px')animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted    //$: Access to jQuery    //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID //state: "block" or "none", depending on state}animatedcollapse.init()</script><script type="text/javascript">animatedcollapse.addDiv('jason', 'optional_attribute_string')//additional addDiv() call...//additional addDiv() call...animatedcollapse.init()</script>
  6. <script type="text/javascript"
  7. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8. <script>
  9.  
  10. $(document).ready(function() {
  11.  
  12.  //
  13.  
  14. //When you click on a link with class of poplight and the href starts with a #
  15.  
  16. $('a.poplight[href^=#]').click(function() {
  17.  
  18.     var popID = $(this).attr('rel'); //Get Popup Name
  19.  
  20.     var popURL = $(this).attr('href'); //Get Popup href to define size
  21.  
  22.     //Pull Query & Variables from href URL
  23.  
  24.    var query= popURL.split('?');
  25.  
  26.     var dim= query[1].split('&');
  27.  
  28.     var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  29.  
  30.     //Fade in the Popup and add close button
  31.  
  32.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/95fbxnf/1A7lmyz8k/close_123.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  33.  
  34.  
  35.     //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
  36.  
  37.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  38.  
  39.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  40.  
  41.     //Apply Margin to Popup
  42.  
  43.     $('#' + popID).css({
  44.  
  45.         'margin-top' : -popMargTop,
  46.  
  47.         'margin-left' : -popMargLeft
  48.  
  49.     });
  50.  
  51.     //Fade in Background
  52.  
  53.     $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  54.  
  55.     $('#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
  56.     return false;
  57. });
  58. //Close Popups and Fade Layer
  59. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  60.  
  61.     $('#fade , .popup_block').fadeOut(function() {
  62.  
  63.         $('#fade, a.close').remove();  //fade them both out
  64.     });
  65.     return false;
  66.  
  67. });
  68. });
  69.  
  70. </script>
  71.  
  72.  
  73.  
  74. <title>título do seu tumblr</title>
  75. <link rel="shortcut icon" href="{favicon}" />
  76.  
  77. <style>
  78. .border {border: 1px solid #CDB7B5;
  79. margin: 6px;
  80. padding: 6px;
  81. background: url('http://static.tumblr.com/b1gnlwd/DpIlys792/colourlovers.com-sweet_dreams__1_.png');}
  82. .border:hover {border: 1px solid #CDB7B5;
  83. margin: 6px;
  84. padding: 6px;
  85. background: url('http://static.tumblr.com/b1gnlwd/DpIlys792/colourlovers.com-sweet_dreams__1_.png');}
  86. /* body */
  87.  
  88. body {background: #000 url('http://static.tumblr.com/b1gnlwd/DpIlys792/colourlovers.com-sweet_dreams__1_.png'); font: 13px tahoma; text-align:justify; color: #666;}
  89.  
  90. /* page */
  91.  
  92. #content {width: 900px; margin-top: 0px; margin-right: auto; margin-bottom: 50px; margin-left: auto;}
  93.  
  94. /* posts */
  95. #post {top: 90px; left: 450px; width:562px; position: absolute;}
  96.  
  97.  
  98. #post {top: 90px; left: 450px; width:562px; position: absolute;}
  99.  
  100. /* sidebar */
  101.  
  102. #sidebar {width:300px; text-align: justify; float: left; position: fixed; margin-top: 150px; left:120px;}
  103.  
  104. /* caixas */
  105.  
  106. .caixa {background: #FFF; padding: 5px; margin-bottom: 1px; left:110px;}
  107. .caixasidebar {background: #FFF; padding: 5px; margin-bottom: 7px; left:10px;}
  108.  
  109. /* formatação */
  110.  
  111. b, strong, bold {color: #000;}
  112. u, underline {color: #000; border-bottom: 1px dashed #000;text-decoration:none;}
  113. i, em {color: #000;}
  114. s, strike {color: #000;}
  115.  
  116. /* links */
  117.  
  118. a {color: #000; -webkit-transition-duration: .99s; text-decoration:none;}
  119. a:hover, div.permalink p a:hover {color: #BA55D3;border: 0px;margin: 0px;filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition-duration: .99s; text-decoration:none;}
  120.  
  121. /* blockquote */
  122.  
  123. blockquote {border-left: 5px solid #000; font-family: georgia; color: 666; padding: 2px 2px 2px 6px; margin: 2px; line-height: 14px; background: #f1f1f1;}
  124. #fade { /*--Transparent background layer--*/
  125.  display: none; /*--hidden by default--*/
  126.  background: #000;
  127.  position: fixed; left: 0; top: 0;
  128.  width: 100%; height: 100%;
  129.  opacity: .80;
  130.  z-index: 9999;
  131. }
  132. .popup_block{
  133.  display: none; /*--hidden by default--*/
  134.  background: #fff;
  135.  padding: 20px;
  136.  border: 20px solid #ddd;
  137.  float: left;
  138.  font-size: 1.2em;
  139.  position: fixed;
  140.  top: 50%; left: 50%;
  141.  z-index: 99999;
  142.  /*--CSS3 Box Shadows--*/
  143.  -webkit-box-shadow: 0px 0px 20px #000;
  144.  -moz-box-shadow: 0px 0px 20px #000;
  145.  box-shadow: 0px 0px 20px #000;
  146.  /*--CSS3 Rounded Corners--*/
  147.  -webkit-border-radius: 10px;
  148.  -moz-border-radius: 10px;
  149.  border-radius: 10px;
  150. }
  151. img.btn_close {
  152.  float: right;
  153.  margin: -55px -55px 0 0;
  154. }
  155. /*--Making IE6 Understand Fixed Positioning--*/
  156. *html #fade {
  157.  position: absolute;
  158. }
  159. *html .popup_block {
  160.  position: absolute;
  161. }
  162. div.navigate a{
  163. background: #98FB98; color: #000000; display:block; width: 88px; height: 15px; text-align: center; padding-top:2px; margin-left:2px; margin-top:2px; position:relative; text-align: center; z-index:1; font-weight: bold; -moz-border-radius:7px; -webkit-border-radius: 30px 0px 30px 0px;
  164. }
  165. div.navigate a:hover{
  166. background: #8A2BE2; letter-spacing:1px;
  167. -webkit-border-radius: 0px 30px 0px 30px;}
  168. .heart {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
  169. url('http://static.tumblr.com/b1gnlwd/DpIlys792/colourlovers.com-sweet_dreams__1_.png') no-repeat left; padding-left : 10px;
  170. padding-bottom : 2px;}
  171.  
  172. .heart:hover {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}
  173. div.navigate a{
  174. background: #473C8B; color: #ffffff; display:block; width: 88px; height: 15px; text-align: center; padding-top:2px; margin-left:2px; margin-top:2px; position:relative; text-align: center; z-index:1; font-weight: bold; -moz-border-radius:7px; -webkit-border-radius:7px; display: inline-block;
  175. }
  176. div.navigate a:hover{
  177. background: #9932CC; letter-spacing:1px;
  178. }
  179. /* TITULOS */
  180. h1 {color: #BA55D3; font-family: 'Spirax', cursive;, sans-serif;
  181. , tahoma; font-size:20px; line-height:25px; font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px}
  182.  
  183. h2 {color: #BA55D3; font-family: 'tahoma', cursive;, sans-serif;
  184. , tahoma; font-size:20px; line-height:25px; font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  185.  
  186. h6 {color: #BA55D3; font-family: 'Spirax', cursive;, sans-serif;
  187. , tahoma; font-size:20px; line-height:25px; font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  188. /*** Borda nas imagens por a-helphtml.tumblr.com ***/
  189. .border {border: 1px solid #000000;
  190. </style>
  191. </head>
  192. <body>
  193. <div style=" background-image: url('http://i.s8.com.br/images/cds/cover/img3/185453_4.jpg'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>
  194. <div id="content">
  195. <div id="sidebar">
  196. <div class="caixasidebar">
  197. <img src="http://data.whicdn.com/images/17025519/tumblr_lu01vvrWN01qfbrc3o1_500_large.jpg" width="290" />
  198.  
  199. Sua descrição hahaSua descrição haha
  200. Sua descrição haha
  201. Sua descrição haha
  202. Sua descrição haha
  203. Sua descrição haha
  204. Sua descrição haha
  205.  
  206. <object width="0" height="0"><param name="movie" value="http://www.youtube.com/watch?v=ZR0v0i63PQ4&feature=related=en&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/watch?v=ZR0v0i63PQ4&feature=related=en&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="0" height="0"><noembed><a href="http://www.youtube.com/watch?v=ZR0v0i63PQ4&feature=related=en&autoplay=1"><img src="http://www.gtaero.net/ytmusic/play.png" alt="Play" style="border:0px;" /></a></noembed></object>
  207. <center><div class="navigate">
  208. <a href="/"style="text-decoration:none">Inicio</a>
  209. <a href="/ask"style="text-decoration:none">Ask</a>
  210. <a href="http://SEUTUMBLR.TUMBLR.COM/TAGGED/TUATAG"style="text-decoration:none">Textos</a>
  211. <a href="http://link4"style="text-decoration:none">Link Extra</a>      
  212. <a href="http://link5"style="text-decoration:none">Link Extra 2</a>
  213. <a href="http://htmlpravoces.tumblr.com/"style="text-decoration:none">Theme By</a>                                    
  214. </div>
  215. </center>    
  216. </div>
  217. </div>
  218.  
  219. <div id="content">
  220. <div id="sidebar">
  221. <div class="caixasidebar">
  222. <marquee>Frase passando aqui</marquee><br><br>
  223.  
  224.    
  225. </div>
  226. </div>
  227.  
  228. <div id="post">
  229.  
  230.  
  231. <div style="position:absolute; width:540px; left: 200px; top:30px; padding-top:0px; z-index:2;">
  232. {block:Posts}
  233. <div class="caixa">
  234.  
  235. {block:Text}
  236. {block:Title}<h2>{Title}</h2>{/block:Title}
  237. {Body}
  238. {/block:Text}
  239. {block:Photo}
  240. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" /></center>
  241. {block:Caption}
  242. <div class="caption">{Caption}</div>
  243. {/block:Caption}
  244. {/block:Photo}
  245.  
  246. {block:Photoset}
  247. <center>{Photoset-500}</center>
  248. {block:Caption}
  249. <div class="caption">{Caption}</div>
  250. {/block:Caption}
  251. {/block:Photoset}
  252.  
  253. {block:Quote}
  254. {Quote}
  255. {block:Source}
  256. <div class="source"><div style="text-align: right">— {Source}</div></div>
  257. {/block:Source}
  258. {/block:Quote}
  259.  
  260. {block:Link}
  261. <a href="{URL}" class="link" {Target}>{Name}</a>
  262. {block:Description}
  263. <div class="description">{Description}</div>
  264. {/block:Description}
  265. {/block:Link}
  266.  
  267. {block:Chat}
  268. {block:Title}
  269. {Title}
  270. {/block:Title}
  271. <ul class="chat">
  272. {block:Lines}
  273. {block:Label}
  274. <span class="label"><b>{Label}</b></span>
  275. {/block:Label}
  276. {Line}<br>
  277. {/block:Lines}
  278. </ul>
  279. {/block:Chat}
  280.  
  281. {block:Video}
  282. {Video-500}
  283. {block:Caption}
  284. <div class="caption">{Caption}</div>
  285. {/block:Caption}
  286. {/block:Video}
  287.  
  288. {block:Audio}
  289. {AudioPlayerBlack}
  290. {block:Caption}
  291. <div class="caption">{Caption}</div>
  292. {/block:Caption}
  293. {/block:Audio}
  294.  
  295. {block:Answer}
  296. <center><div style="background:#f1f1f1;font:normal 11px georgia;color:#fff;padding:7px; text-align: justify; float: left; width: 97%;">{Question}</i></div></center>
  297. <div style="padding-left: 15px;"><img src="http://static.tumblr.com/m2njopu/9ZDlqgk4d/haha.png"><br><img src="{AskerPortraitURL-16}" /> <b><span style="text-transform: capitalize;">{Asker}</span></b></div>
  298. {Answer}
  299. {/block:Answer}
  300.  
  301. {block:HasTags}{block:Tags}&nbsp;#<a href="{TagURL}">{Tag}</a>,&nbsp;{/block:Tags}{/block:HasTags}</a> | Postado em {DayOfMonth}/{MonthNumberWithZero}/{Year} às {12Hour}:{Minutes}{AmPm} com <a href="{Permalink}">{NoteCount}</a> notes! ({block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}/{block:ContentSource}<a href="{SourceURL}" target=blank>source</a>{/block:ContentSource}) | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog!</a>
  302. </div><br>
  303. {/block:Posts}<br>
  304. <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}
  305.  
  306. {block:JumpPagination length="10"}
  307.  
  308. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  309.  
  310. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  311.  
  312. {/block:JumpPagination}
  313.  
  314. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  315.  
  316. </div>
  317. </div></div></div></div></div>
  318.  
  319. </body>
  320. </html>
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!