API tools faq
paste
Themesemcons

Theme39

Themesemcons
Jan 9th, 2012
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.11 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.  
  5. <title>Bem vindos a Nárnia</title>
  6.  
  7. <link rel="shortcut icon" href="http://static.cineclick.com.br/images/seta_azul_claro.jpg" />
  8.  
  9. <style>
  10.  
  11. body {background: #FFF url('http://farm3.staticflickr.com/2339/2290758774_88827bde28.jpg'); font: 11px Microsoft Sans Serif; text-align:justify; color: #000;}
  12.  
  13. b{color: #1E90FF;}
  14.  
  15. u{color: #00FF00; border-bottom: 1px dashed #000;}
  16.  
  17. i, em {color: #FF0000;}
  18.  
  19. s{color: #7FFFD4;}
  20.  
  21. /*box*/
  22.  
  23. .box {background: #FFF; margin-bottom: 10px;
  24.  
  25. text-align: justify; border: 2px;
  26.  
  27. -webkit-border-radius: 0px 0px 0px 0px;}
  28.  
  29. .box1 {background: #FFFAFA; margin-bottom: 10px;
  30.  
  31. text-align: justify; border: 2px;
  32.  
  33. -webkit-border-radius: 0px 0px 30px 30px;}
  34.  
  35. /*títulos*/
  36.  
  37. h1 {  font-family: lucida fax;  
  38.  
  39.        color: #00FFFF;  
  40.  
  41. font-size: 30px;
  42.  
  43.    letter-spacing:1px;
  44.  
  45. }
  46.  
  47. h2{ font-family:'verdana';
  48.  
  49. font-size: 18px
  50.  
  51. }
  52.  
  53. /*links*/
  54.  
  55. a {color:#0000FF; font-size:12px font-family:'arial'
  56.  
  57.  text-decoration: none;}
  58.  
  59. a:hover{color: #E6E6FA; font-size:13px; font-family:'verdana'
  60.  
  61. font-style: italic; text-decoration: none;
  62.  
  63. }
  64.  
  65. /*menu*/
  66.  
  67. menu{ background:#00FF7F; color: #000; width: 90px; line-height:18px;
  68.  
  69. padding: 3px; display: inline-block; font-size: 12px; font-family:'arial black';   text-align: center;
  70.  
  71. -webkit-border-radius: 0px 0px 20px 20px;}
  72.  
  73. menu:hover { background: #FF7256; color: #fff; width: 90px; line-height:18px;
  74.  
  75. padding: 3px; display: inline-block; font-size: 12px; font-family:'arial black';   text-align: center;
  76.  
  77. -webkit-border-radius: 0px 0px 20px 20px;}
  78.  
  79. menu1{ background: #00FF7F; color: #000; width: 50px; line-height:18px;
  80.  
  81. padding: 3px; display: inline-block; font-size: 12px; font-family:'arial black';   text-align: center;
  82.  
  83. -webkit-border-radius: 0px 0px 0px 2px;}
  84.  
  85. menu1:hover { background: #FF7256; color: #fff; width: 50px; line-height:18px;
  86.  
  87. padding: 3px; display: inline-block; font-size: 12px; font-family:'arial black';   text-align: center;
  88.  
  89. -webkit-border-radius: 0px 0px 0px 0px;}
  90.  
  91. </style>
  92.  
  93. <!--falso i-frame-->
  94.  
  95. <script type="text/javascript">
  96.  
  97. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  98.  
  99. </script>
  100.  
  101. </head>
  102.  
  103. <body>
  104.  
  105. <div style="top: 100; left: 20; position: fixed; width:300; ">
  106.  
  107. <div class="box"><br>
  108.  
  109. <center><img src="http://25.media.tumblr.com/tumblr_lockw51KrC1qjcbiwo1_500.gif" width="145" height='90'><img src="http://tatianna.zip.net/images/CNC-C227-05A.gif" width="145" height='90'>
  110.  
  111.     <img src="http://4.bp.blogspot.com/_X643PcxIPVk/Sp-1tPrWZwI/AAAAAAAAZ_Y/70E2k23og-g/s1600/04_narnia2.jpg" width="145" height='90'><img src="http://api.ning.com/files/AIqINzhyCxxblbpMxXMAYuBtfcpd*CDLMOewca2N90oKbmV7JEPXwww3340Fp1nr4h8HrFfHTAoVKrsnROwKbnMI*0kAJ8YA/Narnia77.jpg" width="145" height='90'>
  112.  
  113. </center><a href='/'><menu>Home</menu></a>
  114.  
  115. <a href='/archive'><menu>Archive</menu></a>
  116.  
  117. <a href='/ask'><menu>Ask?</menu></a>
  118.  
  119. <br><br>
  120.  
  121. Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.<br><br>
  122.  
  123. <center><span onClick="changeNavigation('01')"><menu1>About</menu1></span>
  124.  
  125. &nbsp;&nbsp;
  126.  
  127. <span onClick="changeNavigation('02')"><menu1>F.A.Q</menu1></span>
  128.  
  129. &nbsp;&nbsp;
  130.  
  131. <span onClick="changeNavigation('03')"><menu1>Créditos</menu1></span>
  132.  
  133. &nbsp;&nbsp;
  134.  
  135. <a href='/submit'><menu1>Submit</menu1></a></center><br>
  136.  
  137. </div>
  138. <!--paginação-->
  139.  
  140.     <center><div id="paginacaoml"><span class="info" style="font-weight: normal;"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  141.  
  142. {block:JumpPagination length="5"}
  143.  
  144. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  145.  
  146. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  147.  
  148. {/block:JumpPagination}
  149.  
  150. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  151.  
  152. </div></center>
  153. </div>
  154.  
  155. <div id="post" style="top: 50px; left: 350px; position: absolute; width: 550px; text-align: justify;">
  156.  
  157. <div id='liuc'>
  158.  
  159. {block:Posts}
  160.  
  161.     <!--TEXTOs-->
  162.  
  163. {block:Text}<div class="box">
  164.  
  165. {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
  166.  
  167. <div>{Body}</div>
  168.  
  169. </div>{/block:Text}
  170.  
  171. <!--PERGUNTAS E MENSAGENS-->
  172.  
  173. {block:Answer}<div class="box">
  174.  
  175. <strong>{Asker}</strong> perguntou: {Question}<br /><br />
  176.  
  177. Resposta: {Answer}<br />
  178.  
  179. </div> {/block:Answer}
  180.  
  181. <!--LINKS-->
  182.  
  183. {block:Link}<div class="box">
  184.  
  185. <a href="{URL}"><h1>{Name}</h1></a>
  186.  
  187. {block:Description}{Description}{/block:Description}
  188.  
  189. </div>{block:Link}
  190.  
  191. <!--FOTOS-->
  192.  
  193. {block:Photo}<div class="box">
  194.  
  195. <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{NoteCountWithLabel}" class="borda"/>{LinkCloseTag}</center><br />
  196.  
  197. {block:Caption}{Caption}{/block:Caption}<br />
  198.  
  199. </div>
  200.  
  201. {/block:Photo}
  202.  
  203. <!--FRASES-->
  204.  
  205. {block:Quote}<div class="box">
  206.  
  207. <h1>- "{Quote}"</h1>
  208.  
  209. {block:Source}&mdash; {Source}{/block:Source}
  210.  
  211. </div>{/block:Quote}
  212.  
  213. <!--DIALOGOS-->
  214.  
  215. {block:Chat}<div class="box">
  216.  
  217. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  218.  
  219. <table>
  220.  
  221. {block:Lines}
  222.  
  223. <tr>
  224.  
  225. {block:Label}<td class="name">{Label}</td>{block:Label}
  226.  
  227. <td class="words">{Line}</td>
  228.  
  229. </tr>
  230.  
  231. {/block:Lines}
  232.  
  233. </table><br />
  234.  
  235. </div>{/block:Chat}
  236.  
  237. <!--MUSICAS-->
  238.  
  239. {block:Audio}<div class="box">
  240.  
  241. <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  242.  
  243. <center>{AudioPlayerWhite}</centeR>
  244.  
  245. {block:Caption}{Caption}{/block:Caption}<br />
  246.  
  247. </div>
  248.  
  249. {/block:Audio}
  250.  
  251. <!--VIDEOS-->
  252.  
  253. {block:Video}<div class="box">
  254.  
  255. <center>{Video-500}</center>
  256.  
  257. {block:Caption}{Caption}{/block:Caption}<br />
  258.  
  259. </div>{/block:Video}
  260.  
  261. <div class='box'>
  262.  
  263. <div class="dats">
  264.  
  265.  <b>Postado:</b> {DayOfMonth}/{ShortMonth}/{ShortYear} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{Block:IndexPage} | <a href="{ReblogUrl}" target="_blank">reblog this</a>{/Block:IndexPage} | {block:RebloggedFrom}(<a href="{ReblogRootURL}" title="{ReblogRootTitle}">originally</a>
  266.  
  267. </span> / {/block:RebloggedFrom}{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>)<br>{/block:RebloggedFrom}
  268.  
  269. </div></div>
  270.  
  271. <div id="post" style="top: 50px; left: 350px; position: absolute; width: 550px; text-align: justify;">
  272.  
  273. <div id='01' style="display:none"><div class='box'>
  274.  
  275. <h1>About-me</h1><hr>
  276.  
  277. <img src= "{PortraitURL-128}" width='100'/>
  278.  
  279. Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.Sobre vc.
  280.  
  281. </div>
  282.  
  283.     <div class='box'>
  284.  
  285.     <h1>About my Tumblr</h1><hr>
  286.  
  287.     <img src='http://t3.gstatic.com/images?q=tbn:ANd9GcSrPULYOcjdIAjQQwBJOAQOloupcY7kSyktAGltoKa6yZQia49x'>Sobre seu tumblr.Sobre seu tumblr.Sobre seu tumblr.Sobre seu tumblr.Sobre seu tumblr.Sobre seu tumblr.Sobre seu tumblr.Sobre seu tumblr.Sobre seu tumblr.Sobre seu tumblr.Sobre seu tumblr.Sobre seu tumblr.Sobre seu tumblr.
  288.  
  289. </div></div>
  290.  
  291.     <div id='02' style="display:none"><div class='box'>
  292.  
  293.     <h1>F.A.Q</h1><hr>
  294.  
  295.     <b>Pergunta?</b><br>
  296.  
  297.     <b>R:</b><u>Resposta.</u><br>
  298.  
  299.     <b>Pergunta?</b><br>
  300.  
  301.     <b>R:</b><u>Resposta.</u><br>
  302.  
  303.     <b>Pergunta?</b><br>
  304.  
  305.     <b>R:</b><u>Resposta.</u><br>
  306.  
  307.     <b>Pergunta?</b><br>
  308.  
  309.     <b>R:</b><u>Resposta.</u><br>
  310.  
  311.     </div></div>
  312.  
  313.      <div id='03' style="display:none"><div class='box'>
  314.  
  315.     <h1>Créditos</h1><hr>
  316.  
  317. <img src='http://www1.caixa.gov.br/gov/resources/bullet_lista_seta_azul.gif'>
  318.  
  319. <b>Theme MODIFICADO por:</b><a href='http://themes-em-construcao.tumblr.com/
  321. '>Themes em Construção</a><br>
  322.  
  323. <img src='http://www1.caixa.gov.br/gov/resources/bullet_lista_seta_azul.gif'><b>Tutorial i-frame:</b><a href='http://making-themes.tum
  325. blr.com/post/12266368160/menu-falso-iframe'>Marking-Themes.</a><br>
  326.  
  327. <img src='http://www1.caixa.gov.br/gov/resources/bullet_lista_seta_azul.gif'><b>Paginação por:</b> <a href="http://madlyluv.com">Ana Flávia</a><br>
  328.  
  329. <img src='http://www1.caixa.gov.br/gov/resources/bullet_lista_seta_azul.gif'><b>Ajudas com tutoriais:</b> <a href="http://htmland.tumblr.com">Htmland</a> e
  330.  
  331. <a href="http://havingthemes.tumblr.com/">Having Themes</a><br>
  332.  
  333. <img src='http://www1.caixa.gov.br/gov/resources/bullet_lista_seta_azul.gif'><b>Base por:</b> <a href="http://one-lifeone-love.tumblr.com/">Vivian</a><br>
  334. <img src='http://www1.caixa.gov.br/gov/resources/bullet_lista_seta_azul.gif'><b>BG por:</b> <a href="http://magichtml.tumblr.com/">Magic HTML</a>
  335.      </div></div>
  336.  
  337. </div>
  338.  
  339. <div style="position:absolute; width: 388px; right:15px; top:200px; position: fixed; text-align: right;" >
  340.  
  341. <img src="http://fiqueligado.com.br/public/images/uploads/postsconteudo/a_estrada/narnia-the-voyage-of-the-dawn-treader-movie-poster-1.jpg" width="290" >
  342.  
  343. </div>
  344.  
  345. </body>
  346.  
  347. </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!