API tools faq
paste
pamellabellegarde

BD 2013.2

pamellabellegarde
Mar 28th, 2013
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 85.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5.  
  6. <title>{title}</title>
  7. <link rel="shortcut icon" href="http://static.tumblr.com/cir8k0k/Lbkmke8lk/_.png">
  8.  
  9.  
  10. <script type="text/javascript" src="js/jquery.js"></script>
  11.  
  12. <script type="text/javascript" src="js/jrumble.1.0.js"></script>
  13.  
  14. <script>
  15. $(document).ready(function(){
  16. $('#my-rumble-div').jrumble();
  17. });
  18. </script>
  19.  
  20. <script type="text/javascript" src="http://static.tumblr.com/ze0syf9/OTZmauy6t/jquery.js"></script>
  21.  
  22. <script>
  23. $(window).load(function(){
  24.  
  25. //set and get some variables
  26. var thumbnail = {
  27. imgIncrease : 100, /* the image increase in pixels (for zoom) */
  28. effectDuration : 400, /* the duration of the effect (zoom and caption) */
  29. /*
  30. get the width and height of the images. Going to use those
  31. for 2 things:
  32. make the list items same size
  33. get the images back to normal after the zoom
  34. */
  35. imgWidth : $('.thumbnailWrapper ul li').find('img').width(),
  36. imgHeight : $('.thumbnailWrapper ul li').find('img').height()
  37.  
  38. };
  39.  
  40. //make the list items same size as the images
  41. $('.thumbnailWrapper ul li').css({
  42.  
  43. 'width' : thumbnail.imgWidth,
  44. 'height' : thumbnail.imgHeight
  45.  
  46. });
  47.  
  48. //when mouse over the list item...
  49. $('.thumbnailWrapper ul li').hover(function(){
  50.  
  51. $(this).find('img').stop().animate({
  52.  
  53. /* increase the image width for the zoom effect*/
  54. width: parseInt(thumbnail.imgWidth) + thumbnail.imgIncrease,
  55. /* we need to change the left and top position in order to
  56. have the zoom effect, so we are moving them to a negative
  57. position of the half of the imgIncrease */
  58. left: thumbnail.imgIncrease/2*(-1),
  59. top: thumbnail.imgIncrease/2*(-1)
  60.  
  61. },{
  62.  
  63. "duration": thumbnail.effectDuration,
  64. "queue": false
  65.  
  66. });
  67.  
  68. //show the caption using slideDown event
  69. $(this).find('.cap:not(:animated)').slideDown(thumbnail.effectDuration);
  70.  
  71. //when mouse leave...
  72. }, function(){
  73.  
  74. //find the image and animate it...
  75. $(this).find('img').animate({
  76.  
  77. /* get it back to original size (zoom out) */
  78. width: thumbnail.imgWidth,
  79. /* get left and top positions back to normal */
  80. left: 0,
  81. top: 0
  82.  
  83. }, thumbnail.effectDuration);
  84.  
  85. //hide the caption using slideUp event
  86. $(this).find('.cap').slideUp(thumbnail.effectDuration);
  87.  
  88. });
  89.  
  90. });
  91.  
  92. </script>
  93.  
  94.  
  95. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  96.  
  97. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  98.  
  99. <script type="text/javascript" src="http://static.tumblr.com/ifqwhnb/GBsm20q7d/jquery.nivo.slider.pack.js"></script>
  100. <script type="text/javascript">
  101.  
  102. var $nv4wp = jQuery.noConflict();
  103.  
  104. $nv4wp(window).load(function() {
  105.  
  106. $nv4wp('#slider').nivoSlider({
  107.  
  108. effect:'random',
  109.  
  110. slices:15, // For slice animations
  111.  
  112. boxCols: 4, // For box animations
  113.  
  114. boxRows: 2, // For box animations
  115.  
  116. animSpeed: 500, // Slide transition speed
  117.  
  118. pauseTime: 3000, // How long each slide will show
  119.  
  120. startSlide:0, // Set starting Slide (0 index)
  121.  
  122. directionNav:true, //Next & Prev
  123.  
  124. directionNavHide:true, //Only show on hover
  125.  
  126. controlNav:true, // 1,2,3... navigation
  127.  
  128. controlNavThumbs:false, // Use thumbnails for Control Nav
  129.  
  130. controlNavThumbsFromRel:false, // Use image rel for thumbs
  131.  
  132. controlNavThumbsSearch: '.jpg', // Replace this with...
  133.  
  134. controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
  135.  
  136. keyboardNav:true, //Use left & right arrows
  137.  
  138. pauseOnHover:true, //Stop animation while hovering
  139.  
  140. manualAdvance:false, //Force manual transitions
  141.  
  142. captionOpacity:0.8, //Universal caption opacity
  143.  
  144. prevText: 'Prev', // Prev directionNav text
  145.  
  146. nextText: 'Next', // Next directionNav text
  147.  
  148. beforeChange: function(){}, // Triggers before a slide transition
  149.  
  150. afterChange: function(){}, // Triggers after a slide transition
  151.  
  152. slideshowEnd: function(){}, // Triggers after all slides have been shown
  153.  
  154. lastSlide: function(){}, // Triggers when last slide is shown
  155.  
  156. afterLoad: function(){} // Triggers when slider has loaded
  157.  
  158. });
  159.  
  160. });
  161.  
  162. </script>
  163.  
  164.  
  165.  
  166.  
  167. <link href='http://fonts.googleapis.com/css?family=Numans' rel='stylesheet' type='text/css'>
  168. <link href='http://fonts.googleapis.com/css?family=Courgette|Economica' rel='stylesheet' type='text/css'>
  169.  
  170.  
  171.  
  172.  
  173.  
  174. <!-- css scripts e afins -->
  175.  
  176.  
  177. <style type="text/css">
  178.  
  179.  
  180.  
  181. /*** corpo do theme ***/
  182.  
  183. body {background: url("http://static.tumblr.com/cir8k0k/tXemkbows/bgggg.png");
  184. color: #6D7174;
  185. line-height: 17px;
  186. font: 11px verdana;
  187. text-align: justify;
  188. background-attachment: fixed;
  189.  
  190. }
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197. #page {
  198. /*** linha VERTICAL do layout ***/
  199. width: 850px; /*melhor largura para tela 800x600 px*/
  200. background-image: url('http://static.tumblr.com/cir8k0k/Jlnmkdmly/page.png'); /*Imagem de fundo que desce de maneira vertical dando continuação aos posts e sidebar*/
  201. background-repeat: repeat-y; /*quer dizer que se repetirá apenas na vertical*/
  202. margin-left: auto; /*se ajustará de acordo com a tela*/
  203. margin-right: auto;
  204. }
  205.  
  206.  
  207.  
  208.  
  209.  
  210. #header {
  211. /*** Topo do layout! ***/
  212. background: url('http://static.tumblr.com/cir8k0k/X2imke4zs/botaodecerejeira.png') no-repeat top center; /*ficará no centro, no topo e não se repetirá*/
  213. width: 851px; /*largura da imagem*/
  214. height: 400px; /*altura da imagem*/
  215. margin-top: -20px;margin-left: -5px;
  216. z-index:1000; }
  217.  
  218. #sidebar { /*** Sidebar é a coluna do perfil do layout ***/
  219. width: 240px;
  220. text-align: justify;
  221. padding: 5px; /* espaço do texto entre a width imposta */
  222. float: right;
  223. margin-top: 120px; /*ajuste para a direita, esquerda e para baixo, para cima são valores negativos*/
  224. margin-right: 00px;
  225. color: #5C4666;
  226. border-right: 0px solid #eee;
  227. border-bottom: 0px solid #eee;
  228.  
  229. }
  230.  
  231. #content { /*** conteudo dos posts e das paginas ***/
  232. width: 510px;
  233. font-family: calibri;
  234. text-align: justify;
  235. margin-right:5px;
  236. margin-left:320px;
  237. float: left;
  238. margin-top: -1690px;
  239. z-index:500;
  240.  
  241. }
  242.  
  243. #footer { /*** imagem rodapé do layout ***/
  244. background:url('http://static.tumblr.com/cir8k0k/D0kmkc0cq/1.png');
  245. background-position: bottom center; /*posição para baixo*/
  246. width: 840px;
  247. height: 200px;
  248. clear: both !important; /*quer dizer que não importa o tamanho dos posts e sidebar, sempre aparecerá abaixo deles de maneira alinhada, é crucial para deixar que a imagem apareça!*/
  249. padding-bottom: 0px;
  250. z-index:500;
  251. }
  252.  
  253.  
  254.  
  255.  
  256. /*** Formatação de texto ***/
  257.  
  258.  
  259.  
  260. b, strong { color: rgba(215, 87, 133, 1); TEXT-DECORATION: none; border-bottom: 1px dashed #none; background: rgba(64, 57, 58, 1); border-radius:2px; padding:1px;
  261. }
  262. u {color: rgba(215, 87, 133, 1); TEXT-DECORATION: none; border-bottom: 1px dotted rgba(64, 57, 58, 1);
  263. }
  264. s, strike {color: #dedcda;
  265. }
  266. i {font-family:georgia;color:#8b1034;
  267. }
  268. em {font-family:georgia;color:#8b1034;
  269. }
  270. ul {color: #dedcda; TEXT-DECORATION: none; border-bottom: 1px dotted #none;
  271. }
  272. x {color: #fff; TEXT-DECORATION: none; border-bottom: 1px dotted #none;
  273. }
  274.  
  275. a:link, a:active, a:visited {
  276. color: #af2051;
  277. text-decoration: none;
  278. cursor: auto;
  279.  
  280. }
  281.  
  282. a:hover { color: #74334b;
  283. text-decoration: none;
  284. cursor: auto;
  285. }
  286.  
  287.  
  288.  
  289.  
  290.  
  291.  
  292. /** selecao de texto **/
  293.  
  294.  
  295. ::-moz-selection {background: #f8c0c2; color: #fff;}
  296. ::selection {background: #f8c0c2; color:#fff;}
  297.  
  298. /*** Menu de duas colunas por things-to-help-you.tumblr.com ***/
  299. .menuesquerda {background: #; float:left; width:49%; text-align: left; margin-top: 2px; font-size: 9px; margin-bottom: 10px;}
  300. .menuesquerda a {display : block;font-size: 10px;font-family: play;letter-spacing : 0;margin-left: 1px; margin-right: 1px; background-repeat : no-repeat;text-indent : 8px;vertical-align : middle;text-decoration : none;line-height : 15px; margin-bottom : 1px;padding: 2px;border-top: 1px solid #fff;background : rgba(64, 57, 58, 1); text-transform:uppercase; color: #fff; }
  301. .menudireita {float:right; width:49%; text-align: left; margin-top: 2px; font-size: 9px; margin-bottom:10px;}
  302. .menudireita a {display : block;font-size: 10px;font-family: play;letter-spacing : 0;margin-left: 1px; margin-right: 1px; background-repeat : no-repeat;text-indent : 8px;vertical-align : middle;text-decoration : none;line-height : 15px; margin-bottom : 1px;padding: 2px;border-top: 1px solid #fff;background : rgba(215, 87, 133, 1); text-transform:uppercase; color: #fff; }
  303.  
  304.  
  305.  
  306. input, select, button, textarea {font-family:Georgia; font-size:9pt; color:#f5b1cc; background:#fafafa; border:1px solid #c6d7a5;}
  307.  
  308. .faixa {
  309. border-bottom: 0px solid #C3D69B;
  310. border-right: 0px solid #C3D69B;
  311. border-left: 0px solid #C3D69B;
  312. border-top: 0px solid #C3D69B;
  313. border-radius: 0px;
  314. background-color: #fd9090;
  315. color: #fff;
  316. font-family: arial;
  317. padding-left: 0px;
  318. font-size: 8.3px;
  319. text-align: left;
  320. letter-spacing: 1px;
  321. width:100%;
  322. border-bottom: 2px solid #eee;
  323. -moz-box-shadow: 1px 0px 13px #e3e3e3;
  324. -webkit-box-shadow: 1px 0px 13px #e3e3e3;
  325. box-shadow: 1px 0px 13px #e3e3e3;
  326. border-radius:2px;
  327. padding:1px;
  328. }
  329.  
  330.  
  331.  
  332. .h1 {
  333. font: 8pt 'verdana';
  334. text-align: auto;
  335. text-shadow: 0 0px 0px #FFF;
  336. margin:-1px 2px -5px 3px;
  337. color: #696969;}
  338.  
  339. .h2 {
  340. border-radius: 1px;
  341. background-color: #a2c9fe;
  342. color: #fff;
  343. font-family: 'Numans', sans-serif;
  344. font-size: 15px;
  345. text-align: left;
  346. letter-spacing: 1px;
  347. width:580px;
  348. border-bottom: 2px solid #eee;
  349. padding:5px;
  350.  
  351. }
  352.  
  353. .h3 {
  354. border-bottom: 0px solid #C3D69B;
  355. border-right: 0px solid #C3D69B;
  356. border-left: 0px solid #C3D69B;
  357. border-top: 0px solid #C3D69B;
  358. border-radius: 3px;
  359. background-color: #f8dbb4;
  360. color: #fff;
  361. font-family: 'Rochester', cursive;
  362. font-size: 20px;
  363. text-align: left;
  364. padding-left: 5px;
  365. letter-spacing: 1px;
  366. width:auto;
  367. border-bottom: 2px solid #eee;
  368.  
  369.  
  370. }
  371.  
  372. .h5 {
  373. border-bottom: 0px solid #C3D69B;
  374. border-right: 0px solid #C3D69B;
  375. border-left: 0px solid #C3D69B;
  376. border-top: 0px solid #C3D69B;
  377. border-radius: 3px;
  378. background-color: #f8768e;
  379. color: #fff;
  380. font-family: 'Rochester', cursive;
  381. font-size: 20px;
  382. text-align: left;
  383. padding-left: 5px;
  384. letter-spacing: 1px;
  385. width:auto;
  386. border-bottom: 2px solid #eee;
  387.  
  388.  
  389. }
  390.  
  391. .letragrande {font-family: 'Montez', cursive; font-size:35px; color:#FB80A6;float:left;margin-top:-5px;line-height:15px;}
  392.  
  393. .tit34 {font-size:22px;font-family: 'Butterfly Kids', cursive; color: #d19b5e; !important;text-decoration: none; cursor: help; margin-bottom: 2px;border-bottom:2px solid #eee; text-align:left;background: #f5f5f5;}
  394.  
  395. .tit35 {font-size:22px;font-family: 'Butterfly Kids', cursive; color: #d19b5e; !important;text-decoration: none; cursor: help; margin-bottom: 2px;border-bottom:2px solid #eee; text-align:left;background: #f5f5f5;}
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402. /*** post, caixas, notes e reblogs **/
  403.  
  404. input, select, button, textarea {font-family:Georgia; font-size:9pt; color:#f5b1cc; background:#fafafa; border:1px solid #c6d7a5;}
  405.  
  406. .post{margin-top:0px;}
  407.  
  408. .post .title {margin:0; padding:0; font-size:18px; line-height:22px; font-weight:normal;}
  409.  
  410. img, a img {border:0;}
  411.  
  412. .info {border-bottom:0px solid #FADCE6; margin:10px 0 0 0; padding:0 0 5px 0; font-size:11px; line-height:14px; color:#999999;}
  413. .name{ text-align:right; line-height: 15px; font-family: tahoma;font-size: 11px;font-weight:bold; }
  414.  
  415. .faixa2 {width: 325px; height: 49px; margin-left: -25px; margin-top:5px;}
  416.  
  417.  
  418. .box {overflow:hidden; letter-spacing: 1px; text-align: justify; color: #666; font: 11px calibri; background-color: #; padding:5px; text-align:justify;padding-top:4px;}
  419.  
  420. .box8 {overflow:hidden; text-align: justify; color: #666; font: 11px calibri; background-color: #; padding:5px; text-align:justify; border: 0px solid #C2C0C1;}
  421.  
  422. .boxsidebar {margin-bottom: 10px; padding: 5px; padding-top:5px;font-family: arial; font-size: 11px; color: #fff; width:272px;background:rgba(64, 57, 58, 0.3);border-radius:10px;margin-top:-65px;margin-left:-595px;}
  423. .boxsidebar img{border-radius:10px;}
  424.  
  425. .box1 {background: #f4fad9; margin-bottom: 12px; padding: 5px; padding-top:5px; border-radius: 5px; font-family:"visitor1.ttf", small fonts; font-size: 12px; height: auto; border-bottom: 0px solid 777;} /* box da sidebar*/
  426.  
  427.  
  428. .box2 {background: transparent; margin-bottom: 12px; padding: 1px; padding-top:10px; border-radius: 5px; font-family:arial; font-size: 9px; width: 310px; margin-top: -375px; margin-left: -152px;} /* box da sidebar*/
  429.  
  430. .box3 {background: transparent; margin-bottom: 12px; padding: 1px; padding-top:10px; border-radius: 5px; font-family:arial; font-size: 9px; width: 430px; margin-top: -385px; margin-left: -137px;} /* box da sidebar*/
  431.  
  432. .box4 {position: absolute; margin-top: -476px; margin-left: -585px; width: 117px;}
  433.  
  434. .box5 {position: absolute; margin-top: -490px; margin-left: -100px; width: auto; z-index: 40000;}
  435.  
  436. .box7 {position: absolute; margin-top: -159px; margin-left: 257px; width: 60px .z-index: 40000;}
  437.  
  438. .box71 {position: absolute; margin-top: -245px; margin-left: 325px; width: 60px .z-index: 40000;}
  439.  
  440. .box72 {position: absolute; margin-top: -332px; margin-left: 393px; width: 60px .z-index: 40000;}
  441.  
  442. .moderadores {position: absolute; margin-left: 370px; margin-top: 356px;}
  443.  
  444. .moderadores2 {position: absolute; margin-left: 171px; margin-top: 10px; width: 450px; height: 0px;}
  445.  
  446. .mode {position: absolute; margin-top: -1px; margin-left: 261px; width: 117px; width: 100px;}
  447.  
  448. pre {font-family: "verdana";
  449. font-size: 10px;
  450. background-image: url('http://static.tumblr.com/cir8k0k/uLEmke6cb/prebg.png');
  451. width: 99%;
  452. overflow: auto;
  453. margin: 18px 0 18px 0 !important;
  454. padding-top: 1px;
  455. text-shadow:none; color: #fff; line-height: 13px;}
  456.  
  457.  
  458.  
  459.  
  460.  
  461. /*** tamanho, borda, opacidade em imagens **/
  462.  
  463. .border { padding:1px; border:3px solid rgba(215, 87, 133, 1);border-radius:0px;margin-right:5px; margin-bottom:2px;}
  464.  
  465.  
  466. .border6 {border:2px solid #777;}
  467.  
  468.  
  469.  
  470. .border1 {background:#fff; padding:1px; border:3px solid #f8dcb6;border-radius:0px;filter: alpha(opacity=55); opacity: 0.55; -moz-opacity:0.15; -webkit-transition-duration: .99s; -moz-transition-duration: .99s;margin-right:5px; margin-bottom:2px;}
  471.  
  472. .border1:hover {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -webkit-transition-duration: .99s; -moz-transition-duration: .99s; filter: grayscale(100%);
  473. -webkit-filter: grayscale(100%);
  474. -moz-filter: grayscale(100%);
  475. -o-filter: grayscale(100%);
  476. -ms-filter: grayscale(100%); border:3px solid #f8dcb6;-webkit-transform: rotate(0deg) scale(1.102) skew(0deg) translate(0px);
  477. -moz-transform: rotate(0deg) scale(1.102) skew(0deg) translate(0px);
  478. -o-transform: rotate(0deg) scale(1.102) skew(0deg) translate(0px);
  479. }
  480.  
  481.  
  482. .border2 {background:#fff; padding:3px; border:1px solid #474d37;border-radius:0px; filter: alpha(opacity=55); opacity: 0.55; -moz-opacity:0.15; -webkit-transition-duration: .99s; -moz-transition-duration: .99s;margin-right:5px; margin-bottom:1px;}
  483.  
  484. .border2:hover {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -webkit-transition-duration: .99s; -moz-transition-duration: .99s; border:1px solid #f8768e; -webkit-transform: rotate(360deg) scale(1.025) skew(1deg) translate(0px);}
  485.  
  486.  
  487. .border7 {background:rgba(64, 57, 58, 1); padding: 3px; margin-right: 5px; margin-bottom: -3px; margin-top: 4px; float: left;border-radius:10px;padding: 3px;}
  488.  
  489. /*** blockquote e tabelinhas ***/
  490.  
  491.  
  492. blockquote {
  493. background: #FFFFFF;
  494. margin: 0 5px;
  495. text-align: justify;
  496. line-height:150%;
  497. border-left: 8px solid rgba(215, 87, 133, 1);
  498. padding-left:5px;
  499. padding-right:2px;
  500. padding-top:0;
  501. padding-bottom:0;}
  502.  
  503. .blockquote {
  504. background: #FFFFFF;
  505. margin: 0 5px;
  506. text-align: justify;
  507. line-height:150%;
  508. border-left: 8px solid #fff;
  509. padding-left:5px;
  510. padding-right:2px;
  511. padding-top:0;
  512. padding-bottom:0;}
  513.  
  514.  
  515.  
  516.  
  517. /* --- Estilo de ask por tthy (things-to-help-you.tumblr.com) --- */
  518. .pergunta {
  519. line-height: 20px;
  520. background: #ddd;
  521. padding: 5px;
  522. font-family: Georgia;
  523. font-style: Italic;
  524. font-size: 11px;
  525. margin-top: -1px;
  526. margin-right: 0;
  527. overflow: hidden;
  528. color: #999;
  529. -webkit-border-bottom-right-radius: 5px;
  530. -webkit-border-bottom-left-radius: 5px;
  531. -moz-border-radius-bottomright: 5px;
  532. -moz-border-radius-bottomleft: 5px;
  533. border-bottom-right-radius: 5px;
  534. border-bottom-left-radius: 5px;}
  535.  
  536. .perguntou {
  537. display: block;
  538. font-family: Georgia;
  539. font-style: Italic;
  540. font-size: 11px;
  541. background: rgba(215, 87, 133, 1);
  542. padding-left: 5px;
  543. overflow: hidden;
  544. padding-right: 5px;
  545. padding-top: 4px;
  546. padding-bottom: 4px;
  547. margin-top: 1px;
  548. text-shadow: 0px 1px 1px #;
  549. color: #fff;
  550. margin-bottom: 2px;
  551. -webkit-border-top-left-radius: 5px;
  552. -webkit-border-top-right-radius: 5px;
  553. -moz-border-radius-topleft: 5px;
  554. -moz-border-radius-topright: 5px;
  555. border-top-left-radius: 5px;
  556. border-top-right-radius: 5px;}
  557.  
  558. .pergunta g {color: #fe688d; text-shadow: 0px 0px 0px;}
  559. .pergunta a {color: #fe688d; text-shadow: 0px 0px 0px;}
  560.  
  561. .pergunta .data {
  562. float: right;
  563. font-family: 'Ubuntu Mono', sans-serif;
  564. font-style: normal;
  565. text-transform: uppercase;
  566. height: 18px;
  567. line-height: 18px;
  568. padding: 3px;
  569. background: rgba(64, 57, 58, 1);
  570. margin-top: 12px;
  571. margin-right: 1px;
  572. text-shadow: 0px 0px 5px #fff;
  573. color: #fff;
  574. -webkit-border-top-left-radius: 5px;
  575. -webkit-border-bottom-left-radius: 5px;
  576. -moz-border-radius-topleft: 5px;
  577. -moz-border-radius-bottomleft: 5px;
  578. border-top-left-radius: 5px;
  579. border-bottom-left-radius: 5px;}
  580.  
  581. .boxicon {width: 24px;
  582. height: 24px;
  583. float: right;
  584. margin-left: 0px;
  585. margin-top: 5px;
  586. margin-right: -4px; }
  587.  
  588. .boxicon .askfoto {
  589. display: inline-block;
  590. margin-top: 7px;
  591. margin-left: 5px;
  592. float: right;}
  593.  
  594. .askfoto:hover {opacity: 0.9;}
  595. .linha {margin-bottom: 7px;}
  596. .ns {margin-left: 20px; margin-top: 1px;}
  597.  
  598.  
  599. /* Chat por Anna (livelikeasuicide) *********/
  600. .chat {background: #fff; margin: 0; font-size:
  601. 10px; font-family: Fonte;}
  602. .chat .chat1 {margin-left: 0px;}
  603. .chat .chat1 .chat2 {background: #e2c6da; color: #fff;
  604. margin-bottom: 1px; padding: 4px 5px 4px 5px;} /* Primeira linha */
  605. .chat .chat1 .chat2.even {background: #fff;
  606. color: #777;} /* Segunda linha */
  607. .chat .chat1 .chat2 span{font-weight: bold;}
  608.  
  609.  
  610.  
  611.  
  612.  
  613.  
  614.  
  615.  
  616. /*** caixa do notes, data e reblog ***/
  617.  
  618.  
  619. .mennur2 {
  620. background-color: #;
  621. color: rgba(215, 87, 133, 1);
  622. font-family: arial;
  623. font-size: 10px;
  624. text-align: center;
  625. padding-left: 2px;
  626. letter-spacing: 0px;
  627. border-radius: 2px;
  628. text-shadow: 0 0px 5px rgba(215, 87, 133, 1);
  629. border-bottom: 2px solid #eee;
  630.  
  631. } /* caixa do reblog */
  632.  
  633.  
  634.  
  635.  
  636.  
  637. cred {display: block; border-bottom: 1px dotted #ffeeef; vertical-align: middle; line-height: 13px; margin-bottom: 0px; text-decoration: none; padding: 2px; font-style: normal;font-size: 10px; background: #; border-radius: 5px;}
  638. cred a {background: rgba(215, 87, 133, 1); padding: 2px; color: #fff; border-radius: 5px;}
  639. cred a:hover {background: rgba(64, 57, 58, 1); padding: 2px; color: rgba(215, 87, 133, 1); border-radius: 5px;}
  640.  
  641. cred1 {display: block; border-bottom: 1px dotted #ffeeef; vertical-align: middle; line-height: 13px; margin-bottom: 0px; text-decoration: none; padding: 2px; font-style: normal;font-size: 10px; background: #fff; border-radius: 5px;}
  642. cred1 a {background: #e2c6da; padding: 2px; color: #fff; border-radius: 5px;}
  643. cred1 a:hover {background: #e2c6da; padding: 2px; color: #fff; border-radius: 5px;}
  644.  
  645. .nav {font-size: 10px; font-family: arial; color: #fff;padding: 3px; letter-spacing:1px; text-align:center; height:15px;margin:2px;background: #f8dbb4 ;width: auto;font-variant:small-caps;z-index: 0; cursor:auto;-webkit-transition-duration: .90s; float:left; border-radius:5px;}
  646.  
  647.  
  648.  
  649.  
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657. .wishlist1 {;display : block; font-size: 7pt; font-family: arial; line-height: 15px;color:#fff;border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
  658. url('http://i122.photobucket.com/albums/o260/mhilka/minigifs/minicoisinhasni6.gif') no-repeat left rgba(64, 57, 58, 1); padding-left : 10px;
  659. padding-bottom : 2px;padding:5px; padding-left:11px;border-left: solid 4px rgba(215, 87, 133, 1);border-right: solid 4px rgba(215, 87, 133, 1)}
  660.  
  661. .wishlist1:hover {display : block; font-size: 7pt; font-family: arial; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
  662. url('http://i122.photobucket.com/albums/o260/mhilka/minigifs/minicoisinhasni6.gif') no-repeat left rgba(215, 87, 133, 1); padding-left : 10px;
  663. padding-bottom : 2px;padding:5px; padding-left:11px;border-left: solid 4px rgba(64, 57, 58, 1);border-right: solid 4px rgba(64, 57, 58, 1))}
  664.  
  665.  
  666. iframe#tumblr_controls {
  667. position: fixed !important;
  668.  
  669. }
  670.  
  671.  
  672.  
  673. /*** Paginação por things to help you ******/
  674. #paginacaoml {display: block; font-size: 10px; font-weight: bold; padding-top: 8px; padding-bottom: 8px; text-shadow: 0 1px 1px #; background: #; margin-top: 3px; margin-left: 22px; margin-right: 22px; text-align: left;}
  675. #paginacaoml a {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/kw2mke7c4/_.png') no-repeat; color: #fff; padding-top: 3px; margin-top: -2px; text-align: center; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase; display: inline-block; text-shadow: 1px 1px 1px #85b5b4;}
  676. #paginacaoml a:hover {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/kw2mke7c4/_.png') no-repeat; color: #fff; padding-top: 3px; margin-top: -2px; text-align: center; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase; display: inline-block; text-shadow: 1px 1px 1px #e2a6d3;}
  677. #paginacaoml span.pagina_atual {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/kw2mke7c4/_.png') no-repeat; color: #fff; padding-top: 3px; margin-top: -2px; text-align: center; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase; display: inline-block;}
  678.  
  679. .vtp {background: #E3F7FF; color: #fff; font-size: 10px; margin: 1px; padding: 2px;}
  680. .vtp a {background: #C1E4F5; margin: 5px 0 0; padding: 6px 4px; text-color: #fff; text-decoration: none;}
  681. .vtp a:hover {background: #EDF2F3; border: none; color: #ccc;}
  682.  
  683.  
  684. .thumbnailWrapper ul {
  685. list-style-type: none; /* remove the default style for list items (the circles) */
  686. margin:0px; /* remove default margin */
  687. padding:0px; /* remove default padding */
  688. width:70px; border:2px solid #f9bc81;}
  689.  
  690. .thumbnailWrapper ul li {
  691. float:left; /* important: left float */
  692. position:relative; /* so we can use top and left positioning */
  693. overflow:hidden; /* hide the content outside the boundaries (ZOOM) */}
  694.  
  695. .thumbnailWrapper ul li a img {
  696. width:70px; height:64px;/* not important, the pics we use here are too big */
  697. position:relative; /* so we can use top and left positioning */
  698. border:none; /* remove the default blue border */}
  699.  
  700. .cap{
  701. position:absolute; /* needed for positioning */
  702. bottom:0px; /* bottom of the list item (container) */
  703. left:0px; /* start from left of the list item (container) */
  704. width:100%; /* stretch to the whole width of container */
  705. display:none; /* hide by default */
  706. /* styling bellow */
  707. background:#e2df78;
  708. color:white;
  709. opacity:0.9;
  710. }
  711. .cap .capInside{
  712. /* just styling */
  713. padding:13px;
  714. margin:0px;
  715. font-family:arial;
  716. font-size:9px;
  717. }
  718. .clear { clear:both; } /* to clear the float after the last item */
  719.  
  720. h8{color:#fff!important;font-family:Cursive standard;font-size:30px;line-height:45px;font-weight:normal;padding:3px;background:rgba(64, 57, 58, 1);width:200px;border-right: solid 25px rgba(215, 87, 133, 1);text-shadow: 0px 0px 5px #fff}
  721. @font-face {font-family: "ilove";src: url('http://static.tumblr.com/zvqacv0/kV7mbs1tz/i_love_what_you_do__...ttf') format("truetype");}
  722. @font-face{font-family:'Cursive standard'; src:url('http://static.tumblr.com/zvqacv0/Sr8mdnqxr/respective.ttf');}
  723.  
  724.  
  725.  
  726.  
  727. .mode1 {background:url('http://static.tumblr.com/gdasrfz/NdPmke66a/chi.png'); width:62px; height: 158px; position:absolute; border:2px solid rgba(215, 87, 133, 1); -webkit-transition-duration: .90s;}
  728.  
  729.  
  730. .mode2 {background:url('http://static.tumblr.com/gdasrfz/uwjmke66r/pam.png'); width:62px; height: 158px; position:absolute;-webkit-transition-duration: 1.90s; border:2px solid rgba(215, 87, 133, 1); margin-top: 86px;}
  731.  
  732.  
  733.  
  734. .mode3 {background:url('http://static.tumblr.com/gdasrfz/nYpmke65o/gi.png'); width:62px; height: 158px; position:absolute; margin-top: 173px; -webkit-transition-duration: .90s; border:2px solid rgba(215, 87, 133, 1);}
  735.  
  736.  
  737.  
  738. #reblog {margin-left: -7px; margin-top:10px; position:absolute; z-index:1000; background: url('http://media.tumblr.com/tumblr_m55q1hDmFf1r5ehrc.png'); width:34px; height:23px; filter: alpha(opacity=25); opacity: 0.25; -moz-opacity:0.25; -webkit-transition-duration: .99s; -moz-transition-duration: .99s;}
  739.  
  740. #reblog:hover {filter: alpha(opacity=99); opacity: 0.99; -moz-opacity:0.99; -webkit-transition-duration: .99s; -moz-transition-duration: .99s;}
  741.  
  742. #notes {margin-left: -8px; margin-top:35px; position:absolute; z-index:1000; background: url('http://media.tumblr.com/tumblr_m5gq2vx1xo1r5ehrc.png'); width:33px; height:30px;filter: alpha(opacity=25); opacity: 0.25; -moz-opacity:0.25; -webkit-transition-duration: .99s; -moz-transition-duration: .99s;}
  743.  
  744. #notes:hover {ilter: alpha(opacity=99); opacity: 0.99; -moz-opacity:0.99; -webkit-transition-duration: .99s; -moz-transition-duration: .99s;}
  745.  
  746. #bd {cursor: pointer;
  747. font-family: Cursive standard;
  748. position: absolute;
  749. width: 200px;
  750. margin-top: -415px;
  751. height: 75px;
  752. font-size: 25px;
  753. letter-spacing: 1px;
  754. overflow: hidden;
  755. margin-left: 690px;color: #fff;
  756. padding-left: 0px;
  757. padding-right: 0px;
  758. text-shadow: 0px 0px 8px #fff, 0px 3px 2px #000 ;
  759. padding-top: 58px;
  760. -webkit-transition: all 0.8s ease;
  761. -moz-transition: all 0.8s ease;
  762. -o-transition: all 0.8s ease;}
  763.  
  764. #bd2 {cursor: pointer;
  765. font-family: Cursive standard;
  766. position: absolute;
  767. width: 200px;
  768. margin-top: -355px;
  769. height: 75px;
  770. font-size: 2px;
  771. letter-spacing: 1px;
  772. overflow: hidden;
  773. margin-left: 0%;color: #fff;
  774. padding-left: 670px;
  775. padding-right: 0px;
  776. text-shadow: 0px 0px 8px #fff, 0px 3px 2px #000;
  777. padding-top: 58px;
  778. -webkit-transition: all 0.8s ease;
  779. -moz-transition: all 0.8s ease;
  780. -o-transition: all 0.8s ease;}
  781.  
  782.  
  783. #menu1 {margin-top: 10px;
  784. left: 300px;
  785. z-index: 10000;
  786. width:auto;
  787. position: absolute;}
  788.  
  789.  
  790. .simplemenu {
  791. cursor: pointer;
  792. font-family: ilove;
  793. position: absolute;
  794. width: 900px;
  795. margin-top: 20px;
  796. height: 62px;
  797. font-size: 38px;
  798. letter-spacing: 1px;
  799. overflow: hidden;
  800.  
  801. margin-left: 0%;}
  802.  
  803. .simplemenu a {
  804. color: #e37e98;
  805. padding-left: 6px;
  806. padding-right: 11px;
  807. text-shadow: 0px 0px 8px #e37e98;
  808. padding-top: 58px;
  809. -webkit-transition: all 0.8s ease;
  810. -moz-transition: all 0.8s ease;
  811. -o-transition: all 0.8s ease;}
  812.  
  813. .simplemenu a:hover {
  814. color: #fff;
  815. padding-right: 11px;
  816. text-shadow: 0px 0px 8px #fff;
  817. -webkit-transition: all 0.8s ease;
  818. -moz-transition: all 0.8s ease;
  819. -o-transition: all 0.8s ease;}
  820.  
  821. .simplemenus2 {
  822. cursor: pointer;
  823. font-family:lk;
  824. position: absolute;
  825. width: 900px;
  826. margin-top: -385px;
  827. height: 62px;
  828. font-size: 22px;
  829. letter-spacing: 1px;
  830. overflow: hidden;
  831. margin-left: 0%;}
  832.  
  833. .simplemenus2 a {
  834. color: rgba(64, 57, 58, 1);
  835. padding-left: 19px;
  836. padding-right: 11px;
  837. text-shadow: 0px 0px 5px rgba(64, 57, 58, 1);
  838. padding-top: 58px;
  839. -webkit-transition: all 0.8s ease;
  840. -moz-transition: all 0.8s ease;
  841. -o-transition: all 0.8s ease;}
  842.  
  843. .simplemenus2 a:hover {
  844. color:#fff;
  845. padding-left: 19px;
  846. padding-right: 11px;
  847. text-shadow: 0px 0px 5px #fff;
  848. -webkit-transition: all 0.8s ease;
  849. -moz-transition: all 0.8s ease;
  850. -o-transition: all 0.8s ease;}
  851. @font-face{font-family:'lk'; src:url('http://static.tumblr.com/37gdlu1/w6Rm75pkl/maria_lucia.ttf');}
  852.  
  853.  
  854. #cru{margin-left:463px; margin-top:-350px;}
  855. .cru a{background:rgba(64, 57, 58, 1); margin: 2px;width: 150px;padding: 3px;display: block;font-size: 9px;color:#fff;border-left: solid 4px rgba(215, 87, 133, 1);border-right: solid 4px rgba(215, 87, 133, 1);}
  856. .cru a:hover {background:rgba(215, 87, 133, 1);border-left: solid 4px rgba(64, 57, 58, 1);border-right: solid 4px rgba(64, 57, 58, 1);}
  857.  
  858. .side12 {background:rgba(64, 57, 58, 1);width:290px;font-family: verdana; font-size: 10px; color: #fff;padding:5px;text-align:justify;margin-top:-55px;line-height:45px;margin-left:-630px;font-family:Cursive standard;font-size:45px;border-left: solid 25px rgba(215, 87, 133, 1);text-shadow: 0px 0px 5px #fff}
  859. @font-face{font-family:'Cursive standard'; src:url('http://static.tumblr.com/zvqacv0/Sr8mdnqxr/respective.ttf');}
  860.  
  861. .side3 {background:rgba(64, 57, 58, 1);width:256px;font-family: verdana; font-size: 10px; color: rgba(215, 87, 133, 1);padding:5px;text-align:justify;margin-top:2px;line-height:10px;border-radius:10px;margin-left:-585px;line-height:15px;}
  862.  
  863. .side4 {background:rgba(64, 57, 58, 1);width:256px;font-family: verdana; font-size: 10px; color:rgba(215, 87, 133, 1);padding:5px;text-align:justify;margin-top:-35px;line-height:10px;border-radius:10px;margin-left:-585px;line-height:15px;}
  864.  
  865. .cru1 a{background:rgba(64, 57, 58, 1); margin: 3px;width: 246px;padding: 5px;display: block;font-size: 9px;color:#fff;border-left: solid 4px rgba(215, 87, 133, 1);border-right: solid 4px rgba(215, 87, 133, 1);border-radius:10px;}
  866. .cru1 a:hover {background:rgba(215, 87, 133, 1);border-left: solid 4px rgba(64, 57, 58, 1);border-right: solid 4px rgba(64, 57, 58, 1);border-radius:10px;}
  867.  
  868. .cor-da-caixa-da-ask {background-color:rgba(64, 57, 58, 1); font-family:Calibri; font-size:11.5px; width:495px; color: #777; height:190px; padding: 2px; text-align: center;}
  869.  
  870. .titulo {color:#fff!important;font-family:Cursive standard;font-size:25px;line-height:20px;font-weight:normal;padding:10px;background:rgba(215, 87, 133, 1);width:479px;;text-shadow: 0px 0px 5px #fff;}
  871.  
  872. .titulo2 {color:#fff!important;font-family:Cursive standard;font-size:25px;line-height:20px;font-weight:normal;padding:10px;background:rgba(64, 57, 58, 1);width:479px;;text-shadow: 0px 0px 5px #fff;}
  873.  
  874. #menuextra
  875. {background:rgba(64, 57, 58, 1);text-align:left; font-family: play; font-size: 11px;margin: 1px;color: #fff;border-left: solid 4px rgba(215, 87, 133, 1);border-right: solid 4px rgba(215, 87, 133, 1);
  876. display: block;padding: 5px;text-transform:uppercase;
  877. -webkit-animation: lightSpeedIn 2s;-moz-animation: lightSpeedIn 2s;-ms-animation: lightSpeedIn: 2s; -o-animation: lightSpeedIn 2s;}
  878. #menuextra a{color:#fff}
  879. #menuextra a:hover {color:#fff;}
  880. /* Slider Carousel tutorial por things-to-help-you se usar, credite! :) */
  881. .wrapper {background-color: #; width: 260px; position: absolute; margin-top: 0px; margin-left: 15px;}
  882. .wrapper .descri {background: #96c8c9; padding: 4px; margin-right: 11px; margin-top: 15px; color: #fff; text-transform: uppercase; font-family: 'Nunito', sans-serif; font-size: 9px; height: 47px; }
  883. .wrapper .descri m {color: #685a74;}
  884. .list_carousel {width: 105px;}
  885. .list_carousel ul {margin: 0; padding: 0; list-style: none; display: block; }
  886. .list_carousel li {margin-right: 13px; width: 105px; height:60px; margin-top: 9px; display: inline-block;}
  887. .list_carousel.responsive {margin-left: 4px; width: auto; height: 60px;}
  888. .list_carousel.responsive img { -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear; }
  889. .list_carousel.responsive img:hover {opacity: 1;-webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear;filter: none; -webkit-filter: grayscale(0%); }
  890. .clearfix {float: none;clear: both;}
  891. .prev {float: left; margin-left: 0px; }
  892. .next {float: right; margin-right: 0px; }
  893. .pager {float: left; width: 0; text-align: center; }
  894. .pager a {margin: 0 5px; text-decoration: none;}
  895. .pager a.selected {text-decoration: underline;}
  896. .timer {background-color: #999;height: 6px; width: 0px;}
  897. </style>
  898. <script> function changeNavigation(id)
  899. {document.getElementById('local')
  900. .innerHTML=document.getElementById(id).innerHTML}
  901. </script>
  902. <script type="text/javascript" language="javascript" src="http://static.tumblr.com/iusbjod/A4umcjqp5/jquery-1.8.2.min.js"></script>
  903. <script type="text/javascript" language="javascript" src="http://static.tumblr.com/iusbjod/1zmmcjqqd/jquery.caroufredsel-6.1.0-packed.js"></script>
  904. <script type="text/javascript" language="javascript">
  905. $(function() {
  906. // Fuild layout, centering the items
  907. $('#foo5').carouFredSel({
  908. width: '100%',
  909. scroll: 2,
  910. pauseOnHover: 'resume',
  911. swipe: {
  912. onMouse: true,
  913. onTouch: true}
  914. });
  915. });
  916. </script>
  917.  
  918.  
  919.  
  920.  
  921.  
  922. <body>
  923.  
  924.  
  925.  
  926.  
  927.  
  928.  
  929.  
  930.  
  931.  
  932.  
  933. <div id="page">
  934.  
  935.  
  936. <div id="header"><div id="bd">Bombastic</div>
  937. <div id="bd2">Design</div></div>
  938. <div class="simplemenus2">
  939. <a href="ask">Pedidos</a>
  940. <a href="/tagged/entregas">Entregas</a>
  941. <a href="/tagged/avatares">Avatares</a>
  942. <a href="/submit">Submit</a>
  943. <a href="/tagged/downloads">Downloads</a>
  944. <a href="/tagged/action_e_psd">Actions/Psd</a>
  945. <a href="/tagged/fontes">Fonts</a>
  946. </div>
  947.  
  948.  
  949.  
  950.  
  951. <iframe src="http://www.facebook.com/plugins/like.php?href=
  952. http://www.facebook.com/designbombastic/&amp;layout=button_count&amp;
  953. show_faces=false&amp;width=98&amp;action=like&amp;
  954. colorscheme=light" scrolling="no" frameborder="0"
  955. allowTransparency="true" style="border:none;
  956. overflow:hidden; width:98px; height:20px; margin-top:-213px; margin-left:730px;"></iframe>
  957. <div id="cru">
  958. <div class="cru">
  959. <a href="/post/40469977308"><center>Top</center> </a>
  960. <a href="/post/40469977308">Como criar um psd</a>
  961. <a href="/tagged/bases_ps">Bases para o photoshop</a>
  962. <a href="/post/34030454251">Player personalizado</a>
  963. <a href="/post/8959326461">Contador</a>
  964. <a href="/tagged/downloads">Downloads</a>
  965. <a href="/post/12165762346">Bases para theme</a>
  966. <a href="/post/8446399558">Proteja seu tumblr de plagio</a></div></div>
  967.  
  968.  
  969. <div class="simplemenu">
  970. <a href="/">Home<img src="http://static.tumblr.com/e4yc5en/L4Mmk6gc1/home.png" width="35"></a>
  971.  
  972. <span onClick="changeNavigation('02')" style="text-shadow: 0px 0px 8px #e37e98;color: #e37e98; ">Correio<img src="http://static.tumblr.com/e4yc5en/pB9mk6gie/-.png" width="35"></span>
  973.  
  974. <span onClick="changeNavigation('ex')" style="text-shadow: 0px 0px 8px #e37e98;color: #e37e98; ">Extras<img src="http://static.tumblr.com/e4yc5en/cRHmk6gnt/star_inv.png" width="35"></span>
  975.  
  976. <span onClick="changeNavigation('03')" style="text-shadow: 0px 0px 8px #e37e98;color: #e37e98; ">Tutoriais<img src="http://static.tumblr.com/e4yc5en/rXJmk6ha4/1.png" width="35"></span>
  977.  
  978. <span onClick="changeNavigation('05')" style="text-shadow: 0px 0px 8px #e37e98;color: #e37e98; ">Themes<img src="http://static.tumblr.com/e4yc5en/g1dmk6gxn/star_inv.png" width="35"></span>
  979.  
  980. <a href="/tagged/faq">Faq<img src="http://static.tumblr.com/e4yc5en/j3gmk6geg/_.png" width="35"></a>
  981.  
  982. <a href="/tagged/faq">About<img src="http://static.tumblr.com/e4yc5en/j3gmk6geg/_.png" width="35"></a>
  983. </div>
  984.  
  985.  
  986.  
  987.  
  988.  
  989. <div class="box7">
  990. <a href="http://botaodecerejeira.tumblr.com/" target="_blank" title="Chi"><div class="mode1"></div></a></div>
  991. <div class="box71">
  992. <a href="http://secret-dialogues.tumblr.com/" target="_blank" title="Pam"><div class="mode2"></div></a></div>
  993. <div class="box72">
  994. <a href="http://youletmeg0.tumblr.com/" target="_blank" title="Gi"><div class="mode3"></div></a></div>
  995.  
  996.  
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004. <div id="sidebar">
  1005.  
  1006. <!– CONTEUDO DO PERFIL –>
  1007.  
  1008.  
  1009.  
  1010. <div class="side12">
  1011. <center>Bem vindos</center></div><br><br><br><br><br>
  1012. <div class="boxsidebar"><img src="{PortraitURL-64}" align="left" class="border7" />
  1013. Estamos aqui no Tumblr há <i>mais de um ano</i>. Nosso objetivo é simples: te ajudar cada dia mais. Então, tem alguma dúvida? Nos contate sem medo! Estamos aqui pra auxiliar, mesmo. Aceitamos pedidos de icons, tutoriais, materiais entre várias outras coisas. Está afim de conversar? De perguntar alguma coisa? Nossa ask está aí pra isso! Sinta-se a vontade. O Bombastic é <b>pra vocês</b>. Esperamos que gostem.<br><br>
  1014.  
  1015.  
  1016.  
  1017. </div><br><br><br><br>
  1018.  
  1019.  
  1020. <div class="side12">
  1021. <center>Status</center></div><br><br><br>
  1022. <div class="side4"> <script src="http://totallylayouts.com/tumblr/users-online-counter/online.js?id=4JaGL9oANc2vdwPyQYUI&style=text" values="font-family: arial; color: #fff; font-size:10px;"></script> Bombastic's Online</div>
  1023. <div class="side3"><script src="http://totallylayouts.com/tumblr/visitor-counter/counter.js?id=376944&style=text" values="font-family: arial; color: #fff; font-size:10px;"></script> Visirantes </div>
  1024. <br><br><br><br><br>
  1025.  
  1026. <div class="side12">
  1027. <center>Participam</center></div><br><br><br><br><br>
  1028. <div class="boxsidebar">
  1029. <a href="http://bombasticdesign.tumblr.com/post/46784068275" target="_blank">
  1030. <img src="http://static.tumblr.com/cir8k0k/YDSmkjla3/zz.png" width="100%"></a>
  1031. </div><br><br><br><br>
  1032.  
  1033.  
  1034. <div class="side12">
  1035. <center>Últimos tweets</center></div><br><br><br><br><br>
  1036. <div class="boxsidebar">
  1037. <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
  1038. <script>
  1039. new TWTR.Widget({
  1040. version: 3,
  1041. type: 'profile',
  1042. rpp: 3,
  1043. interval: 30000,
  1044. width: 'auto',
  1045. height: 200,
  1046. theme: {
  1047. shell: {
  1048. background: 'rgba(64, 57, 58, 1)',
  1049. color: '#'
  1050. },
  1051. tweets: {
  1052. background: '#',
  1053. color: '#fff',
  1054. links: 'rgba(215, 87, 133, 1)'
  1055. }
  1056. },
  1057. features: {
  1058. scrollbar: false,
  1059. loop: false,
  1060. live: false,
  1061. behavior: 'all'
  1062. }
  1063. }).render().setUser('designbombastic').start();
  1064. </script>
  1065. <center><a href="https://twitter.com/designbombastic" class="twitter-follow-button" data-show-count="false">Follow @designbombastic</a>
  1066. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  1067. </div><br><br><br><br>
  1068.  
  1069.  
  1070.  
  1071.  
  1072. <div class="side12">
  1073. <center>Top Tutoriais</center></div><br><br><br><br><br>
  1074. <div class="boxsidebar">
  1075. <div class="cru1">
  1076. <a href="/tagged/mini%20gifs">Mini gifs</a>
  1077. <a href="/tagged/avatares">Avatares/icons</a>
  1078. <a href="/tagged/banners">Banners</a>
  1079. <a href="/tagged/video%20aula">Video aulas</a>
  1080. <a href="/tagged/PNG's">Png's</a>
  1081. </div></div><br><br><br><br>
  1082.  
  1083. <div class="side12">
  1084. <center>Parceiros (as)</center></div><br><br><br><br><br>
  1085. <div class="boxsidebar">
  1086. <div class="wrapper">
  1087. <div class="list_carousel responsive" >
  1088. <ul id="foo5">
  1089.  
  1090. <li>
  1091. <a href="http://themes-for-all.tumblr.com/" target="_blank">
  1092. <img src="http://static.tumblr.com/gdasrfz/Ymlmk8gmh/1.png"></li>
  1093. <li>
  1094. <a href="http://codigoxhtml.tumblr.com/" target="_blank">
  1095. <img src="http://static.tumblr.com/gdasrfz/8gfmk8gn0/2.png">
  1096.  
  1097.  
  1098. </a></li>
  1099.  
  1100.  
  1101. <li>
  1102. <a href="http://mundohtml.tumblr.com/" target="_blank">
  1103. <img src="http://static.tumblr.com/gdasrfz/2timk8gn8/3.png"></li>
  1104.  
  1105. <li>
  1106. <a href="http://previewhtml.tumblr.com/" target="_blank">
  1107. <img src="http://static.tumblr.com/gdasrfz/APimk8gnf/4.png">
  1108.  
  1109.  
  1110. </a></li>
  1111.  
  1112.  
  1113. <li>
  1114. <a href="http://just-ourhtml.tumblr.com/" target="_blank">
  1115. <img src="http://static.tumblr.com/gdasrfz/l9Nmk8gnn/5.png">
  1116. </a></li>
  1117.  
  1118. <li>
  1119. <a href="http://upalldesign.tumblr.com/" target="_blank">
  1120. <img src="http://static.tumblr.com/gdasrfz/O7Umk8gnu/6.png">
  1121. </a></li>
  1122.  
  1123. <li>
  1124. <a href="http://html-2-you.tumblr.com/" target="_blank">
  1125. <img src="http://static.tumblr.com/gdasrfz/7Eumk8go3/7.png">
  1126. </a></li>
  1127.  
  1128. <li>
  1129. <a href="http://html-smiler.tumblr.com/" target="_blank">
  1130. <img src="http://static.tumblr.com/gdasrfz/h3cmk8gob/8.png">
  1131. </a></li>
  1132.  
  1133. <li>
  1134. <a href="http://young-html.tumblr.com/" target="_blank">
  1135. <img src="http://static.tumblr.com/gdasrfz/shOmk8gon/9.png">
  1136. </a></li>
  1137.  
  1138. <li>
  1139. <a href="http://dopest-resources.tumblr.com/" target="_blank">
  1140. <img src="http://static.tumblr.com/gdasrfz/I00mk8gow/10.png">
  1141. </a></li>
  1142.  
  1143.  
  1144.  
  1145. </ul>
  1146.  
  1147.  
  1148. </div></div><br>
  1149. <br><br><br><br><br><center><div style="margin-top:-15px;">
  1150. Não encontrou algo que desejava em nosso tumblr? Dê uma olhada no blog de nossos parceiros!</center></div><br><br><br><br>
  1151.  
  1152. <div class="side12">
  1153. <center>Último theme</center></div><br><br><br><br><br>
  1154. <div class="boxsidebar">
  1155. <a href="http://bombasticdesign.tumblr.com/post/46111176421" target="_blank">
  1156. <img src="http://24.media.tumblr.com/a797525ad5a5cceaadb36eac3b099742/tumblr_mk4z6dFP0l1r0ekm8o1_500.jpg" width="100%"></a>
  1157. </div><br><br><br><br>
  1158.  
  1159. <div class="side12">
  1160. <center>Agradecimentos</center></div><br><br><br><br><br>
  1161. <div class="boxsidebar">
  1162. Theme feito totalmente por Chi, para apenas uso do Bombastic Design, não copie nada, nem uma vírgula. Inspirar-se é muito diferente de copia, então seja original e tenha orgulho de dizer <b>"eu que fiz"</b>. Plagiar além de ser feio, é ilegal e muito antiético. E qualquer criatividade que você se inspirou aqui <b>credite!</b>, obrigada. <span onClick="changeNavigation('creditos')"><b>Leia mais...</b></span></div>
  1163.  
  1164.  
  1165. <!– FIM DO CONTEUDO –>
  1166.  
  1167. </div>
  1168.  
  1169.  
  1170.  
  1171. <div id="content">
  1172.  
  1173.  
  1174. <br><br><br>
  1175.  
  1176. <!-- conteudo dos posts e paginas -->
  1177.  
  1178.  
  1179.  
  1180. <div id="local">
  1181.  
  1182. <!---------- POSTS --------------------------->
  1183. {block:Posts}<br>
  1184. {block:Regular}<div class="post"><div class="box8">
  1185.  
  1186.  
  1187. {block:Title}<div class="titulo2">{Title}<br></div>{/block:Title}
  1188. <div class="entry">{Body}</div>
  1189.  
  1190. <div class="divdate"></div>
  1191.  
  1192.  
  1193. <!---------------- DATA DOS POSTS ------------->
  1194.  
  1195. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> | {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} | <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> </div>
  1196.  
  1197. </div></div> </div>
  1198. <div class="bottomcaixa"></div>
  1199. {/block:Regular}
  1200.  
  1201.  
  1202.  
  1203. <!---------- PHOTOS --------------------------->
  1204.  
  1205. {block:Photo}
  1206. <div class="post"><div class="box8">
  1207.  
  1208.  
  1209.  
  1210. <center>{LinkOpenTag}<img src="{PhotoURL-500}" class="border" alt="{PhotoAlt}" width=480px/>{LinkCloseTag}</center>
  1211. {block:Caption}
  1212. <br>
  1213. <div class="caption">{Caption}</div>
  1214. {/block:Caption}
  1215.  
  1216.  
  1217. <div class="divdate"></div>
  1218.  
  1219.  
  1220. <!---------------- DATA DOS POSTS ------------->
  1221.  
  1222. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> | {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} | <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> </div>
  1223.  
  1224.  
  1225. </div></div></div>
  1226. {/block:Photo}
  1227.  
  1228.  
  1229.  
  1230.  
  1231.  
  1232. <!---------------- ASK ------------->
  1233.  
  1234. {block:Answer}
  1235. <div class="post"><div class="box8">
  1236. <div class="perguntou">
  1237. <span class="per1"><a href="{Permalink}">
  1238. <img src="http://static.tumblr.com/tx5g7yp/NCwmbj6s0/heart.png" border="0"></a>
  1239. {TimeAgo}
  1240. </span>
  1241. </div>
  1242.  
  1243. <div class="pergunta">
  1244. {Question}<p>
  1245.  
  1246. <div class="boxicon">
  1247. <img src="{AskerPortraitURL-24}" width="24" class="askfoto">
  1248. </div>
  1249.  
  1250. <span class="data">
  1251. <img style="position: absolute; margin-top: 2px;"src="http://static.tumblr.com/tx5g7yp/9gambj6ue/user.png">
  1252. <span class="ns">Volte sempre, <g>{Asker}.</g>
  1253. </span>
  1254. </span>
  1255.  
  1256. </div>
  1257. <div class="linha"></div>
  1258. {Answer}
  1259.  
  1260. <div style="float: center"><div class="mennur2">Respondida em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> | {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} | <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> </div>
  1261.  
  1262.  
  1263. </div></div>
  1264. </div>
  1265. {/block:Answer}
  1266.  
  1267.  
  1268.  
  1269.  
  1270.  
  1271.  
  1272. <!---------- QUOTES --------------------------->
  1273.  
  1274.  
  1275. {block:Quote}
  1276. <div class="post"><div class="box8">
  1277.  
  1278.  
  1279.  
  1280. <div class="h1">{Quote}</div>
  1281. </span><br>
  1282. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  1283.  
  1284. <div class="divdate"></div>
  1285.  
  1286.  
  1287.  
  1288. <!---------------- DATA DOS POSTS ------------->
  1289.  
  1290. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> | {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} | <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> </div>
  1291.  
  1292.  
  1293. </div></div> </div>
  1294. {/block:Quote}
  1295.  
  1296.  
  1297.  
  1298.  
  1299.  
  1300. <!---------- LINKS --------------------------->
  1301.  
  1302.  
  1303. {block:Link}
  1304. <div class="post"><div class="box8">
  1305.  
  1306.  
  1307.  
  1308. <a href="{URL}" class="link" {Target}><div class="h1">{Name}</div></a>
  1309. {block:Description}
  1310. <div class="description">{Description}</div>
  1311. {/block:Description}
  1312.  
  1313.  
  1314. <div class="divdate"></div>
  1315.  
  1316.  
  1317.  
  1318. <!---------------- DATA DOS POSTS ------------->
  1319.  
  1320. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> | {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} | <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> </div>
  1321.  
  1322.  
  1323. </div></div> </div>
  1324. {/block:Link}
  1325.  
  1326.  
  1327.  
  1328.  
  1329. <!---------- CHAT --------------------------->
  1330. {block:Chat}
  1331. <div class="post"><div class="box8">
  1332.  
  1333.  
  1334.  
  1335.  
  1336. <p>{block:Title}<div class="h1"><a href="{Permalink}">{Title}</a></div>
  1337. {/block:Title}
  1338.  
  1339. <div class="chat">
  1340. <div class="chat1">
  1341. {block:Lines}
  1342. <div class="chat2 {Alt}">
  1343. {block:Label}
  1344. <span>{Label}</span>
  1345. {/block:Label}
  1346. {Line}</div>
  1347. {/block:Lines}
  1348. </div>
  1349. </div>
  1350. <div class="divdate"></div>
  1351.  
  1352.  
  1353.  
  1354. <!---------------- DATA DOS POSTS ------------->
  1355.  
  1356. <br><div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> | {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} | <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> </div>
  1357.  
  1358.  
  1359. </div></div> </div>
  1360. {/block:Chat}
  1361.  
  1362.  
  1363.  
  1364.  
  1365.  
  1366.  
  1367. <!---------- AUDIO --------------------------->
  1368. {block:Audio}
  1369. <div class="post"><div class="box8">
  1370.  
  1371.  
  1372.  
  1373. <p>{AudioPlayerWhite}
  1374. {block:Caption}
  1375. <div class="caption">{Caption}</div>
  1376. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  1377. {/block:Caption}
  1378.  
  1379.  
  1380. <div class="divdate"></div>
  1381.  
  1382.  
  1383.  
  1384. <!---------------- DATA DOS POSTS ------------->
  1385.  
  1386. <br><div style="float: center"><div class="mennur2">postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> | {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} | <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> </div>
  1387.  
  1388.  
  1389. </div></div> </div>
  1390. {/block:Audio}
  1391.  
  1392.  
  1393.  
  1394.  
  1395. <!---------- VIDEOS --------------------------->
  1396.  
  1397. {block:Video}
  1398. <div class="post">
  1399. <div class="box8">
  1400.  
  1401.  
  1402.  
  1403. <center>{Video-500}
  1404. <br>
  1405. {block:Caption}
  1406. <div class="caption">{Caption}</div>
  1407. {/block:Caption}</center>
  1408.  
  1409. <BR>
  1410. <div class="divdate"></div>
  1411.  
  1412.  
  1413.  
  1414. <!---------------- DATA DOS POSTS ------------->
  1415.  
  1416. <br><div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> | {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} | <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> </div>
  1417.  
  1418.  
  1419. </div></div> </div>
  1420. {/block:Video}
  1421.  
  1422.  
  1423.  
  1424.  
  1425. <!---------------- NOTAS DOS POSTS ------------->
  1426. {block:PostNotes}<div class="post"><div class="box8">
  1427. <div class="notes-bottom">
  1428. {PostNotes}
  1429. </div></div></div>
  1430. {/block:PostNotes}
  1431.  
  1432. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  1433. {/block:Posts}
  1434.  
  1435.  
  1436.  
  1437. <center>
  1438. {block:IndexPage}
  1439. <div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  1440. {block:JumpPagination length="9"}
  1441. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  1442. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1443. {/block:JumpPagination}
  1444. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  1445. </div></center>
  1446. {/block:IndexPage}
  1447.  
  1448. </div>
  1449.  
  1450. <!– FIM DO CONTEUDO –>
  1451.  
  1452.  
  1453.  
  1454. <!-- Conteudo dos menus -->
  1455.  
  1456.  
  1457.  
  1458.  
  1459.  
  1460.  
  1461.  
  1462.  
  1463.  
  1464. <div id="02" style="display:none;"><br>
  1465.  
  1466.  
  1467. <div class="box">
  1468. <div class="titulo">Correio Eletronico</div>
  1469. <div class="wishlist1">Antes de perguntar <b>LEIA OS TUTORIAIS!</b></div>
  1470.  
  1471. <div class="wishlist1">Nunca, jamais, em hipótese alguma retire <u><b>nossos créditos</b></u>.</div>
  1472.  
  1473. <div class="wishlist1">Não vamos te ensinar como fazer um theme do zero. Use o Google, existem centenas de tutoriais.</div>
  1474.  
  1475. <div class="wishlist1">Não use nossos themes como base, só para uso pessoal.</div>
  1476.  
  1477. <div class="wishlist1">Pode modificar os themes, contanto que não retire os créditos nem disponibilize.</div>
  1478.  
  1479.  
  1480. <div class="wishlist1">Aceitamos sugestões, pedidos de tutoriais, materiais e críticas <b>construtivas</b>.</div>
  1481.  
  1482. <div class="wishlist1">Não estamos a procura de moderadores.</div>
  1483.  
  1484. <div class="wishlist1">Não aceitamos encomendas de header e banner com logo-tipos ou seja nomes!</div>
  1485.  
  1486. <div class="wishlist1">Perguntas frequentes (FAQ) <a href="http://bombasticdesign.tumblr.com/tagged/FAQ" target="_blank"><b>aqui</b></a>.</div>
  1487. <div class="cor-da-caixa-da-ask">
  1488. <iframe frameborder="0" scrolling="no" width="495px" height="190" src="http://www.tumblr.com/ask_form/bombasticdesign.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe></div>
  1489. <div class="titulo">Pedidos? siga a ficha</div>
  1490. <div class="wishlist1"><center>avatares/ icons?:</center></div>
  1491. <div class="wishlist1">tamanho:</div>
  1492. <div class="wishlist1">algum efeito:</div>
  1493. <div class="wishlist1">se quiser mande a foto:</div>
  1494.  
  1495. <div class="wishlist1"><center>Banner?</center></div>
  1496. <div class="wishlist1">tamanho:</div>
  1497. <div class="wishlist1">cores:</div>
  1498.  
  1499. <div class="wishlist1"><center>Themes?</center></div>
  1500. <div class="wishlist1">Quantas colunas:</div>
  1501. <div class="wishlist1">algum detalhe:</div>
  1502. <div class="wishlist1">cores:</div>
  1503. <div class="wishlist1">com ou sem aparence:</div>
  1504. <div class="wishlist1"><center>OUTROS PEDIDOS APENAS COM ACORDO COM AS MODERADORAS</center></div>
  1505. <div class="titulo">Pedidos apenas logados!</div>
  1506. <iframe height="380" frameborder="0" width="100%" scrolling="no" style="background-color: transparent; overflow: hidden;" src="http://www.tumblr.com/submit_form/bombasticdesign.tumblr.com" id="submit_form"/>
  1507. <!--[if IE]><script type="text/javascript">
  1508. document.getElementById('submit_form').allowTransparency=true;
  1509. </script><![endif]--></iframe>
  1510.  
  1511. </div></div>
  1512.  
  1513. <div id="ex" style="display:none;"><br>
  1514.  
  1515.  
  1516. <div class="box">
  1517. <div class="titulo">Materiais/ Extras</div>
  1518.  
  1519. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/tagged/paletas">Paletas de Cores</a> </div></div>
  1520.  
  1521. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/tagged/video%20aula">Video Aulas</a> </div></div>
  1522.  
  1523.  
  1524. <div id="menuextra"><div class="menu"><a
  1525.  
  1526. href="http://bombasticdesign.tumblr.com/tagged/mini%20gifs">Mini Gifs</a> </div></div>
  1527. <div id="menuextra"><div class="menu"><a
  1528.  
  1529. href="http://bombasticdesign.tumblr.com/tagged/patterns">Patterns e Backgrounds</a></div></div>
  1530. <div id="menuextra"><div class="menu"><a
  1531.  
  1532. href="http://bombasticdesign.tumblr.com/tagged/PNG's">PNG's</a></div></div>
  1533. <div id="menuextra"><div class="menu"><a
  1534.  
  1535. href="http://bombasticdesign.tumblr.com/tagged/cortininhas">Cortininhas</a></div></div>
  1536.  
  1537.  
  1538. <div id="menuextra"><div class="menu"><a
  1539.  
  1540. href="http://bombasticdesign.tumblr.com/tagged/avatares">Avatares/Icons</a> </div></div>
  1541.  
  1542.  
  1543. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/tagged/action_e_psd">Actions e PSD's</a></div></div>
  1544.  
  1545.  
  1546. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/tagged/dicas_psd">PSD's reblogador</a>&nbsp;</div></div>
  1547.  
  1548. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/tagged/fontes">Fontes</a>&nbsp;</div></div>
  1549.  
  1550. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/tagged/downloads">Downloads</a>&nbsp;</div></div>
  1551.  
  1552.  
  1553. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/tagged/banners">Banners Prontos</a></div></div>
  1554.  
  1555. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/tagged/fontes">Fontes</a></div></div>
  1556.  
  1557. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/tagged/styles">Styles para Photoshop</a></div></div>
  1558.  
  1559.  
  1560. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/tagged/skins_para_dash">Skins/Themes para dash.</a></div></div>
  1561.  
  1562. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/32142177837">Galerias de fotos de famosos.</a></div></div>
  1563.  
  1564. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/tagged/capas_para_facebook">Capas para seu Facebook.</a></div></div>
  1565.  
  1566. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/tagged/bases_ps">Bases para Photoshop.</a></div></div>
  1567.  
  1568.  
  1569.  
  1570. </div></div>
  1571.  
  1572.  
  1573. <div id="03" style="display:none;">
  1574. <br>
  1575. <div class="box">
  1576. <div class="titulo">Menu</div>
  1577.  
  1578. <div class="menuesquerda">
  1579.  
  1580. <a href="http://bombasticdesign.tumblr.com/post/12342902164/"> Menu Slide Down.</a>
  1581. <a href="http://bombasticdesign.tumblr.com/post/14414663775/">Como fazer Menu Mapeado</a>
  1582. <a href="http://bombasticdesign.tumblr.com/post/14815125616/">Menu de coração</a>
  1583. <a href="http://bombasticdesign.tumblr.com/post/21721558182">Menu que rola para cima ao passar o mouse.</a>
  1584. <a href="http://bombasticdesign.tumblr.com/post/23941100254">Menu/Imagem Zoom. </a>
  1585. <a href="http://bombasticdesign.tumblr.com/post/34187578863">Menu de Sombra (shadow). </a>
  1586. <a href="LINK DO TUTORIAL">EM BREVE</a>
  1587. </div>
  1588.  
  1589. <div class="menudireita">
  1590. <a href="http://bombasticdesign.tumblr.com/post/34186178428">Menu (tópicos) shadow 2. </a>
  1591. <a href="http://bombasticdesign.tumblr.com/post/35938731028">Menu de Imagem hover. </a>
  1592. <a href="http://bombasticdesign.tumblr.com/post/36093463579">Menu Explosion.</a>
  1593. <a href="http://bombasticdesign.tumblr.com/post/36825382954">Letras/Menu de sombras hover.</a>
  1594. <a href="http://bombasticdesign.tumblr.com/post/37206502403">Colocando um caractere colorido no menu.</a>
  1595. <a href="http://bombasticdesign.tumblr.com/post/43839505930">Como fazer menu pop-up.</a>
  1596. <a href="LINK DO TUTORIAL">EM BREVE</a>
  1597. </div></div>
  1598.  
  1599.  
  1600.  
  1601.  
  1602.  
  1603.  
  1604. <br><div class="box">
  1605. <div class="titulo">Imagens</div>
  1606. <div class="menuesquerda">
  1607. <a href="http://bombasticdesign.tumblr.com/post/8784714270/">Como deixar imagem opaca (efeito opacidade).</a>
  1608. <a href="http://bombasticdesign.tumblr.com/post/35996889940"> Imagem que treme ao passar o mouse.</a>
  1609. <a href="http://bombasticdesign.tumblr.com/post/14314838057"> Fazer imagens passando na theme de um lado para outro (marquee personalizado)</a>
  1610. <a href="http://bombasticdesign.tumblr.com/post/14814517257/">Imagens Redondas no Theme</a>
  1611. <a href="http://bombasticdesign.tumblr.com/post/15627035740">Imagem que muda ao passar o mouse.</a>
  1612. <a href="http://bombasticdesign.tumblr.com/post/8447047810/">Como alterar o tamanho de uma foto (imagem).</a>
  1613. <a href="http://bombasticdesign.tumblr.com/post/9513819728/">Como colocar banner a cima dos posts.</a>
  1614. <a href="http://bombasticdesign.tumblr.com/imagem_no_theme">Como colocar imagem em seu theme e/ou alterar largura e altura (tamanho).</a>
  1615. <a href="http://bombasticdesign.tumblr.com/post/23941100254">Menu/Imagem Zoom. </a>
  1616. <a href="LINK DO TUTORIAL">EM BREVE</a>
  1617. <a href="LINK DO TUTORIAL">EM BREVE</a>
  1618.  
  1619. </div>
  1620.  
  1621. <div class="menudireita">
  1622. <a href="http://bombasticdesign.tumblr.com/post/27852546436">Borda estilo quadro. </a>
  1623. <a href="http://bombasticdesign.tumblr.com/post/27853842201">Borda de imagem (pattern) nas fotos. </a>
  1624. <a href="http://bombasticdesign.tumblr.com/post/29007339937">Como deixar as imagens do seu tumblr em branco e preto. </a>
  1625. <a href="http://bombasticdesign.tumblr.com/post/30118375762">Imagem que muda ao passar o mouse (2º modo). </a>
  1626. <a href="http://bombasticdesign.tumblr.com/post/30481897657">Efeito embaçado e branco e preto hover (Grayblur). </a>
  1627. <a href="http://bombasticdesign.tumblr.com/post/34842864011">Imagens aleatórias (mudam em cada página). </a>
  1628. <a href="http://bombasticdesign.tumblr.com/post/35993455505">Como colocar imagens sépia no theme (ou hover). </a>
  1629. <a href="http://bombasticdesign.tumblr.com/post/37124835013">Imagem preto e branco que normaliza ao passar o mouse (ou contrário). </a>
  1630. <a href="http://bombasticdesign.tumblr.com/post/42774233349">Ajustando o tamanho das imagens no theme. </a>
  1631. </div></div>
  1632.  
  1633.  
  1634. <br><div class="box">
  1635. <div class="titulo"> Edição de Imagens - Photoshop e afins</div>
  1636. <div class="menuesquerda">
  1637. <a href="http://bombasticdesign.tumblr.com/post/14412399692/">Como colocar efeitos em gifs pelo Photoshop/Image Ready com PSD’s</a>
  1638. <a href="http://bombasticdesign.tumblr.com/post/8603284080/">Como aplicar efeitos em gifs (photoshop).</a>
  1639. <a href="http://bombasticdesign.tumblr.com/post/35864151474">Borda Overlay - Photoshop.</a>
  1640. <a href="http://bombasticdesign.tumblr.com/post/35985293895">Efeito 3D em foto - Photoshop.</a>
  1641. <a href="http://bombasticdesign.tumblr.com/post/35986131813">Efeito Halftone (Photoshop).</a>
  1642. <a href="http://bombasticdesign.tumblr.com/post/35986561048">Redução de ruído - “Efeito Boneca” (Photoshop).</a>
  1643. <a href="http://bombasticdesign.tumblr.com/post/35990688634">Como aplicar bases em imagens (photoshop).</a>
  1644. <a href="http://bombasticdesign.tumblr.com/post/35997636696">Efeito Texture - Photoshop.</a>
  1645. <a href="http://bombasticdesign.tumblr.com/post/35991537732">Como colocar chapéu de papai noel em fotos.</a>
  1646. <a href="http://bombasticdesign.tumblr.com/post/37140611656">Como diminuir tamanho de gifs no PS.</a>
  1647. </div>
  1648.  
  1649. <div class="menudireita">
  1650. <a href="http://bombasticdesign.tumblr.com/post/39494633130">Como realçar uma cor em foto branco e preto (PS - vídeo aula). </a>
  1651. <a href="http://bombasticdesign.tumblr.com/post/39501110581">Colocando maquiagem com Photoshop.</a>
  1652. <a href="http://bombasticdesign.tumblr.com/post/40469977308">Como criar um PSD.</a>
  1653. <a href="http://bombasticdesign.tumblr.com/post/43097930211">Abrindo Gifs no Photoshop normalmente.</a>
  1654. <a href="http://bombasticdesign.tumblr.com/post/43841331181">Como baixar e instalar actions (Photoshop).</a>
  1655. <a href="http://bombasticdesign.tumblr.com/post/44489814249">Como mesclar fotos.</a>
  1656. <a href="http://bombasticdesign.tumblr.com/post/44569496205">Efeito gradiente de lado.</a>
  1657. <a href="http://bombasticdesign.tumblr.com/post/45452277740">"Shape" oval em imagem.</a>
  1658. <a href="http://bombasticdesign.tumblr.com/post/45701259912">Como colocar actions em gifs.</a>
  1659. <a href="http://bombasticdesign.tumblr.com/post/46620025029">Como pintar o cabelo no Photoshop.</a>
  1660. <a href="LINK DO TUTORIAL">EM BREVE</a>
  1661.  
  1662. </div></div>
  1663.  
  1664.  
  1665. <br><div class="box">
  1666. <div class="titulo">Estilo de ask</div>
  1667.  
  1668. <div class="menuesquerda">
  1669. <a href="http://bombasticdesign.tumblr.com/post/46260569138">Estilo #1</a>
  1670.  
  1671. </div>
  1672.  
  1673. <div class="menudireita">
  1674. <a href="LINK DO TUTORIAL">EM BREVE</a>
  1675. </div></div>
  1676.  
  1677. <br><div class="box">
  1678. <div class="titulo">Música no theme (Player)</div>
  1679. <div class="menuesquerda">
  1680. <a href="http://bombasticdesign.tumblr.com/post/9498798656/">Player do Youtube branco </a>
  1681. <a href="http://bombasticdesign.tumblr.com/post/8583925179/">Como colocar m&uacute;sica no Tumblr</a>
  1682. <a href="http://bombasticdesign.tumblr.com/post/10411999492/">Como colocar musica no Tumblr pelo SCM Music.</a>
  1683. <a href="LINK DO TUTORIAL">EM BREVE</a>
  1684. <a href="LINK DO TUTORIAL">EM BREVE</a>
  1685. <a href="LINK DO TUTORIAL">EM BREVE</a>
  1686. </div>
  1687.  
  1688. <div class="menudireita">
  1689. <a href="http://bombasticdesign.tumblr.com/post/18663955591">Como personalizar o player do SCM Music.</a>
  1690. <a href="http://bombasticdesign.tumblr.com/post/30536539946">Adicionar musica a o playlist sem que se faça outro player do SCM Music.</a>
  1691. <a href="http://bombasticdesign.tumblr.com/post/34030454251">Novo Player - Personalizado.</a>
  1692. <a href="http://bombasticdesign.tumblr.com/post/36306701407">Colocar skin numa playlist já existente (SCM Music).</a>
  1693. <a href="http://bombasticdesign.tumblr.com/post/46798188240">Player Hypster</a>
  1694. </div></div>
  1695.  
  1696. <br><div class="box">
  1697. <div class="titulo"> Cursores (Mouse)</div>
  1698.  
  1699. <div class="menuesquerda">
  1700. <a href="http://bombasticdesign.tumblr.com/post/12610565730/"> Como colocar cursor personalizado no seu tumblr.</a>
  1701. <a href="http://bombasticdesign.tumblr.com/post/12342525707/"> Bolhas saindo do mouse (cursor).</a>
  1702.  
  1703. </div>
  1704.  
  1705. <div class="menudireita">
  1706. <a href="http://bombasticdesign.tumblr.com/post/12044173521"> Cursores em uma div, formatações etc.</a>
  1707. <a href="http://bombasticdesign.tumblr.com/post/8478980437/">MouseOver</a>
  1708. </div></div>
  1709.  
  1710. <br><div class="box">
  1711. <div class="titulo">Barra de Rolagem</div>
  1712.  
  1713. <div class="menuesquerda">
  1714. <a href="http://bombasticdesign.tumblr.com/post/14410478460/"> Barra de Rolagem Personalizada (MAIS EFICAZ)</a>
  1715. <a href="http://bombasticdesign.tumblr.com/post/12341767405/"> Barra de Rolagem Infinita</a>
  1716. <a href="http://bombasticdesign.tumblr.com/post/9257308242">Colocando barra de rolagem personalizada.</a>
  1717.  
  1718. </div>
  1719.  
  1720. <div class="menudireita">
  1721. <a href="http://bombasticdesign.tumblr.com/post/27851174388">Rolagem que desce “lentamente” - com opacidade.</a>
  1722. <a href="http://bombasticdesign.tumblr.com/post/36454734533">Novo estilo de barra de rolagem.</a>
  1723. <a href="LINK DO TUTORIAL">EM BREVE</a>
  1724. <a href="LINK DO TUTORIAL">EM BREVE</a>
  1725. </div></div>
  1726.  
  1727. <div class="titulo"> Usando Cortininhas & Patterns</div>
  1728.  
  1729. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/9767951483/">Como fazer cortininhas (Photoshop).</a></div></div>
  1730.  
  1731. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/9255726044/">Como colocar pattern/cortininha no seu tumblr.</a></div></div><br>
  1732.  
  1733. <div class="titulo"> Formatações em Geral</div>
  1734.  
  1735. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/9928452368/">Como colocar fonte personalizada nos titulos</a>.</div></div>
  1736.  
  1737. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/8446928947/">Formata&ccedil;&otilde;es b&aacute;sicas de texto</a>.</div></div>
  1738.  
  1739. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/15354891653">Personalizando o itálico, negrito, sublinhado e riscado no seu tumblr.</a></div></div>
  1740.  
  1741. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/21286439470">Frase que muda ao passar o mouse.</a></div></div>
  1742.  
  1743. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/21287176554">Font Face (Fonte Personalizada)</a>.</div></div>
  1744.  
  1745. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/36825382954">Letras/Menu de sombras hover.</a></div></div>
  1746.  
  1747. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/36826708201">Mudando a primeira letra de um texto.</a></div></div><br>
  1748.  
  1749.  
  1750. <div class="titulo"> Códigos e links úteis do próprio tumblr</div>
  1751.  
  1752. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/9498933459/">C&oacute;digo de "Reblog"</a></div></div>
  1753.  
  1754. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/36084577311">Código de “Source” e “Via” ATUALIZADOS.</a></div></div>
  1755.  
  1756. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/9053211175/">Colocando o bot&atilde;o "Follow" na sua theme.</a></div></div>
  1757.  
  1758. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/15724661880/">Código de Submit.</a></div></div>
  1759.  
  1760. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/8480091654/">C&oacute;digo da caixinha de ask</a> (askbox).</div></div>
  1761.  
  1762. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/8541200022/">Como fazer nuvem de tags. </a></div></div>
  1763.  
  1764. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/10656536414/">Nuvem de Tags (de outro modo MAIS SIMPLES)</a></div></div>
  1765.  
  1766. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/27864875390">Como fazer photosets</a></div></div>
  1767.  
  1768. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/17501767002/">Fundo da ask personalizado. </a></div></div>
  1769.  
  1770. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/8528091740/">Como colocar o bot&atilde;o "Follow" e "Dashboard" fixos no topo.</a></div></div>
  1771.  
  1772. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/11023338129">Meu botão de follow/dasboard sumiu, o que eu faço?</a></div></div>
  1773.  
  1774. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/19295697341">Como mudar sua URL.</a></div></div>
  1775.  
  1776. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/22519067948">Como ativar a ask do seu tumblr.</a></div></div>
  1777.  
  1778. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/31290894016">Como impedir que vejam seus likes.</a></div></div>
  1779.  
  1780. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/32883308772">Como colocar quem você segue no theme.</a></div></div>
  1781.  
  1782. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/32949186439">Como funcionam as queues - posts “programados” para serem postados sozinhos.</a></div></div>
  1783.  
  1784. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/36307216716">Como recuperar um theme que você estava usando.</a></div></div>
  1785.  
  1786. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/36376340084">Como fazer perguntas em posts do tumblr.</a></div></div>
  1787.  
  1788. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/36539429313">Instalando e configurando Missing-e.</a></div></div>
  1789.  
  1790. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/38733764249">Mudando o tamanho da imagem de quem perguntou (ask).</a></div></div>
  1791.  
  1792. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/39883423779">Mudando o "título" da askbox.</a></div></div>
  1793.  
  1794. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/45843151396">Paginação com símbolos ou setas.</a></div></div>
  1795.  
  1796. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/45843077933">Paginação Simples.</a></div></div>
  1797.  
  1798. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/45761218400">Base simples.</a></div></div>
  1799.  
  1800. <div class="titulo"> Proteções anti plágio/cópia</div>
  1801.  
  1802. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/17047921402">Código que impede que arrastem imagem pra aba (ajuda a proteger de cópias).</a></div></div>
  1803.  
  1804. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/8446399558/">Como bloquear&nbsp;o bot&atilde;o direito do mouse</a>.</div></div>
  1805.  
  1806. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/8426239154/">Como bloquear a sele&ccedil;&atilde;o do mouse.</a></div></div>
  1807.  
  1808. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/16672143616">Aviso anti cópia após teclar algo.</a></div></div>
  1809.  
  1810. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/31290470090">Como bloquear o teclado em seu theme.</a></div></div><br>
  1811.  
  1812.  
  1813.  
  1814. <div class="titulo"> Contadores em geral</div>
  1815.  
  1816. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/8959326461/">Como colocar contador de visitas.</a>&nbsp;1</div></div>
  1817.  
  1818. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/9257657024/">Como colocar contador de visitas</a>&nbsp;2</div></div>
  1819.  
  1820. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/34029497924">Como colocar contador de visitas 3º modo (NOVO!).</a></div></div>
  1821.  
  1822. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/34030877959">Vendo (e colocando) as estatísticas de seu tumblr - contador de seguidores.</a></div></div><br>
  1823.  
  1824.  
  1825.  
  1826. <div class="titulo"> Links Úteis e outros utilitários</div>
  1827.  
  1828. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/16868663600">Site que gera utilitários de CSS</a></div></div>
  1829.  
  1830. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/15137684766">Como descobrir quem te deu unfollow (Está funcionando)</a></div></div>
  1831.  
  1832. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/12165762346/">Bases para Themes.</a></div></div>
  1833.  
  1834. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/8785158307/">Themes para Dashboard do Tumblr.</a></div></div>
  1835.  
  1836. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/36360654169">Como bloquear posts na sua dash (Lista Negra Tumblr).</a></div></div><br>
  1837.  
  1838.  
  1839. <div class="titulo"> Edições de Links</div>
  1840.  
  1841.  
  1842. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/9257949714">Como mudar a cor dos links na Theme.</a></div></div>
  1843.  
  1844.  
  1845. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/15570820815">Como fazer o link ficar colorido ao passar o mouse.</a></div></div>
  1846.  
  1847. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/17489786460">Como colocar link em frase ou imagem.</a></div></div>
  1848.  
  1849. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/27217194333">Link que abre em outra aba.</a></div></div>
  1850.  
  1851. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/35994599545">Como colocar seus textos no theme/página com sua autoria.</a></div></div><br>
  1852.  
  1853.  
  1854. <div class="titulo"> Outros</div>
  1855.  
  1856.  
  1857. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/34376297238">Colocando parceria</a></div></div>
  1858.  
  1859. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/34487878347">Colocando parcerias (que “aparecem” - 2º modo).</a></div></div>
  1860.  
  1861.  
  1862. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/24080546855">Colocando o background(fundo)para não repetir</a></div></div>
  1863.  
  1864. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/8451680918/">Janela de energia.</a></div></div>
  1865.  
  1866. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/9179639461/">Colocando sele&ccedil;&atilde;o colorida.</a></div></div>
  1867.  
  1868. <div id="menuextra"><div class="menu"> <a href="http://bombasticdesign.tumblr.com/post/10132981611/">Código para frase passando na sidebar.</a></div></div>
  1869.  
  1870. <div id="menuextra"><div class="menu"> <a href="http://bombasticdesign.tumblr.com/post/10459277942/">Como fazer um portfólio</a></div></div>
  1871.  
  1872. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/13075270804/"> Código da seta "Voltar ao topo".</a></div></div>
  1873.  
  1874. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/16709252089">Botão voltar para o topo da página (2º modo)</a></div></div>
  1875.  
  1876. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/14312876135/"> Redirecionamento de Página</a></div></div>
  1877.  
  1878. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/14313102264/"> Colocando neve caindo</a></div></div>
  1879.  
  1880. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/14410272675"> Como fazer caixinha de texto com barra de rolagem</a></div></div>
  1881.  
  1882. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/15129166629/">Como fazer Borda Crazy</a></div></div>
  1883.  
  1884. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/15423769852">Como colocar slideshow no theme.</a></div></div>
  1885.  
  1886. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/31927754820">Como colocar slideshow no theme (2º modo - Fade-in Slideshow).</a></div></div>
  1887.  
  1888. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/15478841667/">Como fazer o titulo do tumblr ficar “passando” na guia do
  1889.  
  1890. navegador.</a></div></div>
  1891.  
  1892. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/15725175100">Como fazer Lista de Desejos (Wishlist).</a></div></div>
  1893.  
  1894. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/17715299877">Colocando borda na ask.</a></div></div>
  1895.  
  1896. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/20674815720">Como colocar tags em ask (Pelo missing e). </a></div></div>
  1897.  
  1898. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/21721286577">Como fazer uma FAQ. </a></div></div>
  1899.  
  1900. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/24687655296">Colocar 2 colunas (wishlist, etc.). </a></div></div>
  1901.  
  1902. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/25112287635">BG que não repete ao descer a página. </a></div></div>
  1903.  
  1904. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/30116164184">Como colocar caixinha que fica ao lado dos posts. </a></div></div>
  1905.  
  1906. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/30119191939">Como colocar botão (follow) do Twitter em seu Tumblr.</a></div></div>
  1907.  
  1908. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/30415421511">Arrumando a acentuação em seu theme.</a></div></div>
  1909.  
  1910. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/30616160390">Fazer vídeo (gravar) a sua tela.</a></div></div>
  1911.  
  1912. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/31945100108">Como colocar slideshow num banner.</a></div></div>
  1913.  
  1914. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/32077336180">Como fazer o posicionamento de theme de 2 ou 3 colunas.</a></div></div>
  1915.  
  1916. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/32944377802">Como fazer theme em grade.</a></div></div>
  1917.  
  1918. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/32355480156">Como mudar a foto que fica na aba/guia do navegador.</a></div></div>
  1919.  
  1920. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/32947874939">Como colocar seus tweets no tumblr.</a></div></div>
  1921.  
  1922. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/35437681179">Como colocar caixinha do ask.fm no tumblr.</a></div></div>
  1923.  
  1924. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/35858983203">Como baixar séries/filmes pelo torrent (com legenda separada).</a></div></div>
  1925.  
  1926. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/36232157300">Como deixar as caixas de posts do seu tumblr opacas.</a></div></div>
  1927.  
  1928. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/36360846959">Colocando asks respondidas abaixo da sua askbox.</a></div></div>
  1929.  
  1930. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/36452845674">Código lâmpada - acende o tumblr.</a></div></div>
  1931.  
  1932. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/36453018001">Código estilo iPhone para acessar o tumblr.</a></div></div>
  1933.  
  1934. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/36536948881">Como colocar opção “Curtir” do Facebook em seu Tumblr.</a></div></div>
  1935.  
  1936. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/36595596006">Caixa rápida de reblog (missing-e).</a></div></div>
  1937.  
  1938. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/37482028902">Como colocar mensagem de despedida pra alguém que visitou seu tumblr.</a></div></div>
  1939.  
  1940. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/37482878480">Como salvar o icon/avatar de alguém pela dashboard (missing-e).</a></div></div>
  1941.  
  1942. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/40377649058">Como colocar reblog hover.</a></div></div>
  1943.  
  1944. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/42057026851">Como colocar o Widget do We Heart It no seu blog/tumblr.</a></div></div>
  1945.  
  1946.  
  1947. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/43028826718">Como colocar gif ou outra imagem da resposta da ask.</a></div></div>
  1948.  
  1949. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/43030621207">Colocando moderação hover (que rola pra cima).</a></div></div>
  1950.  
  1951. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/43249728598">Botão +Follow e Dashboard brancos.</a></div></div>
  1952.  
  1953. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/43840550445">Colocando Google Tradutor em seu Tumblr.</a></div></div>
  1954.  
  1955. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/43843802796">Colocando FAQ (texto) e askbox juntos.</a></div></div>
  1956.  
  1957.  
  1958. <div id="menuextra"><div class="menu"><a href="http://bombasticdesign.tumblr.com/post/46123737238">Peixinhos nadando no theme.</a></div></div>
  1959.  
  1960.  
  1961. </div>
  1962.  
  1963.  
  1964. <div id="05" style="display:none;"><br><div class="box">
  1965. <div class="titulo">Themes</div>
  1966.  
  1967. <div class="wishlist1">Não use os themes como base. Se quiser alguma acesse nossos tutoriais, lá temos sugestões.</div>
  1968. <div class="wishlist1">Pode modificar, mas para uso pessoal.</div>
  1969. <div class="wishlist1">Não repasse os códigos NUNCA (mesmo que seja sua adaptação).</div>
  1970. <div class="wishlist1">Não retire nossos créditos.</div>
  1971. <div class="wishlist1">Não reblogue os posts dos Themes. Apenas os autorizados podem ser reblogados.</div>
  1972. <div class="wishlist1">Problemas de adaptação consulte os tutoriais ou passe na ask.</div>
  1973. <div class="wishlist1">Em themes de appearence, caso queira mexer no HTML, mexa primeiro nele, depois no appearance.</div>
  1974. <div class="wishlist1">Em themes alterados pelo HTML, troque "suatag" pela tag dos seus textos.</div>
  1975. <div class="wishlist1">Em <u>alguns</u> themes alterados pelo HTML, troque "suaurl" pela sua url para arrumar a ask.</div>
  1976. <div class="wishlist1"><a href="http://bombasticdesign.tumblr.com/post/16761045091"><font color=#fff>Clique aqui e veja como arrumar ask, aba textos e mudar imagem em nossos themes.</font></a></div>
  1977. <div class="titulo"><a href="/tagged/theme"> <img src="http://media.tumblr.com/tumblr_ma5ok4qFSk1qfzrmj.gif"> <font color=#fff>Clique aqui para ver os themes</font></a></div>
  1978. <div class="wishlist1">Fiquem cientes que todos os themes daqui são de nossa autorias, temos creditos de outros pessoas por
  1979. isso não retire <b>Jamais</b> os creditos! Damos o melhor de nos pra vocês então tenho consiência que da trabalha fazer tudo isso pra vocês então nos poupem de plagia! e sempre que usarem algo de outra pessoa credite mais acredite da muito trabalho! Qualquer duvida pergunte pra gente, nos não mordemos. </div>
  1980. <div class="titulo">Como fazer um theme?</div>
  1981. <div class="wishlist1">Mesmo após meu “mini tutorial” sobre o que saber inicialmente para criar um theme para Tumblr, alguns usuários ainda continuam com algumas dúvidas a respeito. Hoje então vou postar mais algumas dicas simples que, não explicam diretamente como criar um Tumblr (já que isto não é totalmente possível), mas algumas dicas que te ajudará a aprender da maneira correta como se começa o desenvolvimento de um theme para Tumblr, desde o começo, com coisas básicas, até o desenvolvimento de themes super bem feitos :D
  1982.  
  1983. Antes de mais nada na hora de criar um Tumblr, é estritamente necessário saber usar a linguagem HTML. Hoje em dia é bem fácil encontrar tutoriais sobre HTML na Internet, porém muitos deles acabam sendo ruins, ou confundindo ainda mais a cabeça de um iniciante na linguagem. Por isso, encontrei um tutorial muito bom para quem está começando a usar o HTML.
  1984.  
  1985. O tutorial pega desde a introdução, as tags básicas, e vai avançando a medida que o usuário vai avançando. Para ver este tutorial, clique neste link: Tutorial HTML.
  1986.  
  1987. Aqui no TumbleTricks também tem algumas dicas básicas de HTML.
  1988.  
  1989. Ao mesmo tempo que você aprende HTML, também é recomendado estudar CSS (sim, ambos ao mesmo tempo, com o seu desenvolvimento na linguagem, você notará que estudar os dois ao mesmo tempo é bem mais fácil, além de ser mais “empolgante”).
  1990.  
  1991. O CSS é uma linguagem que também tem vários tutoriais na Internet, mas, novamente, alguns deles não ajudam muito, não dão aquela introdução necessária para que o usuário “pegue o jeito da coisa”.
  1992.  
  1993. Existe um site brasileiro chamado Maujor que é, atualmente, o melhor site em português para quem está começando com o CSS. Neste site tem um tutorial para quem nunca mexeu com CSS, e quer se iniciar nesta “web-arte”.
  1994.  
  1995. Caso se interesse pelo tutorial, clique neste link: CSS desde o início.
  1996.  
  1997. Após aprendido estes dois itens indispensáveis (se você não aprendeu os dois anteriores, nem continue lendo até aprender), será necessário aprender as “pseudo-tags” do Tumblr, que gera o conteúdo das páginas, que configura o título, a Description e tudo mais.
  1998.  
  1999. O próprio Tumblr já disponibiliza uma site com todos estes códigos, que são necessários para criar um theme. O tutorial está disponível em sete idiomas diferentes (infelizmente não em português), mas você pode vê-lo em ingles e espanhol:
  2000.  
  2001. Create custom themes
  2002. Crear tema personalizado
  2003. Após aprender os códigos que estão nestas páginas, você já está “habilitado” para criar um theme para Tumblr completo e bonito.
  2004.  
  2005. Depois de criar um theme, caso você queira disponibilizá-lo para outros usuários, veja este tutorial de como disponibilizar themes no Tumblr.
  2006.  
  2007. Caso não queira criar um theme do zero, você pode usar uma base para theme do Tumblr e criar o seu a partir dele.
  2008.  
  2009. Bem, é isso. O tutorial é bem básico, mas se você seguir ele corretamente, te garanto que em pouco tempo você estará criando lindos themes para Tumblr ! :D</div>
  2010.  
  2011.  
  2012. </div></div>
  2013.  
  2014.  
  2015. <div id="creditos" style="display:none;"><br><div class="box">
  2016. <div class="titulo">Creditos</div><br>
  2017.  
  2018. <cred><a href="http://botaodecerejeira.tumblr.com/" target="_blank" title="Chi"><font color=#fff>Chi</font></a> <img src="http://media.tumblr.com/tumblr_ma5ok4qFSk1qfzrmj.gif"> Theme e Design. </cred>
  2019.  
  2020. <cred><a href="http://secret-dialogues.tumblr.com/" target="_blank" title="Pam"><font color=#fff>Pamella</font></a> <img src="http://media.tumblr.com/tumblr_ma5ok4qFSk1qfzrmj.gif">icons das moderadoras e parceiros</cred>
  2021.  
  2022. <cred><a href="http://jessierobsten.tumblr.com/" target="_blank"><font color=#fff>Jessica</font></a> <img src="http://media.tumblr.com/tumblr_ma5ok4qFSk1qfzrmj.gif">detalhes</cred>
  2023.  
  2024. <cred><a href="http://things-to-help-you.tumblr.com/" target="_blank"><font color=#fff>Anna e Debs</font></a> <img src="http://media.tumblr.com/tumblr_ma5ok4qFSk1qfzrmj.gif"> Muitos códigos, inspiração e tutoriais</cred>
  2025.  
  2026. <cred><a href="http://tumblr.com/" target="_blank"><font color=#fff>Tumblr</font></a> <img src="http://media.tumblr.com/tumblr_ma5ok4qFSk1qfzrmj.gif"> Hospedagem</cred>
  2027.  
  2028.  
  2029. <cred><a href="http://www.adobe.com/" target="_blank"><font color=#fff>Cores, header, imagens...</font></a> <img src="http://media.tumblr.com/tumblr_ma5ok4qFSk1qfzrmj.gif"> Photoshop Adobe Firework</cred>
  2030.  
  2031.  
  2032.  
  2033.  
  2034. <cred><a href="http://www.google.com/" target="_blank"><font color=#fff>Google</font></a> <img src="http://media.tumblr.com/tumblr_ma5ok4qFSk1qfzrmj.gif"> Fontes</cred>
  2035.  
  2036. <br><Br><br>
  2037.  
  2038. </div></div></div>
  2039.  
  2040. <div id="footer"></div>
  2041.  
  2042. </div>
  2043.  
  2044.  
  2045.  
  2046.  
  2047. <script> function changeNavigation(id)
  2048. {document.getElementById('local')
  2049. .innerHTML=document.getElementById(id).innerHTML}
  2050. </script>
  2051.  
  2052.  
  2053. </body>
  2054. </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!