API tools faq
paste
Themesemcons

Theme113

Themesemcons
May 28th, 2012
221
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.34 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--head-->
  4.  
  5. <head>
  6.  
  7. <!--rel icon-->
  8.  
  9. <link rel='shortcut icon' a href='{favicon}'>
  10.  
  11. <!--style CSS-->
  12.  
  13. <style tipe='text/css'>
  14.  
  15. /*body*/
  16.  
  17. body{background: #1c1c1c; background-image:url(''); color: #000; text-align: justify; font-family:'Microsoft Sans Serif'; font-size: 12px; }
  18.  
  19. /*for links*/
  20.  
  21. a{color: #696969; background: #semcor; font-size: 12px; font-family: 'Mangal'; text-align: center; text-decoration: none;}
  22.  
  23. a:hover{color: #00008B; background: #semcor;text-align: center;text-decoration: none;}
  24.  
  25. /*bold,underline, italic*/
  26.  
  27. b{color: #000;}
  28.  
  29. i{color: #000;}
  30.  
  31. u{color: #000; }
  32.  
  33. s{color: #000;}
  34. /*títulos H*/
  35. h1{color: #000; font-size: 25px; font-family: 'Mangal'; text-align: justify; padding: 2px;}
  36. /*so box*/
  37.  
  38. .box{background: #eee; color: #000; padding: 5px; border: solid 1px #corsem; text-align: justify;}
  39.  
  40. .box2{background: #fff; padding: 3px; border: 1px solid #696969; font-family:'Comic Sans MS'; text-align: center;  margin-bottom:5px;margin-top:3px; }
  41.  
  42. /*make create all and subject html*/
  43. qt{color: #000; font-size: 19px; font-family: 'comic sans MS'; text-align: justify;}
  44. lk{color: #696969; font-size: 21px; text-align: justify;}
  45. lk:hover{color: #00008B; font-size: 21px; text-align: justify;}
  46. menu{background: #00008B; color: #fff; padding: 2px; width:94px;
  47. line-height: 18px;font-size:11px; font-family: 'Calibri';text-align: center;
  48. display: inline-block; margin-bottom: 1px;margin-top:1px;}
  49. menu:hover{background: #000; color: #fff;}
  50. </style>
  51. <script type="text/javascript">
  52. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  53. </script>
  54. </head>
  55.  
  56. <body>
  57. <!--gifs-->
  58. <div style='position: fixed; width:200px; left:2px; top:10px;' ><marquee direction="down"  height='740px' behavior="alternate">
  59. <div class='box'><center><img src='http://24.media.tumblr.com/tumblr_m4onbwpCOY1r61fpjo1_500.gif' width='190'></center></div><br>
  60. <div class='box'><center><img src='http://media.tumblr.com/tumblr_m4oejqm4gl1qg9nvf.gif' width='190'></center></div><br>
  61. <div class='box'><center><img src='http://24.media.tumblr.com/tumblr_m4ofs5xQe41r7r0zqo1_500.gif' width='190'></center></div><br>
  62. <div class='box'><center><img src='http://25.media.tumblr.com/tumblr_m4o2sj1Uss1rwz3fpo2_250.gif' width='190'></center></div><br>
  63. <div class='box'><center><img src='http://24.media.tumblr.com/tumblr_m4o2sj1Uss1rwz3fpo1_250.gif' width='190'></center></div><br>
  64. <div class='box'><center><img src='http://media.tumblr.com/tumblr_m272275uku1r1lwle.gif' width='190'></center></div><br>
  65. <div class='box'><center><img src='http://25.media.tumblr.com/tumblr_m4o07d0wjg1rslvwzo1_400.gif' width='190'></center></div><br>
  66. <div class='box'><center><img src='http://media.tumblr.com/tumblr_m4omomhKWQ1rpohtm.gif' width='190'></center></div><br></marquee>
  67. </div>
  68. <!--i-frame-->
  69. <div id="01" style="display:none"><div class='box'>
  70. <h1>About One Direction</h1>
  71. <b>Origem:</b>Inglaterra.<br>
  72. <b>Gênero:</b>Pop.<br>
  73. <b>Período em atividade:</b>2010.<br>
  74. <b>Gravadora(s):</b>Syco,Island Records.<br>
  75. <b>Integrantes:</b>Harry Styles, Liam Payne, Louis Tomlinson e Zayn Malik e  Niall Horan.<br>
  76. <b>Site official:</b><a href='http://www.onedirectionmusic.com/gb/home/'>1D</a>.
  77. </div><br><div class='box'>
  78. <h1>Fotos</h1>
  79. <img src='http://www.powermusics.com/Content/imagens/mar-2012/one-direction-15.jpg' width='500'><br>
  80. <img src='http://www.revistadm.com.br/app/webroot/upload/images/one-direction-photo.jpg' width='500'><br>
  81. <img src='http://static.tumblr.com/yfnyf18/B35m3mdwm/pp32581-one-direction-poster.jpg' width='500'><br>
  82. <img src='http://2.bp.blogspot.com/--BkWRqA_meM/T5RJSTsbyqI/AAAAAAAADys/id4vdPSVnOA/s1600/one-direction-out-and-about-1290434034.jpg' width='500'><br>
  83. <img src='http://1.bp.blogspot.com/-7QfJbHFd7fI/Tz_qbrW6ndI/AAAAAAAAB7g/c6Ay9jAkwGw/s1600/one.jpg' width='500'><br>
  84. </div></div>
  85. <div id="02" style="display:none"><div class='box'>
  86. <h1>Creditos</h1>
  87. <li>Theme by:<a href='http://themes-em-construcao.tumblr.com/'>Themes em Construção</a>
  88. <li>Pagineção by:<a href='http://madlyluv.com'>Madlyluv</a>
  89. </div><br><div class='box'>
  90. <h1>About...</h1>
  91. {description}
  92. </div></div>
  93. <!--sidebar-->
  94. <div style='position: fixed; right: 50px; width: 300px; top: 250px;'>
  95. <!--menu--><center>
  96. <a href='/'><menu>Home</menu></a>
  97. <a href='/ask'><menu>Ask Me</menu></a>
  98. <a href='/submit'><menu>Submit</menu></a>
  99. <a href='/tagged/meustextos'><menu>Textos</menu></a>
  100. <span onClick="changeNavigation('01')"><menu>1D</menu></span>
  101. <span onClick="changeNavigation('02')"><menu>Credts</menu></span>
  102. </center><!--fim do menu-->
  103. <div class='box'><center><img src='http://3.bp.blogspot.com/-l06FqtHx2F0/T1Sy95zmiLI/AAAAAAAAGPg/lzWOfBFbZZE/s1600/its+one+direction.jpg' width='290'></center>
  104. </div></div>
  105. <!--banner-->
  106. <div style='position: absolute; left:350px; width:550px; top: 20px;'>
  107. <center><img src='http://25.media.tumblr.com/tumblr_m4onowtnDC1roy5vmo1_500.png' width='500'></center>
  108. </div>
  109. <div style='position: absolute; left:350px; width: 550px; top:200px;'><div id='liuc'>
  110. <!--tag posts, n mexa u.u(só se saber um mínimo de html, ou muito, se n você vai confundir os posts do seu tumblr...)-->
  111. {block:Posts}{block:Text}<div class='box'>{block:Title}<h1>{Title}</h1>{/block:Title}
  112. {Body}
  113. <hr><center><div class'box2'><a href='{Permalink}'><b>Post:</b></a>
  114. {block:Date}<b>{DayOfMonthWithZero}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> as <b>{24HourWithZero}</b>:<b>{Minutes}</b>{/block:Date}com <b>{NoteCount}</b> <a href='{PostID}'>notes</a>| <a href='{ReblogURL}'>(Reblog this Shit)</a>{block:HasTags}<br><b>Tags:</b>{block:Tags}<a href='{TagURL}'>#{Tag}</a> &nbsp;{/block:Tags} {/block:HasTags}
  115. </div></center></hr></div><br>
  116. {/block:Text}
  117. {block:Photo}<div class='box'>
  118. {LinkOpenTag}<center><img src='{PhotoURL-500}' alt='{PhotoAlt}'></center>{LinkCloseTag} {block:Caption} {Caption} {/block:Caption}
  119. <hr><center><div class'box2'><a href='{Permalink}'><b>Post:</b></a>
  120. {block:Date}<b>{DayOfMonthWithZero}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> as <b>{24HourWithZero}</b>:<b>{Minutes}</b>{/block:Date}com <b>{NoteCount}</b> <a href='{PostID}'>notes</a>| <a href='{ReblogURL}'>(Reblog this Shit)</a>{block:HasTags}<br><b>Tags:</b>{block:Tags}<a href='{TagURL}'>#{Tag}</a> &nbsp;{/block:Tags} {/block:HasTags}
  121. </div></center></hr></div><br>{/block:Photo}
  122. {block:Quote}<div class='box'><qt>"{Quote}"</qt>{block:Source}<br> -<b>{Source}</b>{/block:Source}
  123. <hr><center><div class'box2'><a href='{Permalink}'><b>Post:</b></a>
  124. {block:Date}<b>{DayOfMonthWithZero}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> as <b>{24HourWithZero}</b>:<b>{Minutes}</b>{/block:Date}com <b>{NoteCount}</b> <a href='{PostID}'>notes</a>| <a href='{ReblogURL}'>(Reblog this Shit)</a>{block:HasTags}<br><b>Tags:</b>{block:Tags}<a href='{TagURL}'>#{Tag}</a> &nbsp;{/block:Tags} {/block:HasTags}
  125. </div></center></hr></div><br>{/block:Quote}
  126. {block:Link}<div class='box'> <a href='{URL}'><lk>{Name}</lk></a><br>{block:Description} {Description}{/block:Description}<hr><center><div class'box2'><a href='{Permalink}'><b>Post:</b></a>
  127. {block:Date}<b>{DayOfMonthWithZero}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> as <b>{24HourWithZero}</b>:<b>{Minutes}</b>{/block:Date}com <b>{NoteCount}</b> <a href='{PostID}'>notes</a>| <a href='{ReblogURL}'>(Reblog this Shit)</a>{block:HasTags}<br><b>Tags:</b>{block:Tags}<a href='{TagURL}'>#{Tag}</a> &nbsp;{/block:Tags} {/block:HasTags}
  128. </div></center></hr></div><br>{/block:Link}
  129. {block:Chat}<div class='box'>{block:Title} <h1>{Title}</h1>{/block:Title}
  130. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label}{Line}<br>{/block:Lines}<hr><center><div class'box2'><a href='{Permalink}'><b>Post:</b></a>
  131. {block:Date}<b>{DayOfMonthWithZero}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> as <b>{24HourWithZero}</b>:<b>{Minutes}</b>{/block:Date}com <b>{NoteCount}</b> <a href='{PostID}'>notes</a>| <a href='{ReblogURL}'>(Reblog this Shit)</a>{block:HasTags}<br><b>Tags:</b>{block:Tags}<a href='{TagURL}'>#{Tag}</a> &nbsp;{/block:Tags} {/block:HasTags}
  132. </div></center></hr>
  133. </div><br>{/block:Chat}
  134. {block:Audio}<div class='box'>{AudioPlayerBlack}Escutado:<b>{PlayCount}</b><br>{block:Caption}{Caption} {/block:Caption} <hr><center><div class'box2'><a href='{Permalink}'><b>Post:</b></a>
  135. {block:Date}<b>{DayOfMonthWithZero}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> as <b>{24HourWithZero}</b>:<b>{Minutes}</b>{/block:Date}com <b>{NoteCount}</b> <a href='{PostID}'>notes</a>| <a href='{ReblogURL}'>(Reblog this Shit)</a>{block:HasTags}<br><b>Tags:</b>{block:Tags}<a href='{TagURL}'>#{Tag}</a> &nbsp;{/block:Tags} {/block:HasTags}
  136. </div></center></hr></div><br>{/block:Audio}
  137. {block:Video}<div class='box'><center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption} <hr><center><div class'box2'><a href='{Permalink}'><b>Post:</b></a>
  138. {block:Date}<b>{DayOfMonthWithZero}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> as <b>{24HourWithZero}</b>:<b>{Minutes}</b>{/block:Date}com <b>{NoteCount}</b> <a href='{PostID}'>notes</a>| <a href='{ReblogURL}'>(Reblog this Shit)</a>{block:HasTags}<br><b>Tags:</b>{block:Tags}<a href='{TagURL}'>#{Tag}</a> &nbsp;{/block:Tags} {/block:HasTags}
  139. </div></center></hr></div><br>{/block:Video}
  140. {block:Answer}<div class='box'><img src='{AskerPortraitURL-40}'/>{Asker}:
  141. <b>{Question}</b><br>{Answer}<hr><center><div class'box2'><a href='{Permalink}'><b>Ask:</b></a>
  142. {block:Date}<b>{DayOfMonthWithZero}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> as <b>{24HourWithZero}</b>:<b>{Minutes}</b>{/block:Date}com <b>{NoteCount}</b> <a href='{PostID}'>notes</a>{block:HasTags}<br><b>Tags:</b>{block:Tags}<a href='{TagURL}'>#{Tag}</a> &nbsp;{/block:Tags} {/block:HasTags}
  143. </div></center></hr></div><br>{/block:Answer}
  144.  
  145. {/block:Posts}
  146. <!--paginação-->
  147.  
  148. </div><div class='box'><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}
  149. {block:JumpPagination length="3"}
  150. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  151. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  152. {/block:JumpPagination}
  153. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  154. </center></div><br></div></div>
  155.  
  156. </body>
  157.  
  158. </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!