API tools faq
paste
biahygino

Theme 05 -HTML

biahygino
Feb 3rd, 2012
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.49 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <script type="text/javascript">
  3. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  4. </script>
  5.  
  6. <head>
  7. <link href='http://fonts.googleapis.com/css?family=Mr+Bedfort' rel='stylesheet' type='text/css'>
  8. <title>{title}</title>
  9. <link rel="shortcut icon" href="http://i122.photobucket.com/albums/o260/mhilka/minigifs/balaozinho39.gif" />
  10.  
  11.  
  12. <style type="text/css">
  13. body
  14.  
  15. h1 { text-align:left; font-size:30px; font-family:'<link href='http://fonts.googleapis.com/css?family=Mr+Bedfort' rel='stylesheet' type='text/css'>'; color: #D24E4E; line-height:25px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; border-bottom: 2px solid #eee ;}
  16.  
  17. .box
  18. {text-align:center; border:1px #eee;
  19. margin-left:auto;
  20. margin-right:auto;
  21. width:100%;
  22. margin-bottom: 10px;
  23. background-color:#fff;
  24. text-align:left;
  25. padding:8px;}
  26.  
  27. a {color: #F08080; -webkit-transition-duration: .99s; text-decoration:none;}
  28. a:hover, div.permalink p a:hover {color: #BEBEBE;border: 0px;margin: 0px;filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition-duration: .99s; text-decoration:none;}
  29.  
  30.  
  31. b, strong {color: #D24E4E;}
  32. s strike {color: #D24E4E;}
  33. i, em {color: #D24E4E; }
  34. u, underline {color: #696969; text-decoration: none; border-bottom: 1px dashed #D24E4E;}
  35.  
  36. blockquote {border: 2px dashed #BEBEBE; padding: 3px 3px 3px 8px; margin: 3px;font:normal 11px georgia;}
  37.  
  38. /*** Pagina??o by madlyluv.com ***/#paginacaoml {font-family: verdana;font-size: 11px; font-weight: bold;}#paginacaoml a {background: #ffa9bf;margin: 1px; padding: 2px 5px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius:10px;text-decoration: none;}#paginacaoml a:hover {background: #fff; border: none;color:#777;text-decoration: none;}#paginacaoml span.pagina_atual {background: #fff;margin: 1px; padding: 2px 5px; color: #ffa9bf; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius:10px; }#paginacaoml span.info { margin: 1px; padding: 2px 4px; color: #666; text-decoration: none;}
  39.  
  40. lili {font-family: tahoma; float: left; background:#D24E4E; padding: 9px; text-align: center; margin: 2px; -webkit-border-radius: 5px; font-size: 10pt; color: #fff; width: 28%; float: left; padding: 2px;
  41. }
  42.  
  43. lili:hover {font-family: tahoma; float: left; background:#fff; padding: 9px; text-align: center; margin: 2px; border-radius: 5px; font-size: 10pt; color: #D24E4E; width: 28%; float: left; padding: 2px;
  44. }
  45. img{
  46. margin: 1px;
  47. border: none;
  48. filter: alpha(opacity=75);
  49. moz-opacity:.80;
  50. opacity:.80 ;
  51. -webkit-transition-duration: .50s;
  52. }
  53. img:hover{
  54. margin: 1px;
  55. border: none;
  56. filter: alpha(opacity=100);
  57. moz-opacity:1.0;
  58. opacity:1.0;
  59. }
  60. /*** Foto e Caixa da Descrição ***/
  61.  
  62. .fotosidebar{border-top-left-radius: 50px;border-top-right-radius:50px;}
  63.  
  64. .boxdamê {overflow:hidden; letter-spacing: 1px; text-align: justify; color: #666; font: 11px tahoma; background-color: #FFF; padding:6px; box-shadow: 0px 0px 15px #C1C0C2; -webkit-border-bottom-right-radius: 30px;
  65.  
  66. **** Bordas nas imagens - by MADLYLUV.com ****/
  67.  
  68. .borderimage
  69.  
  70. {border: 1px solid #E9967A;
  71.  
  72. background-color: #E9967A;
  73.  
  74. padding:5px;
  75.  
  76.  
  77.  
  78.  
  79. .borderimage:hover
  80.  
  81. {border: 1px solid #E9967A;
  82.  
  83. background-color: #E9967A;
  84.  
  85. padding:5px;
  86.  
  87. margin:5px;}
  88.  
  89. <img src="http://colourlovers.com.s3.amazonaws.com/images/patterns/1850/1850888.png" border="0" class="borderimage" />
  90.  
  91.  
  92. </style>
  93. </head>
  94.  
  95. <body>
  96. <div style="position:absolute; width: 250px; left:30px; top:120px; position: fixed; text-align: right;" >
  97. <img src="http://25.media.tumblr.com/tumblr_lys5g0eTr21qfh3zko1_250.jpg" onMouseOver="this.src='http://27.media.tumblr.com/tumblr_lys5g0eTr21qfh3zko2_250.jpg'" onMouseOut="this.src='http://25.media.tumblr.com/tumblr_lys5g0eTr21qfh3zko1_250.jpg'" width="265px">
  98. <div class="box">
  99.  
  100. {description}
  101. <div style=" background: url('http://media.tumblr.com/tumblr_lyuc2b7nhX1r6i14u.png'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>
  102. </div>
  103.  
  104. <a href="/"><lili>Home</lili></a>
  105. <span onClick="changeNavigation('02')"><lili>Extras</lili></span>
  106. <span onClick="changeNavigation('03')"><lili>About</lili></span>
  107. <a href="/ask"><lili>Ask</lili></a>
  108. <a href="http://link.com"><lili>LINK</lili></a>
  109. <span onClick="changeNavigation('01')"><lili>Créditos</lili></span><br><BR>
  110. </div>
  111. <div style="position:absolute; width:550px; left: 320px; top:30px; padding-top:0px; z-index:2;">
  112. <br><br><br><p><p><p>
  113.  
  114. <div id="liuc">
  115. {block:Posts}
  116.  
  117. {block:Text}
  118. <div class="box">
  119. <h1>{block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}</h1>
  120. <div>{Body}</div>
  121. <BR>
  122. <div class="h5"><b>Texto</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  123. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  124. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog this!</a></div></div>
  125. {/block:Text}
  126.  
  127. {block:Quote}
  128. <div class="box">
  129. <h1>{Quote}</h1>
  130. {block:Source}&mdash; {Source}{/block:Source}
  131. <div class="h5"><b>Quote</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  132. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  133. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog this!</a></div></div>
  134. {/block:Quote}
  135.  
  136. {block:Answer}
  137. <div class="caixa">
  138.  
  139. <center><div style="background:#DBD9DA; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font:normal 12px tahoma;color:#3D3D3D;padding:7px; text-align: justify; float: left; width: 97%;">{Question}</i></div></center>
  140. <div style="padding-left: 15px;"><img src="http://static.tumblr.com/fndnzot/QBflmal06/minabilder_seta.png"/><br><img src="{AskerPortraitURL-16}" /> <b><span style="text-transform: capitalize;">{Asker}</span></b></div>
  141.  
  142. <p align="justify">{Answer}</p>
  143.  
  144.  
  145.  
  146.  
  147. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  148.  
  149.  
  150. </div>
  151. {/block:Answer}
  152.  
  153. {block:Photo}
  154. <div class="box">
  155. <center>{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" title="{PhotoAlt}" width="494" class="border"/>{LinkCloseTag}</center></a><br>
  156. {block:Caption}{Caption}{/block:Caption}
  157. <div class="h5"><b>Photo</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  158. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  159. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog this!</a></div></div>
  160. {/block:Photo}
  161.  
  162. {block:Chat}
  163. <div class="box">
  164. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  165. <table>
  166. {block:Lines}
  167. <tr>
  168. {block:Label}<td class="name">{Label}</td>{block:Label}
  169. <td class="words">{Line}</td>
  170. </tr>
  171. {/block:Lines}
  172. </table>
  173. <div class="h5"><b>Chat</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  174. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  175. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog this!</a></div></div>
  176. {/block:Chat}
  177.  
  178. {block:Audio}
  179. <div class="box">
  180. <div style="float:right; margin-top: 4px;"><i> {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">Download</a>){/block:ExternalAudio}</div>
  181. <center>{AudioPlayerWhite}</center>
  182. {block:Caption}{Caption}{/block:Caption}
  183. <div class="h5"><b>Audio</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  184. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  185. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog this!</a></div></div>
  186. {/block:Audio}
  187.  
  188. {block:Video}
  189. <div class="box">
  190. <center>{Video-500}</center>
  191. {block:Caption}{Caption}{/block:Caption}<br>
  192. <div class="h5"><b>Video</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  193. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  194. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog this!</a></div></div>
  195. {/block:Video}
  196.  
  197. {/block:Posts}
  198. </div>
  199.  
  200. <center><div id="paginacaoml"><span class="info" style="font-weight: normal;"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}{block:JumpPagination length="5"}{block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</div></center>
  201.  
  202. <div id="03" style="display:none">
  203.  
  204. <div class="box">
  205. <h1>About Me ... </h1><br>
  206.  
  207. <br><center><img src="{PortraitURL-96}" align="right" class="borda">O seu abou vai ficar aqui lalalalalaO seu abou vai ficar aqui lalalalalaO seu abou vai ficar aqui lalalalalaO seu abou vai ficar aqui lalalalalaO seu abou vai ficar aqui lalalalalaO seu abou vai ficar aqui lalalalalaO seu abou vai ficar aqui lalalalalaO seu abou vai ficar aqui lalalalalaO seu abou vai ficar aqui lalalalalaO seu abou vai ficar aqui lalalalalaO seu abou vai ficar aqui lalalalala
  208.  
  209. <div class="box">
  210. <h1>Wish List </h1><br>
  211. <img src="http://stephanielouie.comule.com/material/check28.gif"> consegui <br>
  212. <img src="http://stephanielouie.comule.com/material/check28.gif"> consegui<br>
  213. <img src="http://stephanielouie.comule.com/material/check27.gif">n consegui <br>
  214. <img src="http://stephanielouie.comule.com/material/check28.gif"> consegui<br>
  215. <img src="http://stephanielouie.comule.com/material/check27.gif">não consegui<br>
  216. <img src="http://stephanielouie.comule.com/material/check28.gif">consegui<br>
  217. <img src="http://stephanielouie.comule.com/material/check27.gif"> não consegui<br>
  218. <img src="http://stephanielouie.comule.com/material/check28.gif"> consegui<br>
  219. <div class="box">
  220. <h1>FAQ </h1><br>
  221. <b>Pergunta</b>:<i>Resposta</i><br><b>Pergunta</b>:<i>Resposta</i><br>
  222. <b>Pergunta</b>:<i>Resposta</i><br>
  223. <b>Pergunta</b>:<i>Resposta</i><br>
  224. <b>Pergunta</b>:<i>Resposta</i><br>
  225. <b>Pergunta</b>:<i>Resposta</i><br>
  226. <b>Pergunta</b>:<i>Resposta</i><br>
  227.  
  228.  
  229.  
  230.  
  231.  
  232.  
  233. </div></div>
  234.  
  235. <div id="02" style="display:none">
  236.  
  237. <div class="box">
  238. <h1>Sobre o Tumblr </h1><br>
  239. Escreva por que criou o tumblr , blablablablá
  240. Escreva por que criou o tumblr , blablablablá
  241. Escreva por que criou o tumblr , blablablablá
  242. Escreva por que criou o tumblr , blablablablá
  243. Escreva por que criou o tumblr , blablablablá
  244. Escreva por que criou o tumblr , blablablablá
  245. Escreva por que criou o tumblr , blablablablá
  246. Escreva por que criou o tumblr , blablablablá
  247. Escreva por que criou o tumblr , blablablablá
  248. Escreva por que criou o tumblr , blablablablá
  249. Escreva por que criou o tumblr , blablablablá
  250. Escreva por que criou o tumblr , blablablablá
  251. Escreva por que criou o tumblr , blablablablá
  252. Escreva por que criou o tumblr , blablablablá
  253.  
  254. <div class="box">
  255. <h1>Recomendo eles ! </h1><br>
  256. <a href="www.link.tumblr.com"><img src="http://media.tumblr.com/tumblr_lvl802NM3P1qh3c2g.png" height="100" width="80"/></a>
  257. <a href="www.link.tumblr.com"><img src="http://media.tumblr.com/tumblr_lvl7w0mDqP1qh3c2g.png" height="100" width="80"/></a>
  258. <a href="www.link.tumblr.com"><img src="http://media.tumblr.com/tumblr_lvl7wpMdeT1qh3c2g.png" height="100" width="80"/>
  259. </a><a href="www.link.tumblr.com"><img src="http://media.tumblr.com/tumblr_lvl7xfhB7Q1qh3c2g.png" height="100" width="80"/></a>
  260. </a><a href="www.link.tumblr.com"><img src="http://media.tumblr.com/tumblr_lvl7yuZ1qT1qh3c2g.png" height="100" width="80"/></a>
  261. </a><a href="www.link.tumblr.com"><img src="http://media.tumblr.com/tumblr_lvl7y1PeC11qh3c2g.png" height="100" width="80"/></a>
  262. <br>
  263. <div class="box">
  264. <h1> Redes Sociais </h1><br>
  265. <div align="center">
  266.  
  267. <span style="padding-left: 0px;"><a href="LINK DO SEU GOOGLE+ AQUI" style="text-decoration: none;" target="_blank" title="Meu Perfil no Google+"><img class="none" height="32" src="http://www.csthost.com.br/wp-content/themes/graphene/images/csthost-google-plus.png" width="32" /></a> </span>
  268.  
  269. <span style="padding-left: 5px;"><a href="LINK DO SEU TWITTER AQUI" style="text-decoration: none;" target="_blank" title="Meu Perfil no Twitter"><img class="none" height="32" src="http://dyogophoenix.webs.com/Oficial/Imagens/hovers/Twitter2.png" width="32" /></a> </span>
  270.  
  271. <span style="padding-left: 5px;"><a href="LINK DO SEU FACEBOOK AQUI" style="text-decoration: none;" target="_blank" title="Meu Perfil no Facebook"><img class="none" height="32" src="http://dyogophoenix.webs.com/Imagem/Icones/facebook.png" width="32" /></a> </span>
  272. <span style="padding-left: 5px;"><a href="LINK DO SEU WEHEARTIT AQUI" style="text-decoration: none;" target="_blank" title="Meu Perfil no WeHeartIt"><img class="none" height="32" src="http://media.tumblr.com/tumblr_lvlanyH4UF1qh3c2g.png" width="32" /></a> </span>
  273.  
  274. <span style="padding-left: 5px;"><a href="LINK DO SEU ORKUT AQUI" style="text-decoration: none;" target="_blank" title="Meu Perfil no Orkut"><img class="none" height="32" src="http://dyogophoenix.webs.com/Oficial/Imagens/hovers/orkut.png" width="32" /></a> </span>
  275.  
  276. <span style="padding-left: 5px;"><a href="LINK DO SEU YOUTUBE AQUI" style="text-decoration: none;" target="_blank" title="Meu Perfil no Youtube"><img class="none" height="32" src="http://dyogophoenix.webs.com/Oficial/Imagens/hovers/youtube2.png" width="32" /></a> </span>
  277.  
  278. </div>
  279.  
  280.  
  281. </div></div>
  282. <div id="01" style="display:none">
  283.  
  284. <div class="box">
  285. <h1>Créditos</h1><br>
  286. Theme modificado,editado e customizado por: <a href="http://s-smiling.tumblr.com/">Beatriz Hygino</a><br>
  287. Base por: <a href="http://seraeuoueu.tumblr.com">Eliete</a>, <a href="http://justmythemes.tumblr.com/">JMT</a><BR>
  288. Agradecimentos a: <a href="http://ilovehtml.tumblr.com/">Ilovehtml</a>,por alguns tutoriais úteis.<br> <a href="http://www.w3schools.com/Css/">w3schools</a>, pela imensa ajuda.<br> <a href="http://madlyluv.com">madlyluv</a>, pela paginação e outros códigos e imensamente a <href="http://designsforu.tumblr.com/tagged/icons">Desinigs for You</a>
  289. <br>
  290. <br><b>Proíbida a cópia total ou parcial desse theme. Plágio é crime! Lei Federal de Direitos Autorais de nº 9610, desde 19 de Fevereiro de 1998. - Copyright © 2011. </b>
  291.  
  292.  
  293. </div></div>
  294.  
  295.  
  296.  
  297.  
  298.  
  299. </body>
  300.  
  301.  
  302.  
  303. </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!