Advertisement
thmslet

thme familia knowles

Feb 8th, 2017
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.66 KB | None | 0 0
  1. <!-- Esses códigos permitem que o theme seja visualizado corretamente em todos os navegadores -->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head profile="http://gmpg.org/xfn/11">
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12. <!-- •----------------------------------•
  13. ▀ | THEME FEITO POR EXBAD | ▀
  14. ▀ | NÃO COPIE - NÃO SE INSPIRE | ▀
  15. ▀ | ----------------- | ▀
  16. ▀ | EXCLUSIVO PARA FAMILIA KNOWLES | ▀
  17. •----------------------------------•
  18. -->
  19.  
  20.  
  21.  
  22.  
  23. <!-- Favicon: Imagem pequena que fica na aba do navegador.
  24. {favicon} é a sua Dash/Icon do seu tumblr, caso queira outra coisa é só apagar ele e colocar a URL do novo favicon -->
  25. <link rel="shortcut icon" href="{favicon}">
  26.  
  27.  
  28.  
  29. <!-- Efeito "digitando" do titulo na aba do navegador -->
  30. <script type="text/javascript"> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "{title}"; tb8_messages[1] = "{title}"; tb8_messages[2] = "{title}"; tb8_messages[3] = "{title}"; tb8_messages[4] = "{title}"; tb8_messages[5] = "{title}";
  31. tb8_messages[6] = "{title}"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 100; tb8_delay = 2000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>
  32.  
  33.  
  34. <!-- Appearance: IMAGE = IMAGEM. COLOR = COR. TEXT = TEXTO -->
  35. <meta name="image:sidebar" content=""/>
  36.  
  37. <meta name="color:background" content="#949494"/>
  38. <meta name="color:links hover" content="#000"/>
  39. <meta name="color:detalhes" content="#ff565f"/>
  40. <meta name="color:barras" content="#272c33"/>
  41. <meta name="color:detalhes2" content="#000"/>
  42.  
  43. <meta name="text:link1" content=""/>
  44. <meta name="text:link1 titulo" content=""/>
  45. <meta name="text:link2" content=""/>
  46. <meta name="text:link2 titulo" content=""/>
  47. <meta name="text:link3" content=""/>
  48. <meta name="text:link3 titulo" content=""/>
  49. <meta name="text:link4" content=""/>
  50. <meta name="text:link4 titulo" content=""/>
  51. <meta name="text:link5" content=""/>
  52. <meta name="text:link5 titulo" content=""/>
  53.  
  54.  
  55. <link href="https://fonts.googleapis.com/css?family=Anton|Bungee|Bungee+Inline|Dancing+Script|Francois+One|Lobster+Two|Oswald|Passion+One|Russo+One" rel="stylesheet">
  56.  
  57.  
  58. </head>
  59.  
  60.  
  61.  
  62. <style type="text/css" media="screen">
  63.  
  64. /* INICIO DO CSS*/
  65.  
  66.  
  67. /* Configurações básicas e gerais: Aqui voce vai colocar a cor do fundo do theme, fonte geral, tamanho da fonte, alinhamento dos textos*/
  68. body{background:{color:background}; color:#eee; font-family:tahoma; font-size:11px; text-align:left;}
  69.  
  70.  
  71.  
  72. /* Links*/
  73. a{color:{color:detalhes}; text-decoration:none;}
  74. a:hover{color:{color:background};}
  75.  
  76.  
  77.  
  78.  
  79. /* Barra de rolagem*/
  80. ::-webkit-scrollbar{width:5px; height:5px; background:{color:background};}
  81. ::-webkit-scrollbar-thumb{background:{color:background};}
  82.  
  83.  
  84.  
  85.  
  86. /* Alinhamento dos posts*/
  87. #charmours-post{margin-top:170px; margin-left:250px; width:1100px; padding-bottom:30px;}
  88. /* Esse "padding-bottom:30px;" é o espaço para a skin não ficar em cima do post da página interna, como a de tutorial*/
  89.  
  90.  
  91.  
  92.  
  93. /* Caixas dos posts: Se mudar o tamanho das caixas tem que mudar o tamanho das imagens também*/
  94. .charmours-caixas{position:relative; float:left; display:inline-block; width:200px; padding:10px; background:#313131; margin:5px; overflow:hidden; transition:1s;}
  95. .charmours-caixas img{max-width:200px;}
  96.  
  97.  
  98.  
  99.  
  100. /* Imagem dos posts (aqui NÃO edita o photoset (várias fotos em um post)*/
  101. .imagens_charmours img{width:200px;}
  102.  
  103.  
  104.  
  105.  
  106. /* Bloqueio do Via e Source*/
  107. .vsanna{display:none;}
  108.  
  109.  
  110.  
  111.  
  112. /* Titulo dos posts*/
  113. titulo{text-decoration:none;}
  114.  
  115.  
  116.  
  117.  
  118. /* Blockquote*/
  119. blockquote{margin:5px; padding:5px; background:#313131;}
  120.  
  121.  
  122.  
  123.  
  124.  
  125. /* NOTES:LEIA ISSO! N-Ã-O EDITE E COLOQUE SOMENTE SEUS CREDITOS, QUERENDO OU NAO O CÓDIGO É MEU! EDITOU? COLOQUE MEUS CREDITOS TAMBÉM!*/
  126.  
  127. /* Notes dos textos*/
  128. .notes_charmours{margin-top:4px; margin-bottom:-8px; margin-left:-10px; width:55px; padding:0 0 3px 3px; text-align:left; font-size:8px; height:9px; line-height:11px; font-family:'Consolas'; text-transform:uppercase; background:#313131; border-radius:0 5px 5px 0; transition:1s;}
  129. .notes_charmours a{color:#aaa;}
  130. .notes_charmours a:hover{color:{color:detalhes};}
  131.  
  132.  
  133.  
  134.  
  135. /* Notes das fotos*/
  136. .notes_charmours2{position:absolute; width:180px; margin-top:-50px; text-align:center; opacity:0; transition:1s;}
  137. .notes_charmours2 a:hover{color:{color:detalhes2};}
  138. .charmours-caixas:hover .notes_charmours2{opacity:1; transition:1s;}
  139.  
  140. .wn1{display:inline-block;}
  141. .wn1 a{display:inline-block; padding:5px; width:20px; height:20px; background:rgba(255,255,255,.2); font-size:15px; color:{color:detalhes}; border-radius:20px;}
  142.  
  143. .wn2{display:inline-block;}
  144. .wn2 a{display:inline-block; padding:5px; width:20px; height:20px; background:rgba(255,255,255,.2); font-size:15px; color:{color:detalhes}; border-radius:20px;}
  145.  
  146. .wn3{display:inline-block;}
  147. .wn3 a{display:inline-block; padding:5px; width:20px; height:20px; background:rgba(255,255,255,.2); font-size:15px; color:{color:detalhes}; border-radius:20px;}
  148.  
  149.  
  150.  
  151.  
  152.  
  153. /* Ask: Mesma regra dos notes!*/
  154. .pergunta{width:auto; height:auto; padding:5px; text-align:left; outline-offset:-3px; background:{color:detalhes2}; text-transform:uppercase; font-size:8px;}
  155. .pergunta img {border-radius: 1000px;width:35px; float:left; padding-right:5px;padding-bottom:5px;}
  156. .resposta{margin-top:3px; width:200px; height:auto; text-align:left; border-top:2px solid {color:detalhes}; text-transform:uppercase; font-size:8px;}
  157.  
  158.  
  159.  
  160.  
  161.  
  162. /* Quotes*/
  163. .quote_charmours{text-align:center;}
  164. /* Source dos quotes: Quem escreveu o texto.*/
  165. .source_charmours{margin-top:5px; width:190px; height:10px; line-height:17px; margin-left:5px; text-align:right; border-top:2px solid {color:detalhes}; font-weight:bold; text-transform:uppercase; font-size:8px;}
  166.  
  167.  
  168.  
  169.  
  170.  
  171. /* Sidebar*/
  172. .side-ch{z-index:8;position:fixed; top:0px; left:0px; width:180px; height:1000px; background:{color:barras}; transition:1s;box-shadow:inset 2px 2px 3px {color:detalhes2}, inset -2px -2px 2px rgba(0,0,0,.5);}
  173.  
  174.  
  175.  
  176.  
  177.  
  178. /* Descrição da side*/
  179. .side-ch-descricao{margin-top:300px; margin-left:10px; padding:5px; width:120px; text-align:center; font-size:8px; text-transform:uppercase; background:transparent;}
  180.  
  181.  
  182.  
  183.  
  184. /* Menu/Links*/
  185. .menu{width:200px; height:20px; margin-top:-102px; margin-left:560px; position:fixed; font-family:arial; text-align:center;background-color:transparent;z-index:9;}
  186.  
  187. /* Links do menu*/
  188. .menu a {;line-height:20px; text-align: center; padding:4px; background-color:{color:detalhes}; border: 1px solid {color:detalhes}; color:#fff; font-size:13px;text-transform:uppercase;z-index:9;margin:3px;}
  189.  
  190.  
  191.  
  192. .faixa5 {position:fixed;margin-top:-50px; margin-left:0px;position: fixed;background-color:{color:barras}; height:10px;width:100%;z-index:8;}
  193.  
  194. .faixa4 {position:fixed;margin-top:-170px; margin-left:0px;position: fixed;background-color:{color:barras}; height:30px;width:100%;z-index:8;}
  195.  
  196. .faixa7 {position:fixed;margin-top:-172px;right:60px;position: fixed;background-color:{color:barras}; height:100%;width:30px;z-index:8;}
  197.  
  198. .faixa6 {position:fixed;margin-top:-150px; margin-left:0px;position: fixed;background-color:{color:background}; height:108px;width:100%;z-index:7;}
  199.  
  200. .tit1{position: fixed; width:auto; height:auto; line-height:5px; margin-top:-135px; margin-left:600px; font-family: 'Russo One', sans-serif; text-align:left; font-weight:normal; color:{color:detalhes2}; text-shadow:1px 1px 0 #fff; font-size:60px;z-index:9;text-transform:uppercase;}
  201.  
  202. .tit{position: fixed; width:auto; height:auto; line-height:22px; margin-top:-120px; margin-left:750px; font-family:'Lobster Two', cursive; text-align:left; font-weight:normal; color:{color:detalhes}; text-shadow:2px 2px 0 {color:detalhes2}; font-size:60px;z-index:9;}
  203.  
  204. .tit2{position: fixed; width:auto; height:auto; line-height:22px; margin-top:-95px; margin-left:0px; font-family:'Lobster Two', cursive; text-align:left; font-weight:normal; color:{color:detalhes}; text-shadow:2px 2px 0 {color:detalhes2}; font-size:65px;z-index:9;}
  205.  
  206. /*moderadores*/
  207.  
  208. .moder1{position:fixed; top:27px; right:53px; width:51px; height:auto; padding:5px; z-index:9;}
  209. .moder2{position:fixed; top:340px; right:53px; width:51px; height:auto; padding:4px; z-index:9999;}
  210. .lala1{display:inline-block; margin:5px; width:50px; height:50px;}
  211. .lala2 img{display:inline-block; margin:0px; width:45px; height:45px; background:{color:detalhes};padding:5px; box-shadow:inset 1px 1px 2px rgba(255,255,255,.4), inset -1px -1px 2px rgba(0,0,0,.9);border-radius:50%;}
  212. .nome{width:50px; margin-top:30px; margin-left:0px; position:absolute; background:#cccccc; border:2px solid {color:detalhes}; font-family:'Oswald', sans-serif;; font-size:9px; text-align:center; color:{color:detalhes2}; opacity:0; padding:2px; transition-duration: 1.0s;text-transform:uppercase;border-radius: 10px 0px 10px 0px;}
  213. .lala2:hover .nome{opacity:10; transition-duration: 1.0s;}
  214.  
  215. .enquete{position:fixed ;margin-top:-0px;margin-left:85px;width:120px;height:auto;;z-index:9999999;background:transparent;}
  216. .enquete img{width:30px;height:30px;border:3px solid {color:detalhes};padding:3px ;margin:3px;box-shadow:inset 0px 0px 0px rgba(0,0,0,.4), 1px 1px 1px rgba(0,0,0,.4);transition:1s}
  217.  
  218. .dest1{position:fixed; top:280px; margin-left:9px; width:145px; height:38px; background:{color:detalhes2}; box-shadow:inset 1px 1px 1px rgba(255,255,255,.1), inset -2px -2px 2px {color:detalhes}; padding:5px; z-index:9;}
  219. .dest3{position:fixed; width:185px; height:91px; margin-top:2px; margin-left:0px; text-align:left; padding:1px; z-index:9;}
  220. .dest3 img{width:25px; height:25px; display:inline-block; color:#fff; text-transform:uppercase; margin:1px; padding:3px; background:{color:detalhes};}
  221.  
  222. .fas1{position:fixed; top:360px; margin-left:9px; width:145px; height:38px; background:{color:detalhes2}; box-shadow:inset 1px 1px 1px rgba(255,255,255,.1), inset -2px -2px 2px {color:detalhes}; padding:5px; z-index:9;}
  223. .fas3{position:fixed; width:185px; height:91px; margin-top:2px; margin-left:0px; text-align:left; padding:1px; z-index:9;}
  224. .fas3 img{width:25px; height:25px; display:inline-block; color:#fff; text-transform:uppercase; margin:1px; padding:3px; background:{color:detalhes};}
  225.  
  226. .top1{position:fixed; top:440px; margin-left:9px; width:145px; height:45px; background:{color:detalhes2}; box-shadow:inset 1px 1px 1px rgba(255,255,255,.1), inset -2px -2px 2px {color:detalhes}; padding:5px; z-index:9;}
  227. .top3{position:fixed; width:185px; height:91px; margin-top:2px; margin-left:20px; text-align:left; padding:1px; z-index:9;}
  228. .top3 img{width:25px; height:25px; display:inline-block; color:#fff; text-transform:uppercase; margin:1px; padding:3px; background:{color:detalhes};}
  229.  
  230. .parc1{position:fixed; top:530px; margin-left:10px; width:143px; height:85px; background:{color:detalhes2}; padding:5px; box-shadow:inset 1px 1px 1px rgba(255,255,255,.1), inset -2px -2px 2px {color:detalhes}; z-index:9;}
  231.  
  232. .parc2{position:fixed; margin-top:5px; margin-left:5px; width:127px; height:79px; overflow:auto;}
  233. .parc2 a{width:17px; height:17px; line-height:17px; display:inline-block; color:{color:detalhes2}; text-transform:uppercase;font-size:10px; font-family'Russo One', sans-serif; text-align:center; margin:1px; padding:3.5px; background:{color:detalhes}; box-shadow:-1px 1px 1px {color:detalhes2};font-weight:bold;}
  234.  
  235. /* TAGS */
  236.  
  237. .tags1{position:fixed; top:45px; margin-left:10px; width:143px; height:105px; background:{color:detalhes2}; padding:5px; box-shadow:inset 1px 1px 1px rgba(255,255,255,.1), inset -2px -2px 2px {color:detalhes}; z-index:9;}
  238.  
  239. .tags2{position:fixed; margin-top:5px; margin-left:5px; width:150px; height:100px; overflow:auto;}
  240. .tags2 a{width:30px; height:15px; line-height:17px; display:inline-block; color:{color:detalhes}; text-transform:lowercase;font-size:10px; font-family'Russo One', sans-serif; text-align:center; margin:1px; padding:3.5px; background:{color:detalhes2}; box-shadow:-1px 1px 1px {color:detalhes2};font-weight:bold;}
  241.  
  242. /* SUPREME */
  243.  
  244. .kq{position:fixed; top:0px; margin-left:180px; width:100px; height:40px; background:transparent; ; padding:5px; -webkit-transition-duration: 1s; z-index:10;}
  245. .kq1{;position:fixed; width:185px; height:90px; margin-top:0px; margin-left:10px; text-align:left; padding:3px; z-index:-9;}
  246. .kq1 img{;width:35px; height:35px; display:inline-block; color:#fff; text-transform:uppercase; margin:8px; padding:1px; background:; box-shadow:1px 1px 1px color;border:3px solid {color:detalhes};}
  247.  
  248.  
  249. /* FIM DO CSS */
  250.  
  251. </style>
  252.  
  253.  
  254.  
  255.  
  256. <body onkeydown="return false">
  257.  
  258. <!-- MODERADORES1 -->
  259. <div class="moder1">
  260. <div class="lala1">
  261. <div class="lala2"> <a href="http://familiaknowles.tumblr.com/"><div class="nome">nome</div> <img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a></div></div>
  262.  
  263.  
  264. <div class="lala1">
  265. <div class="lala2"> <a href="http://familiaknowles.tumblr.com"><div class="nome">nome</div> <img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a></div></div>
  266.  
  267. <div class="lala1">
  268. <div class="lala2"> <a href="http://familiaknowles.tumblr.com/"><div class="nome">nome</div> <img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a></div></div>
  269.  
  270.  
  271. <div class="lala1">
  272. <div class="lala2"> <a href="http://familiaknowles.tumblr.com/"><div class="nome">nome</div> <img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a></div></div>
  273.  
  274. <div class="lala1">
  275. <div class="lala2"> <a href="http://familiaknowles.tumblr.com/"><div class="nome">nome</div> <img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a></div></div> </div>
  276.  
  277. <!-- MODERADORES2-->
  278. <div class="moder2">
  279. <div class="lala1">
  280. <div class="lala2"> <a href="http://familiaknowles.tumblr.com/"><div class="nome">nome</div> <img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a></div></div>
  281.  
  282. <div class="lala1">
  283. <div class="lala2"> <a href="http://familiaknowles.tumblr.com/"><div class="nome">nome</div> <img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a></div></div>
  284.  
  285. <div class="lala1">
  286. <div class="lala2"> <a href="http://familiaknowles.tumblr.com/"><div class="nome">nome</div> <img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a></div></div>
  287. </div>
  288.  
  289.  
  290. <a style="z-index:10;position:fixed; right:45px; bottom:40px; font-family:tahoma; font-size:10px;padding:5px; width:50px;color:{color:detalhes2}; background:{color:detalhes};text-decoration: none; " href="http://exbad.co.vu" title="theme feito por exbad, exclusivo para uso da familia knowles.">theme por: <b>exbad</b></a>
  291.  
  292.  
  293. <div class="tit1">Familia</div>
  294. <div class="tit">Knowles</div>
  295. <div class="faixa4"></div>
  296. <div class="faixa5"></div>
  297. <div class="faixa6"></div>
  298. <div class="faixa7"></div>
  299.  
  300. <!-- Menu/Links-->
  301. <div class="menu">
  302. <a href="{text:link1}"title="{text:link1 titulo}"><i class="fa fa-home" arial-hidden="true"></i></a>
  303. <a href="{text:link2}" title="{text:link2 titulo}"><i class="fa fa-envelope" arial-hidden="true"></i></a>
  304. <a href="{text:link3}"title="{text:link3 titulo}"><i class="fa fa-pencil" arial-hidden="true"></i></a>
  305. <a href="{text:link4}" title="{text:link4 titulo}"><i class="fa fa-heart" arial-hidden="true"></i></a>
  306. <a href="{text:link5}" title="{text:link5 titulo}"><i class="fa fa-star" arial-hidden="true"></i></a>
  307.  
  308. </div>
  309.  
  310.  
  311. <div class="side-ch"> <!-- Inicio da sidebar-->
  312. </div> <!-- Fim da sidebar-->
  313.  
  314.  
  315.  
  316. <!-- ENQUETE -->
  317.  
  318. <a style="z-index:10;width:55px;position:fixed; left:10px; top:190px; font-family:'Russo One', sans-serif; text-align:center;font-size:10px; padding:5px;color:{color:detalhes2}; background:{color:detalhes};text-decoration: none;box-shadow:inset 1px 1px 2px {color:detalhes2}, inset -1px -1px 1px {color:detalhes2};">ENQUETE</a>
  319.  
  320. <a style="z-index:10;position:fixed; left:7px; top:220px; font-family:'Russo One', sans-serif; font-size:9px; text-align:center;width:145px;padding:5px;text-transform:uppercase;color:{color:background}; background:{color:detalhes2};text-decoration: none;box-shadow:inset 1px 1px 2px {color:detalhes2}, inset -2px -2px 2px {color:detalhes};">melhor tumblr gangsta</a>
  321.  
  322. <div class="enquete">
  323. <a href="http://familiaknowles.tumblr.com/" title="Em breve"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a>
  324. </div>
  325.  
  326. <!-- DESTAQUES -->
  327.  
  328. <a style="z-index:10;width:70px;position:fixed; left:8px; top:255px; font-family:'Russo One', sans-serif; text-align:center;font-size:10px; padding:5px;color:{color:detalhes2}; background:{color:detalhes};text-decoration: none;box-shadow:inset 1px 1px 2px {color:detalhes2}, inset -1px -1px 1px {color:detalhes2};">DESTAQUES</a>
  329.  
  330. <div class="dest1">
  331. <div class="dest3">
  332.  
  333. <a href="http://familiaknowles.tumblr.com/" title="em breve" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a>
  334.  
  335. <a href="http://familiaknowles.tumblr.com/" title="em breve" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a>
  336.  
  337. <a href="http://familiaknowles.tumblr.com/" title="em breve" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a>
  338.  
  339. <a href="http://familiaknowles.tumblr.com/" title="em breve" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a>
  340. </div></div>
  341.  
  342. <!-- BIGGEST FAS -->
  343.  
  344. <a style="z-index:10;width:70px;position:fixed; left:8px; top:335px; font-family:'Russo One', sans-serif; text-align:center;font-size:10px; padding:5px;color:{color:detalhes2}; background:{color:detalhes};text-decoration: none;box-shadow:inset 1px 1px 2px {color:detalhes2}, inset -1px -1px 1px {color:detalhes2};">BIGGEST FÃS</a>
  345.  
  346. <div class="fas1">
  347. <div class="fas3">
  348. <a href="http://familiaknowles.tumblr.com/" title="em breve" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a>
  349.  
  350. <a href="http://familiaknowles.tumblr.com/" title="em breve" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a>
  351.  
  352. <a href="http://familiaknowles.tumblr.com/" title="em breve" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a>
  353.  
  354. <a href="http://familiaknowles.tumblr.com/" title="em breve" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a><br> </div></div>
  355.  
  356. <!-- TOP 3 -->
  357.  
  358. <a style="z-index:10;width:70px;position:fixed; left:8px; top:415px; font-family:'Russo One', sans-serif; text-align:center;font-size:10px; padding:5px;color:{color:detalhes2}; background:{color:detalhes};text-decoration: none;box-shadow:inset 1px 1px 2px {color:detalhes2}, inset -1px -1px 1px {color:detalhes2};">NOSSO TOP 3</a>
  359.  
  360. <div class="top1">
  361. <div class="top3">
  362. <a href="http://familiaknowles.tumblr.com/" title="em breve" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a>
  363.  
  364. <a href="http://familiaknowles.tumblr.com/" title="em breve" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a>
  365.  
  366. <a href="http://familiaknowles.tumblr.com/" title="em breve" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a><br></div></div>
  367.  
  368. <!-- PARCEIROS -->
  369.  
  370. <a style="z-index:10;width:70px;position:fixed; left:8px; top:500px; font-family:'Russo One', sans-serif; text-align:center;font-size:10px; padding:5px;color:{color:detalhes2}; background:{color:detalhes};text-decoration: none;box-shadow:inset 1px 1px 2px {color:detalhes2}, inset -1px -1px 1px {color:detalhes2};">PARCEIROS</a>
  371.  
  372.  
  373. <div class="parc1">
  374. <div class="parc2">
  375. <a href="" title="Pede na ask">?</a>
  376. <a href="" title="Pede na ask">?</a>
  377. <a href="" title="Pede na ask">?</a>
  378. <a href="" title="Pede na ask">?</a>
  379. <a href="" title="Pede na ask">?</a>
  380. <a href="" title="Pede na ask">?</a>
  381. <a href="" title="Pede na ask">?</a>
  382. <a href="" title="Pede na ask">?</a>
  383. <a href="" title="Pede na ask">?</a>
  384. <a href="" title="Pede na ask">?</a>
  385. <a href="" title="Pede na ask">?</a>
  386. <a href="" title="Pede na ask">?</a>
  387. <a href="" title="Pede na ask">?</a>
  388. <a href="" title="Pede na ask">?</a>
  389. <a href="" title="Pede na ask">?</a>
  390.  
  391. <a href="" title="Pede na ask">?</a>
  392. <a href="" title="Pede na ask">?</a>
  393. <a href="" title="Pede na ask">?</a>
  394. <a href="" title="Pede na ask">?</a>
  395. <a href="" title="Pede na ask">?</a>
  396. <a href="" title="Pede na ask">?</a>
  397. <a href="" title="Pede na ask">?</a>
  398. <a href="" title="Pede na ask">?</a>
  399. <a href="" title="Pede na ask">?</a>
  400. <a href="" title="Pede na ask">?</a>
  401. <a href="" title="Pede na ask">?</a>
  402. <a href="" title="Pede na ask">?</a>
  403. <a href="" title="Pede na ask">?</a>
  404. <a href="" title="Pede na ask">?</a>
  405. <a href="" title="Pede na ask">?</a> </div></div> </div>
  406.  
  407. <a style="z-index:10;width:100px;position:fixed; left:30px; top:20px; font-family:'Russo One', sans-serif; text-align:center;font-size:10px; padding:5px;color:{color:detalhes2}; background:{color:detalhes};text-decoration: none;box-shadow:inset 1px 1px 2px {color:detalhes2}, inset -1px -1px 1px {color:detalhes2};">NOSSAS TAGS</a>
  408.  
  409. <div class="tags1">
  410. <div class="tags2">
  411. <a href="">#tag</a>
  412. <a href="">#tag</a>
  413. <a href="">#tag</a>
  414. <a href="">#tag</a>
  415. <a href="">#tag</a>
  416. <a href="">#tag</a>
  417. <a href="">#tag</a>
  418. <a href="">#tag</a>
  419. <a href="">#tag</a>
  420. <a href="">#tag</a>
  421. <a href="">#tag</a>
  422. <a href="">#tag</a>
  423. </div></div> </div>
  424.  
  425. <a style="z-index:10;position:fixed; left:760px; top:95px; font-family:tahoma; font-size:10px; text-align:center;height:auto;width:110px;padding:3px;text-transform:uppercase;color:{color:detalhes}; background:#4f4f4e;text-decoration: none;text-shadow:1px 1px 0px {color:detalhes2}; box-shadow:1px 1px 1px {color:detalhes2};">vagas parcerias: on</a>
  426.  
  427. <a style="z-index:10;position:fixed; left:880px; top:95px; font-family:tahoma; font-size:10px; text-align:center;height:auto;width:110px;padding:3px;text-transform:uppercase;color:{color:detalhes}; background:#4f4f4e;text-decoration: none;text-shadow:1px 1px 0px {color:detalhes2}; box-shadow:1px 1px 1px {color:detalhes2};">vagas membros: on</a>
  428.  
  429. <!-- CONTADORES -->
  430.  
  431. <div style="position:fixed; width:70px; height:auto; margin-top:-75px; margin-left:570px; font-family:'Tahoma'; text-transform:uppercase; font-size:10px; text-align:center; color:{color:detalhes2}; background:#4f4f4e; text-shadow:1px 1px 0px {color:detalhes2}; letter-spacing:1px; box-shadow:1px 1px 1px {color:detalhes2};z-index:9;padding:3px;">
  432. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5357407";
  433. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  434. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Online &e2=Onlines&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  435. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>"); </script> </div>
  436.  
  437. <div style="position:fixed; width:100px; height:auto; margin-top:-75px; margin-left:650px; font-family:'Tahoma'; text-transform:uppercase; font-size:10px; text-align:center; color:#fff; background:#4f4f4e; text-shadow:1px 1px 0px {color:detalhes2}; letter-spacing:1px; box-shadow:1px 1px 1px {color:detalhes2};z-index:9;padding:3px;">
  438. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3173312";
  439. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=Visits&a=1";
  440. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>"); </script> </div>
  441.  
  442. <!-- SUPREME -->
  443.  
  444. <div class="kq">
  445. <div class="kq1">
  446.  
  447. <a href="http://familiaknowles.tumblr.com/" title="QUEEN" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a>
  448.  
  449. <a href="http://familiaknowles.tumblr.com/" title="KING" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiaknowles.tumblr.com/avatar/96/"></a></div>
  450. </div>
  451.  
  452. <a style="z-index:10;position:fixed; left:213px; top:60px; font-family:'Russo One', sans-serif; font-size:10px; text-align:center;width:40px;padding:5px;text-transform:uppercase;color:{color:background}; background:{color:detalhes2};text-decoration: none;box-shadow:inset 1px 1px 2px {color:detalhes2}, inset -2px -2px 2px {color:detalhes};">QUEEN</a>
  453.  
  454. <a style="z-index:10;position:fixed; left:275px; top:60px; font-family:'Russo One', sans-serif; font-size:10px; text-align:center;width:40px;padding:5px;text-transform:uppercase;color:{color:background}; background:{color:detalhes2};text-decoration: none;box-shadow:inset 1px 1px 2px {color:detalhes2}, inset -2px -2px 2px {color:detalhes};">KING</a>
  455.  
  456.  
  457. <script type="text/javascript">
  458. endereco = "https://68.media.tumblr.com/e42d1953abe092d2c9eec52ad46f1d15/tumblr_ohoyo7gpgD1vfxlvuo1_75sq.png";
  459. </script>
  460. <script type="text/javascript" src="http://tumbletricks.webs.com/neve-novocodigo.js"></script>
  461.  
  462.  
  463.  
  464.  
  465. <div id="charmours-post"> <!-- Div do Post-->
  466. {block:Posts}
  467. <div class="charmours-caixas"> <!-- Div das Caixas dos posts-->
  468.  
  469.  
  470.  
  471.  
  472. <!-- Textos-->
  473. {block:Text}
  474. {block:Title}<titulo><center>{Title}</center></titulo>{/block:Title}
  475. {body}
  476.  
  477.  
  478. <!-- Notes dos textos-->
  479. {block:indexpage}
  480. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  481.  
  482. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  483. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  484. </div>{/block:indexpage}
  485. {/block:Text}
  486.  
  487.  
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494. <!-- Fotos-->
  495. {block:Photo}
  496. <div class="imagens_charmours"><img src="{PhotoURL-250}"></div>
  497.  
  498.  
  499. <!-- NOTES DAS FOTOS-->
  500. {block:indexpage}
  501. <div class="notes_charmours2">
  502.  
  503. <div class="wn1"><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-folder-open"></i></a></div>
  504. <div class="wn2"><a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet"></i></a></div>
  505. <div class="wn3"><a href="{Permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i></a></div>
  506.  
  507. </div>
  508. {/block:indexpage}
  509. {/block:Photo}
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517.  
  518. <!-- Photoset (varias fotos em um post)-->
  519. {block:Photoset}
  520. <div class="imagens_charmours">{Photoset}</div>
  521.  
  522.  
  523. <!-- NOTES DO PHOTOSET-->
  524. {block:indexpage}
  525. <div class="notes_charmours2">
  526.  
  527. <div class="wn1"><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-folder-open"></i></a></div>
  528. <div class="wn2"><a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet"></i></a></div>
  529. <div class="wn3"><a href="{Permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i></a></div>
  530.  
  531. </div>
  532. {/block:indexpage}
  533. {/block:Photoset}
  534.  
  535.  
  536.  
  537.  
  538.  
  539.  
  540.  
  541.  
  542. <!-- Quote-->
  543. {block:Quote}
  544. <div class="quote_charmours">{Quote}</div>
  545. <div class="source_charmours">{block:Source}{Source}{/block:Source}</div>
  546.  
  547.  
  548. <!-- NOTES DOS QUOTES-->
  549. {block:indexpage}
  550. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  551.  
  552. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  553. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  554. </div>{/block:indexpage}
  555. {/block:Quote}
  556.  
  557.  
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564. <!-- CHAT-->
  565. {block:Chat}
  566. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  567. {block:Lines}
  568. {block:Label}
  569. <span>
  570. <font color="{color:links hover}">
  571. {Label}
  572. </font>
  573. </span>
  574. {/block:Label}
  575.  
  576. {Line} <br>
  577. {/block:Lines}
  578.  
  579.  
  580. <!-- NOTES DOS CHATS-->
  581. {block:indexpage}
  582. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  583.  
  584. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  585. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  586. </div>{/block:indexpage}
  587. {/block:Chat}
  588.  
  589.  
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596. <!-- LINK-->
  597. {block:Link}
  598. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>{block:Description}{Description}{/block:Description}
  599.  
  600.  
  601. <!-- NOTES DOS LINKS-->
  602. {block:indexpage}
  603. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  604.  
  605. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  606. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  607. </div>{/block:indexpage}
  608. {/block:Link}
  609.  
  610.  
  611.  
  612.  
  613.  
  614.  
  615.  
  616.  
  617. <!-- AUDIO/MUSICA-->
  618. {block:Audio}
  619. {AudioPlayer}
  620.  
  621.  
  622. <!-- NOTES DOS AUDIOS/MUSICAS-->
  623. {block:indexpage}
  624. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  625.  
  626. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  627. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  628. </div>{/block:indexpage}
  629. {/block:Audio}
  630.  
  631.  
  632.  
  633.  
  634.  
  635.  
  636.  
  637.  
  638. <!-- VIDEOS-->
  639. {block:Video}
  640. {block:Indexpage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  641.  
  642.  
  643. <!-- NOTES DOS VIDEOS-->
  644. {block:indexpage}
  645. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  646.  
  647. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  648. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  649. </div>{/block:indexpage}
  650. {/block:Video}
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659. <!-- ASK-->
  660. {block:Answer}
  661. <div class="pergunta"><b><img src="{AskerPortraitURL-128}">{Asker}</b>: {Question}</div>
  662. <div class="resposta">{Answer}</div>
  663.  
  664.  
  665. <!-- NOTES DAS ASKS-->
  666. {block:indexpage}
  667. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  668.  
  669. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  670. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  671. </div>{/block:indexpage}
  672. {/block:Answer}
  673.  
  674.  
  675.  
  676.  
  677.  
  678.  
  679.  
  680. <!-- Bloqueio do Via e Source que fica nos posts-->
  681. <div class="vsanna">
  682. {block:RebloggedFrom}
  683. <a href="{ReblogParentURL}">via</a>
  684. {/block:RebloggedFrom}
  685. {block:ContentSource}
  686. <a href="{SourceURL}">source</a>
  687. {/block:ContentSource}
  688. </div>
  689.  
  690.  
  691.  
  692.  
  693. </div> <!-- Fim da div das Caixas-->
  694. {/block:Posts}
  695. </div> <!-- Fim da div dos Posts-->
  696.  
  697.  
  698.  
  699.  
  700.  
  701.  
  702. {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  703.  
  704.  
  705.  
  706.  
  707. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"><link href="http://static.tumblr.com/qszodba/029o0wega/mansory.js" rel="stylesheet" type="text/css"><script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script><script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script><script type="text/javascript">$(window).load(function () {$('#charmours-post').masonry(),$('.masonryWrap').infinitescroll({navSelector : "div#navigation",nextSelector : "div#navigation a#nextPage",itemSelector:".charmours-caixas",bufferPx:10000,extraScrollPx:11000,loadingImg:"",loadingText:"<i> </i>",},function() { $('#charmours-post').masonry({ appendedContent:$(this)});});});</script>
  708.  
  709.  
  710.  
  711. </body>
  712.  
  713.  
  714.  
  715. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement