pamellabellegarde

theme BD rosa chi

May 24th, 2014
278
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 76.40 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head profile="http://gmpg.org/xfn/11">
  4. <head>
  5. <title>HTMLbaby !</title>
  6. <link rel="shortcut icon" href="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/pear.gif">
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  8. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/J4wm0fipy/jquery-1.7.1.min.js"></script>
  9. <link rel="alternate" type="application/rss+xml" href="http://htmluv.tumblr.com/rss">
  10. <link href='http://fonts.googleapis.com/css?family=Denk+One' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=Scada:700italic,400,700' rel='stylesheet' type='text/css'>
  12. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
  13. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  14.  
  15.  
  16. <meta name="if:ChiOn" content="0"/>
  17. <meta name="if:ChiOff" content="0"/>
  18. <meta name="if:PamOn" content="0"/>
  19. <meta name="if:PamOff" content="0"/>
  20. <meta name="if:GiOn" content="0"/>
  21. <meta name="if:GiOff" content="0"/>
  22. <meta name="text:Chi" content="" />
  23. <meta name="text:Pam" content="" />
  24. <meta name="text:Gi" content="" />
  25.  
  26. </head>
  27. <style type="text/css" media="screen">
  28.  
  29. iframe#tumblr_controls {right:3px !important;position: fixed !important;z-index:9999999999999999999;}
  30.  
  31.  
  32. /* --- body --- */
  33. body {background: #D2D5A4;color: #828282;font-family: tahoma;font-size: 11px;
  34. margin: 0;padding: 0;text-align: justify;}
  35.  
  36. /* --- seleção --- */
  37. a {color: #de3655;text-decoration: none;}
  38. a:hover {color: #de3655; }
  39. b, strong, bold {color:#de3655;}
  40. u,underline {border-bottom: 1px dotted #de3655; text-decoration:none;color: #E65977; }
  41. i, em{color:#363636;font-family:georgia;}
  42. .h1 {font-family: 'Denk One';background:#de3655; font-size: 15px;color: #fff;line-height: 25px;margin-bottom: -8px; padding: 7px;text-shadow: 1.5px 1.5px 0px #974F65}
  43. .h1 a {color: #fff;}
  44. .h1 a:hover {color: #5C526D;text-shadow: 1.5px 1.5px 0px #974F65}
  45. blockquote {border-left: 4px solid #fff; line-height: 15px; color: #858585; margin-right: 4px; padding:5px; margin-left: 4px; background: #fff; padding: 2px; margin-top:-5px; overflow: hidden; margin-bottom: 5px;text-align:left}
  46. blockquote p {margin: auto;}
  47. .caption {text-align:left;margin-top:-10px;margin-bottom: 5px;}
  48. pre {text-align: justify;
  49. padding: 5px;
  50. line-height:18px;
  51. background: #ebebe5;
  52. font-family: consolas;
  53. color: #999;
  54. overflow: scroll;
  55. margin-right: 1px;
  56. margin-bottom: 7px;}
  57.  
  58. /* --- meio --- */
  59. #content {width: 950px;background: url('http://static.tumblr.com/cir8k0k/uh3n5qcl8/meio.fw.png');margin: auto;}
  60.  
  61. /* --- topo --- */
  62. #header {background: url('http://static.tumblr.com/cir8k0k/lB8n5qckr/heafer.fw.png');background-repeat: no-repeat;width: 950px;height:491px;margin-left: auto 0px;}
  63. .header {background: url('http://static.tumblr.com/cir8k0k/MG2n4jq8r/top.fw.png'); background-position: top center;background-repeat: repeat-x; margin-top: 0px;}
  64.  
  65. /* --- final --- */
  66. #footer {background: url('http://static.tumblr.com/cir8k0k/mlBn5rvkb/fim.fw.png'); background-repeat:repeat; width: 950px; height: 62px; clear: both; background-position: bottom center;margin-left:0px;margin-bottom:-13px}
  67.  
  68. /* --- sidebar --- */
  69. #sidebar {background: #;width: 275px;float: left;color:#fff;text-shadow:1px 1px 0px #C9D62E;position: relative;margin-left: 80px;margin-bottom: 300px;margin-top: -202px;line-height:17px;padding:5px;margin-left:40px;}
  70. .side {margin-left:-8px;background: #C1C581;width: 275px;padding:8px;border-top:3px solid #B1B65F;border-bottom:3px solid #B1B65F;margin-bottom:-10px;margin-top:-10px;}
  71.  
  72. /* --- postagens --- */
  73. #main {background:#;width:500px;float:right;position:relative;margin-bottom: 20px;margin-right:34px;margin-top:-182px;}
  74. .post {background: #fff;border:4px double #B6BA69; width: 500px;float: right;position: relative;margin-bottom: 20px;margin-right: -30px;margin-top: -30px;margin:8px;padding:8px;}
  75. .post img{max-width:500px;}
  76.  
  77. /* --- detalhes da descrição --- */
  78. .bordas{float:left; border:5px;margin-bottom:4px; margin-right:5px; margin-left:1px; margin-bottom:-7px;border: 2px solid #5F6414;}
  79. #gira{overflow:hidden;height:10px;margin:auto;height:30px;text-align:center;font-family:'Ubuntu Mono';font-size:12px; text-transform:uppercase;}
  80. #giras{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  81. #giras:hover{margin-top:-28px;}
  82. .estatus {background: #E75977; color:#fff; font-family:'Ubuntu Mono'; padding:3px 5px 3px 5px; text-shadow:1px 1px 0px #D83A5A; margin-top:5px; text-align:center; text-transform: uppercase;border-radius: 4px; cursor:pointer;}
  83. .estatus a{color: #fff !important; padding:3px 2px 3px 2px; text-shadow:1px 1px 0px #D83A5A;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  84. .estatus a:hover{text-shadow:1px 1px 0px #D33051; background:#5C526D; padding:3px 2px 3px 2px; color:#fff;}
  85.  
  86. /* --- destaques --- */
  87. .destaque {float: right; margin-right: -10px; margin-top: -3px; background-repeat: no-repeat!important; width: 64px; height: 25px; -webkit-transition:All 0.8s ease-in-out; -moz-transition:All 0.8s ease-in-out; -o-transition:All 0.8s ease-in-out;}
  88. .boxdestaque:hover .destaque {background-position: -0px -75px;}
  89. .boxdestaque {background:#eee;text-align: left; margin-right: 7px;background:#;padding: 7px; border-radius: 2px;margin-bottom: 3px; }
  90. .boxdestaque:hover {background: #; text-shadow: 1px 1px 1px #fcf8ef;}
  91. .boxdestaque .title {color: #5C526D; font-size: 11px; font-weight:none;
  92. font-family:Georgia;padding-bottom:2px;text-shadow:1px 1px 0px #fcf8ef;
  93. font-style: italic;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  94. .boxdestaque:hover .title{color:#E65A77;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;}
  95. .listag a{color:#fff; width:124px; display:inline-block; padding:2px 3px 2px 3px; font-family: georgia; font-style: italic; text-shadow: 1px 1px 0px #6D7133;margin-bottom:5px; text-align:center; margin-left:3px; margin-right:3px;-webkit-transition: 0.3s ease-out;-moz-transition: all 0.3s ease-in;transition: all 0.3s linear; background:#B1B65F; box-shadow:1px 1px 0px #9A9E47;outline: none;}
  96. .listag a bd{color:#ec9375; font-weight: bold; text-shadow:1px 1px 0px #fff;}
  97. .linhas {background:#eee;padding:5px;font-family:trebuchet ms;text-transform:uppercase;margin-bottom:3px;font-size:9px;color:#555;display:block;cursor:help;box-shadow:1px 1px 0px #ddd;}
  98. .regrinha { color:#858585;width:496px; display:inline-block; padding:7px; font-family: scada; font-style: italic; text-shadow: 1px 1px 0px #fff;margin-bottom:5px; text-align:left; border-radius: 2px; margin-left:-5px; margin-right:3px;-webkit-transition: 0.3s ease-out;-moz-transition: all 0.3s ease-in;transition: all 0.3s linear; background:#eee; box-shadow:1px 1px 0px #DDDFDE; }
  99. .regrinha a {color:#ec9375; font-weight: bold; text-shadow:1px 1px 0px #fff;}
  100. .caixinha {background:#E65977; padding:5px}
  101. .util a{display: inline-block; margin-bottom:5px; padding:11px 10px 10px 10px; font-family: 'Georgia'; font-size:11.4px; font-style:italic; width:100px; text-align: center; border-bottom: 3px solid transparent; text-shadow:0px 1px 0px #fcf8ef; color:#858585; -webkit-transition: 0.3s ease-out;-moz-transition: all 0.3s ease-in;transition: all 0.3s linear; -webkit-transition-delay: 2.6s; -moz-transition-delay: 2.6s;}
  102. .cred {text-transform: uppercase;font-weight:none; font-family: 'Iceland', cursive;font-weight:none;font-family: 'Scada', sans-serif; margin-right: 0px;background:#D2D5A4; padding: 4px; margin-bottom: 4px; font-size: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #363636;}
  103. .cred a {letter-spacing: 1px; color: #fff; width: 75px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; text-transform: uppercase;font-weight:none; text-transform: uppercase;font-weight:none; font-family: 'Scada', sans-serif; margin-right: 0px;background: #DD3A55; padding: 5px; margin-bottom: 5px; font-size: 8px; display: inline-block; margin-top: -2px; margin-bottom: -2px; margin-left: -1px;}
  104. .cred a:hover {opacity: 0.9;}
  105. .poll {padding:5px;bottom: 0px; right: 30px; z-index: 100; position: fixed;text-align:left;font-size:11px;height:17px;width:235px;--webkit-transition: all 1s ease;
  106. -moz-transition: all 1s ease;
  107. -o-transition: all 1s ease;
  108. transition: all 1s ease;
  109. font-family:calibri;
  110. background:#fff;
  111. border-top: 3px solid #E65977;
  112. color:#555; }
  113. .poll:hover {height:350px;}
  114. .l1 {
  115. background:#D2D5A4;
  116. padding:5px;text-align:center;
  117. width:234px;
  118. font-family:trebuchet ms;
  119. text-transform:uppercase;
  120. margin:3px 2px 3px 2px;
  121. font-size:9px;
  122. color:#555;
  123. display:inline-block;
  124. box-shadow:1px 1px 0px #ddd;
  125. }
  126. /* --- menus --- */
  127. #menus2 {position:relative; top: 153px;left: 0px;}
  128. .menus2 {font-family: Georgia, cursive; text-transform: uppercase; width: 0px; height: 23px; background: #; padding: 2px; text-align: center; margin: 0px; color: #CORDALETRA; border-radius: 0px; align: left; font-size: 10px; font-weight: none; margin-bottom: -2px;margin-left: 150px; float: left; cursor: hand; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; line-height: 20px;}
  129. .menus2 img{width:60px;margin-top:2px; margin-left:-1px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;}
  130. .simplemenu {font-family: Denk One; position: absolute; width: 1000px; height: 62px; margin-top:302px;font-size: 26px; letter-spacing: 0px;margin-left: 319px;}
  131. .simplemenu a {color: #5D526D;padding-left: 18px; padding-right: 0px;
  132. text-shadow: 1px 2px 0px #E65977; padding-top: 58px -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
  133. .simplemenu a:hover {color: #E65977; padding-right:0px;text-shadow: 1px 2px 0px #5D526D; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;}
  134.  
  135. .tabs {position: relative;
  136. width: 500px;}
  137. .tabs input {position: absolute;z-index: 1000;
  138. width: 50px;
  139. height: auto;
  140. left: 0px;
  141. top: 0px;
  142. opacity: 0;
  143. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  144. filter: alpha(opacity=0);cursor: pointer;}
  145. .tabs input#tab-2{left: 120px;}
  146. .tabs input#tab-3{left: 240px;}
  147. .tabs input#tab-4{left: 360px;}
  148. .tabs label {background: #DE3B56;font-size: 8px;line-height: 22px;height: 22px;position: relative;padding: 3px 2px 2px 2px;;float: left;display: block;width: 118px;color: #fff;letter-spacing: 2px;text-transform: uppercase;text-align: center; font-family:'iceland';text-shadow: 1px 1px 1px #999;margin: 6px 1px 6px 1px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;border-radius: 5px;}
  149. .tabs label:after {content: '';position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;display: block;}
  150. .tabs input:hover + label {background: #696728;text-shadow:1px 1px 0px #000;}
  151. .tabs label:first-of-type { z-index: 4;}
  152. .tab-label-2 {z-index: 3;}
  153. .tab-label-3 {z-index: 2;}
  154. .tab-label-4 {z-index: 1;}
  155. .tabs input:checked + label {background: #696728;z-index: 6;-webkit-animation: page 0.2s linear;-moz-animation: page 0.2s linear;-ms-animation: page 0.2s linear;-o-animation: page 0.2s linear;animation: page 0.2s linear;text-shadow:1px 1px 0px #282330;}
  156. .clear-shadow {clear: both;}
  157. .content {position: relative;width: 1250px;height: 2300px;z-index: 5;overflow: hidden;}
  158. .content div {position: absolute;top: 0;padding: 0px 0px;z-index: 1;opacity: 0;-webkit-transition: all linear 0.8s;moz-transition: all linear 0.8s;-o-transition: all linear 0.8s;-ms-transition: all linear 0.8s;transition: all linear 0.8s;}
  159. .content-1, .content-3 {-webkit-transform: translateY(120px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateY(120px)}
  160. .content-2, .content-4 {-webkit-transform: translateY(120px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateY(120px)}
  161. .tabs input.tab-selector-1:checked ~ .content .content-1,
  162. .tabs input.tab-selector-2:checked ~ .content .content-2,
  163. .tabs input.tab-selector-3:checked ~ .content .content-3,
  164. .tabs input.tab-selector-4:checked ~ .content .content-4 {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);z-index: 100;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100); opacity: 1;-webkit-transition: all ease-out 0.5s 0.1s;-moz-transition: all ease-out 0.7s 0.1s;-o-transition: all ease-out 0.2s 0.1s;-ms-transition: all ease-out 0.2s 0.1s;transition: all ease-out 0.2s 0.1s}
  165. .content div h2, .content div h3{color: #398080;}
  166. .content div a{ font-family:georgia;font-style:italic;display: block; margin-bottom:2px; padding:5px; color:#666; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background:#EAEBD3;text-shadow: 1px 1px #fff;font-size:10px; width:235px;}
  167. .content div a:hover{color:#fff;background:#eee;text-shadow: 1px 1px #1D1A22; font-family:georgia;font-style:italic;}
  168. .content div a b{color:#fa9476 !important;text-shadow: 1px 1px #fff;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  169. .content div a:hover b{text-shadow: 1px 1px #775bdf; color:white !important;font-family:georgia;font-style:italic;}
  170. @keyframes "page" { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0; }}
  171. @-moz-keyframes page { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0;}}
  172. @-webkit-keyframes "page" { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0; }}
  173. @-ms-keyframes "page" { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0; }}
  174. @-o-keyframes "page" { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0; }}
  175. .esq {float:left; width:49%; text-align: left;}
  176. .dir {float:right; width:49%; text-align: left;}
  177. .esp {padding: 1px; margin:1px; clear: both;}
  178.  
  179. /* --- top menu --- */
  180. .jqueryslidemenu {float:left;margin-left:290px;margin-top:15px;clear:left;color: #fff;}
  181. .jqueryslidemenu a:hover {text-decoration: none;}
  182. .jqueryslidemenu ul{list-style-type: none;z-index:2;}
  183. ul.menu {position:relative;}
  184. .jqueryslidemenu ul li{position:relative;display:inline;float: left;;color: #fff;}
  185. .jqueryslidemenu ul li a{font-size:0.9em;text-transform:uppercase;display:block;padding:3px 18px;;color: #fff;border-left:1px solid #3F420D;border-right:1px solid #767D1A;height:32px;text-shadow:1px 1px 0px #3F420D}
  186. .jqueryslidemenu ul li a strong {display:block;}
  187. .jqueryslidemenu ul li a span {font-size:0.95em;line-height:1em;color:#fff;text-transform:capitalize;}
  188. .jqueryslidemenu ul li a:hover span {color:#888C51}
  189. .jqueryslidemenu ul li:first-child a{border-left:none;}
  190. .jqueryslidemenu ul.sub-menu li.first-child a{border-left:1px solid #444444!important;}
  191. .jqueryslidemenu ul li:last-child a{border-right:none;}
  192. .jqueryslidemenu ul.sub-menu li.last-child a{border-right:1px solid #444444!important;}
  193. html .jqueryslidemenu ul li a{display: inline-block;}
  194. .jqueryslidemenu ul li ul li{display: list-item;float: none;margin-left:-2px;}
  195. .jqueryslidemenu ul li ul li ul{top: 0;background:#353535;padding:0;border:1px solid #373737;}
  196. .jqueryslidemenu ul li ul li a{padding:6px 10px;margin: 0;border-color:#3e3e3e #444444 #272727!important;border-width:1px!important;border-style:solid;margin-left:2px;font-size:11px;font-weight:bold;height:auto;text-shadow:none !important;color:#eee;text-shadow:none;}
  197. .jqueryslidemenu ul li ul li a:hover{background: #f24570;text-decoration: none;-moz-border-radius: 9px;border-radius: 9px;text-shadow:1px 1px 1px #ddd !important;color:#fff;}
  198.  
  199. /* --- permalink --- */
  200. ol.notes {display:block; margin-top:-4px; background-repeat:no-repeat; vertical-align:middle; margin-bottom:1px; list-style-type:none;background:#;margin-botton:2px;}
  201. ol.notes li.note {text-indent:15px; margin-left:-44px; margin-right:-15px; padding:4px;}
  202. ol.notes a { font:normal 10px 'Lucida Grande';text-transform:uppercase;}
  203. ol.notes li.note img.avatar {display:normal;border-radius:100px}
  204. ol.notes li.note span.action {font-weight:none;}
  205. ol.notes li.note .answer_content {font-weight:normal;}
  206. ol.notes li.note blockquote {display:none;}
  207. ol.notes li.note blockquote a {text-decoration:none;}
  208. .caixa {overflow: hidden;background: #; padding: 4px;font-family: Verdana, Geneva, sans-serif;color: #777;text-align: justify;outline: 0px solid #; margin-bottom: 1px;width:500px;margin-left:-17px;}
  209. .filereplace {border-left: 10px solid {color:extra}; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background:{color:posts}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:4px;}
  210. .data {border-left: 15px solid #ccc; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: {color:posts}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:4px;}
  211. .tag {border-left: 20px solid {color:extra}; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: {color:posts}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:4px;}
  212. .notes2 {border-left: 25px solid #ccc; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: {color:posts}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:4px;}
  213.  
  214. /* --- select --- */
  215. .select {background:#E65977; padding: 4px; width: 320px;border: 1px solid #E65977; color:#fff; font-size: 13px; font-weight:none; font-family: 'Iceland', cursive;}
  216. option {color: #fff; padding-left: 10px; font-size: 13px; background:#5C526D}
  217.  
  218. /* --- search --- */
  219. #search {outline: none; width: 300px; position: absolute; margin-left: 1px; margin-top: 1px; color: #000; }
  220. #search form {outline: none; margin: 0px 0px 0px 0px;padding: 0;}
  221. #search fieldset {outline: none; margin: 0;padding: 0;border: none;}
  222. #search p {color: #000;}
  223. #s {outline: none; background:#B1B65F;width: 255px;height: 41px;border-radius:0px;border:none; text-transform: uppercase; font-family: scada;font-size: 10px; float:left;display: inline-block; padding-left: 11px;padding-right: 6px;color: #fff;}
  224. #searchsubmit {outline: none; background: url('http://static.tumblr.com/cir8k0k/ctVmqrnsa/magnifying-glass.png') no-repeat; border:none;color:#000;height: 41px; margin-top: 7px; display: inline-block; margin-left: -40px; position: absolute; cursor:pointer; width: 44px; }
  225. #searchpage {border: none;color: #000; }
  226. #sform { outline: none;width: 213px;padding:4px 5px;color: #000;}
  227.  
  228. /* --- reblogs e likes --- */
  229. .mennur2 {font-family: 'Denk One';background:#DD3250; font-size: 10px;color: #fff;line-height: 11px;margin-bottom: -8px; padding: 7px;box-shadow: 1.5px 1.5px 0px #CB213F;text-shadow: 1.5px 1.5px 0px #CB213;margin-left:-8px;width: 502px;text-align: center}
  230. .mennur2 a {color: #fff;}
  231. .my-like {background-image: url(http://static.tumblr.com/cir8k0k/Q7tmqus5v/heart.png) !important;height:10px;width:10px;cursor:pointer;display:inline-block;line-height: 0px;}
  232. .my-liked, .my-like:hover {background-image: url(http://static.tumblr.com/cir8k0k/bL0mqus97/heart.png) !important;height:10px;width:10px;cursor:pointer;display:inline-block;}
  233. .my-liked img {width:10px;}
  234.  
  235. /** estilo de ask #04 - bombasticdesign.tumblr.com **/
  236. .askfoto{border-radius: 50px;border:2px solid #868a3c;margin-left:10px;margin-top:-10px;}
  237. .perguntou{background:#868a3c;padding:4px;color:#fff}
  238. .perguntou a {color:#fff; font-family:'tahoma'}
  239. .perguntou:hover a {color:#fff;font-family:'tahoma'}
  240. .resposta{background-color:#f8f8f8;padding:7px;font-family:'tahoma', sans-serif; font-size: 9pt;color:#aaa;text-align: left;border-radius:0px 0px 5px 5px}
  241. .pergunta{ margin-left: 50px;
  242. font-family: Sintony;}
  243. .perguntas{background-color:#f8f8f8;padding:7px;font-family:'trebuchet ms', sans-serif; font-size: 9pt;color:#aaa;text-align: left;border-radius:5px 5px 0px 0px;}
  244.  
  245. /*** Paginação por things to help you ******/
  246. #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;}
  247. #paginacaoml a {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/eR8n5rvf6/bd__1_.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 #C01D42;}
  248. #paginacaoml a:hover {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/eR8n5rvf6/bd__1_.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 #C01D42;}
  249. #paginacaoml span.pagina_atual {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/eR8n5rvf6/bd__1_.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;}
  250.  
  251.  
  252. #pam {position:absolute;z-index: 999;padding: 5px;opacity: 1;font-size:9px;text-align: justify;width: 130px;color:#fff;margin-top: 140px;margin-left: 367px;font-family:tahoma;text-shadow:1px 1px 1px #E0254A;}
  253. #pams2 {position:absolute;z-index: 999;padding: 5px;opacity: 1;font-size:9px;text-align: justify;width: 130px;color:#fff;margin-top: 255px;margin-left: 400px;font-family:tahoma;text-shadow:1px 1px 0px #6b712e;}
  254.  
  255. #chi {position:absolute;z-index: 999;padding: 5px;opacity: 1;font-size:9px;text-align: justify;width: 130px;color:#fff;margin-top: 140px;margin-left: 574px;font-family:tahoma;text-shadow:1px 1px 1px #E0254A;}
  256. #chis2 {position:absolute;z-index: 999;padding: 5px;opacity: 1;font-size:9px;text-align: justify;width: 130px;color:#fff;margin-top: 255px;margin-left: 607px;font-family:tahoma;text-shadow:1px 1px 0px #6b712e;}
  257.  
  258. #gi {position:absolute;z-index: 999;padding: 5px;opacity: 1;font-size:9px;text-align: justify;width: 130px;color:#fff;margin-top: 140px;margin-left: 781px;font-family:tahoma;text-shadow:1px 1px 1px #E0254A;}
  259. #gis2 {position:absolute;z-index: 999;padding: 5px;opacity: 1;font-size:9px;text-align: justify;width: 130px;color:#fff;margin-top: 255px;margin-left: 814px;font-family:tahoma;text-shadow:1px 1px 0px #6b712e;}
  260.  
  261.  
  262. #status {position:absolute;z-index: 999;padding: 7px;opacity: 1;font-size:9px;text-align: center;width: 130px;color:#fff;margin-top: 6px;margin-left: 130px;font-family:tahoma;text-shadow:1px 1px 1px #E0254A;background:#3F420D;border-radius:5px;}
  263. #status a {color: #D5D9AA}
  264. .linhas2 a{color:#fff; width:236px; display:inline-block; padding:2px 3px 2px 3px; font-family: georgia; font-style: italic; text-shadow: 1px 1px 0px #6D7133;margin-bottom:5px; text-align:center; margin-left:3px; margin-right:3px;-webkit-transition: 0.3s ease-out;-moz-transition: all 0.3s ease-in;transition: all 0.3s linear; background:#B1B65F; box-shadow:1px 1px 0px #9A9E47;outline: none;}
  265.  
  266.  
  267.  
  268. #pams {position:absolute;z-index: 999;padding: 7px;opacity: 1;font-size:9px;text-align: center;color:#fff;margin-top:92px;margin-left: 415px;font-family:tahoma;text-shadow:1px 1px 1px #E0254A;background:url('http://static.tumblr.com/cir8k0k/7NNn4liot/000000.fw.png') #fff;width:25px;height:25px;border:2px solid #B6BA69;}
  269. #chis {position:absolute;z-index: 999;padding: 7px;opacity: 1;font-size:9px;text-align: center;color:#fff;margin-top:92px;margin-left: 623px;font-family:tahoma;text-shadow:1px 1px 1px #E0254A;background:url('http://static.tumblr.com/cir8k0k/W5vn5qo8u/0p.fw.png');width:25px;height:25px;border:2px solid #B6BA69;}
  270. #gis {position:absolute;z-index: 999;padding: 7px;opacity: 1;font-size:9px;text-align: center;color:#fff;margin-top:92px;margin-left: 830px;font-family:tahoma;text-shadow:1px 1px 1px #E0254A;background:url('http://static.tumblr.com/cir8k0k/TXGn5qoe8/0p.fw.png');border:2px solid #B6BA69;width:25px;height:25px;}
  271.  
  272. /** QUOTE **/
  273. .aspas {position:relative;
  274. top:30px;
  275. font-size:84px;
  276. opacity:0.4;
  277. filter: alpha (opacity=20);
  278. color: #43480B;
  279. font: normal 130px;
  280. font-family: georgia;
  281. margin-right:5px;
  282. text-align:left ;
  283. float:left;}
  284.  
  285. .quote {margin-left:0px;
  286. margin-top:-5px;
  287. width:260px;
  288. letter-spacing:0px;
  289. text-align:justify ;
  290. font-family:georgia;
  291. font-size:12px;
  292. padding:5px;
  293. line-height:15px;
  294. font-style:italic;}
  295.  
  296.  
  297.  
  298. </style>
  299.  
  300. <script>
  301. window.onload = function () {
  302. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  303. document.addEventListener( 'click', function ( event ) {
  304. var myLike = event.target;
  305. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  306. var frame = document.getElementById( 'my-like-frame' ),
  307. liked = ( myLike.className == 'my-liked' ),
  308. command = liked ? 'unlike' : 'like',
  309. reblog = myLike.getAttribute( 'data-reblog' ),
  310. id = myLike.getAttribute( 'data-id' ),
  311. oauth = reblog.slice( -8 );
  312. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  313. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  314. };
  315. }, false );
  316. };
  317. </script>
  318.  
  319. <div id="fb-root"></div>
  320. <script>(function(d, s, id) {
  321. var js, fjs = d.getElementsByTagName(s)[0];
  322. if (d.getElementById(id)) return;
  323. js = d.createElement(s); js.id = id;
  324. js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=245876848769069";
  325. fjs.parentNode.insertBefore(js, fjs);
  326. }(document, 'script', 'facebook-jssdk'));</script>
  327.  
  328.  
  329.  
  330. <body>
  331. <body ondragstart='return false'>
  332. <div class="header">
  333. <div id="content"><div id="header">
  334.  
  335.  
  336. <div id="status"><script language="JavaScript">
  337. var ref = (''+document.referrer+'');
  338. var w_h = window.screen.width + " x " + window.screen.height;
  339. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3956138&e1=online&e2=online&r=' + ref + '&wh=' + w_h + '"><\/script>');
  340. </script></div>
  341.  
  342.  
  343.  
  344. <div id="menu" class="jqueryslidemenu"><ul id="menu-menu" class="menu">
  345.  
  346.  
  347. <li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/"><strong><center><font color="E0254A">index</font></center></strong><span>volte para o começo</span></a></li>
  348.  
  349. <li id="menu-item-950" class="menu-item menu-item-type-custom menu-item-object-custom"><a onClick="document.getElementById('main').innerHTML=document.getElementById('01').innerHTML"><strong><center><font color="#E0254A">message</font></center></strong><span>tire suas duvidas aqui</span></a></li>
  350.  
  351. <li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent"><a onClick="document.getElementById('main').innerHTML=document.getElementById('03').innerHTML"><strong><center><font color="#E0254A">Tutotiais</font></center></strong><span>confira !</span></a></li>
  352.  
  353. <li id="menu-item-814" class="menu-item menu-item-type-custom menu-item-object-custom"><a onClick="document.getElementById('main').innerHTML=document.getElementById('04').innerHTML"><strong><center><font color="#E0254A">Materiais</font></center></strong><span>utensílios</span></a>
  354.  
  355. <li id="menu-item-950" class="menu-item menu-item-type-custom menu-item-object-custom"><a onClick="document.getElementById('main').innerHTML=document.getElementById('05').innerHTML"><strong><center><font color="#E0254A">Themes</font></center></strong><span>se usar, like!</span></a></li>
  356.  
  357. </div>
  358.  
  359. <div id="pams"></div>
  360. <div id="pam"><i>Pam:</i> {text:Pam}</div>
  361. <div id="pams2">{block:Ifpamoff}<font color="#FF0000"><BIG><BIG>●</BIG></BIG></font> O F F L I N E<br> {block:Ifpamoff}
  362. {block:Ifpamon}<font color="#00FF00"><BIG><BIG>●</BIG></BIG></font> O N L I N E<br> {block:Ifpamon}</div>
  363.  
  364. <div id="chis"></div>
  365. <div id="chi"><i>Chi:</i> {text:Chi}</div>
  366. <div id="chis2">{block:Ifchioff}<font color="#FF0000"><BIG><BIG>●</BIG></BIG></font> O F F L I N E<br> {block:Ifchioff}
  367. {block:Ifchion}<font color="#00FF00"><BIG><BIG>●</BIG></BIG></font> O N L I N E<br> {block:Ifchion}</div>
  368.  
  369. <div id="gis"></div>
  370. <div id="gi"><i>Gi:</i> {text:Gi}</div>
  371. <div id="gis2">{block:Ifgioff}<font color="#FF0000"><BIG><BIG>●</BIG></BIG></font> O F F L I N E<br> {block:Ifgioff}
  372. {block:Ifgion}<font color="#00FF00"><BIG><BIG>●</BIG></BIG></font> O N L I N E<br> {block:Ifgion}</div>
  373.  
  374.  
  375.  
  376. </div>
  377.  
  378. <div id="sidebar">
  379. <img src="{PortraitURL-64}" class="bordas">
  380. Bem vindo ao <b>Bombastic Design</b>. O BD foi criado com o intuito de ajudar em html, css e photoshop em geral. Ele é composto por <i>Pamella, Giovanna e Chi</i>. O Bombastic nasceu dia 02 de agosto de 2011 e até hoje exercemos a mesma função, lhe ajudar! <u>Alguma dúvida?</u> Nos contate. Estamos aqui pra auxiliar. Sinta-se a vontade. <i>O Bombastic é pra você.</i> Volte sempre!<br><br>
  381.  
  382. <div style="background:url(http://static.tumblr.com/cir8k0k/h87n5qfdy/0001.png); max-width:400px !important; max-height:82px; margin-left:-80px; width:400px; height:82px;margin-botton:6px"></div>
  383.  
  384. <div class="side"><div class="listag">
  385.  
  386. <a href="/filmes"> filmes</a>
  387. <a href="/livros"> livros</a>
  388. <a href="/tagged/ask"> respostas</a>
  389. <a href="/tagged/psds"> psds</a>
  390. <a href="/tagged/packs"> packs</a>
  391. <a href="/tagged/actions"> actions</a>
  392. <a href="/tagged/brushes"> brushes</a>
  393. <a href="/tagged/avatares"> avatares </a>
  394. <a href="/tagged/capas_para_facebook"> capas para facebook</a>
  395. <a href="/tagged/bg"> background</a>
  396. <a href="/tagged/fontes"> fontes</a>
  397. <a onClick="document.getElementById('main').innerHTML=document.getElementById('04').innerHTML"> <font color="#000">+ materias</font></a>
  398.  
  399.  
  400.  
  401.  
  402. </div></div>
  403.  
  404. <div style="background:url(http://static.tumblr.com/cir8k0k/GZkn5qfme/0002.png); max-width:400px !important; max-height:82px; margin-left:-80px; width:400px; height:82px;margin-botton:6px"></div>
  405.  
  406.  
  407. <div style="margin-left:-8px;background: #C1C581;width: 275px;padding:8px;border-top:3px solid #B1B65F;border-bottom:3px solid #B1B65F;margin-bottom:-10px;margin-top:-10px;"><marquee direction="right" onmouseover="this.stop();" onmouseout="this.start();" scrolldelay="100" scrollamount="3" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" truespeed>
  408.  
  409. <a href="http://mundohtml.tumblr.com/">
  410. <img src="http://static.tumblr.com/cir8k0k/FoUn5qg0q/0p.png">
  411. </a>
  412. <a href="http://atnlovers.tumblr.com/">
  413. <img src="http://static.tumblr.com/cir8k0k/P1an5rupv/0002.png">
  414. </a>
  415. <a href="http://young-html.tumblr.com/">
  416. <img src="http://static.tumblr.com/cir8k0k/74Fn5rus0/0004.png">
  417. </a>
  418. <a href="http://lovers-of-designs.tumblr.com/">
  419. <img src="http://static.tumblr.com/cir8k0k/Ipzn5rusr/0003.png">
  420. </a>
  421. <a href="http://helpdesigns.tumblr.com/">
  422. <img src="http://static.tumblr.com/cir8k0k/Zsun5rutp/0005.png">
  423. </a>
  424. <a href="http://tripicons.tumblr.com/">
  425. <img src="http://static.tumblr.com/cir8k0k/Of7n5ruus/0006.png">
  426. </a>
  427. <a href="http://mixsoucers.tumblr.com/">
  428. <img src="http://static.tumblr.com/cir8k0k/vDDn5ruvm/0007.png">
  429. </a>
  430. <a href="http://chasinghtml.tumblr.com/">
  431. <img src="http://static.tumblr.com/cir8k0k/tCyn5ruw9/0008.png">
  432. </a>
  433. <a href="http://editslovers.tumblr.com/">
  434. <img src="http://static.tumblr.com/cir8k0k/01yn5ruzu/0p.png">
  435. </a>
  436. <a href="http://whatphotoshop.tumblr.com/">
  437. <img src="http://static.tumblr.com/cir8k0k/ZGYn5rv0v/0001.png">
  438. </a>
  439. <a href="http://tvshowsedit.tumblr.com/">
  440. <img src="http://static.tumblr.com/cir8k0k/bFUn5rv1v/0002.png">
  441. </a>
  442. </a></div></marquee>
  443.  
  444.  
  445. </div>
  446.  
  447. <div style="background:url(http://static.tumblr.com/cir8k0k/Cwjn5qgjm/0003.png); max-width:400px !important; max-height:82px; margin-left:-80px; width:400px; height:82px;margin-botton:6px"></div>
  448.  
  449. <div class="side">
  450. <div class="linha"><b>Objetivo:</b> Nosso objetivo é ajuda-los no possivel, estamos aqui para dar dicas, sugestões e ajuda-los em HTML e CSS. </div>
  451. <div class="linha"><i>Tumblr no ar desde:</i> <b>02 / agosto / 2011.</b></div>
  452. <div class="linha"><i>On-Line:</i> <b><script language="JavaScript">
  453. var ref = (''+document.referrer+'');
  454. var w_h = window.screen.width + " x " + window.screen.height;
  455. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3956138&e1=online&e2=online&r=' + ref + '&wh=' + w_h + '"><\/script>');
  456. </script></b></div>
  457. <div class="linha">Total: <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID2468207&name=visits"></script></div>
  458. <div class="linha"><b>Pedidos:</b> Os pedidos estão <u>fechados</u> no momento!. </div>
  459. </center>
  460. </div>
  461.  
  462.  
  463. <div style="background:url(http://static.tumblr.com/cir8k0k/6GUn5qidc/0004.png); max-width:400px !important; max-height:82px; margin-left:-80px; width:400px; height:82px;margin-botton:6px"></div>
  464.  
  465. <div class="side"><div class="listag">
  466.  
  467. <a href="http://bombasticdesign.tumblr.com/post/71876073512"> efeitos de sombras</a>
  468. <a href="http://bombasticdesign.tumblr.com/post/71341773642"> update correio</a>
  469. <a href="http://bombasticdesign.tumblr.com/post/59237540536"> como criar blogroll</a>
  470. <a href="http://bombasticdesign.tumblr.com/tagged/estilo-de-ask"> estilo de asks</a>
  471. <a href="http://bombasticdesign.tumblr.com/tagged/base"> bases</a>
  472. <a href="http://bombasticdesign.tumblr.com/post/40469977308"> como fazer psds</a>
  473. <a href="http://bombasticdesign.tumblr.com/post/14313102264"> neve no theme</a>
  474. <a href="http://bombasticdesign.tumblr.com/post/78785197337">enquete no theme </a>
  475. <a href="http://bombasticdesign.tumblr.com/post/57157490661"> paginação simples</a>
  476. <a href="http://bombasticdesign.tumblr.com/post/23941100254"> menu/imagem zoom</a>
  477. <a href="http://bombasticdesign.tumblr.com/post/59907190166"> efeito de rotação</a>
  478. <a href="http://bombasticdesign.tumblr.com/post/9498933459"> codigo de "reblog"</a>
  479. </div></div>
  480.  
  481. <div style="background:url(http://static.tumblr.com/cir8k0k/6Swn5qjal/0005.png); max-width:400px !important; max-height:82px; margin-left:-80px; width:400px; height:82px;margin-botton:6px"></div>
  482.  
  483. <div class="side">
  484. <span class="aspas">“</span><div class="quote">O BD pra mim é um ótimo lugar, sempre que me pedem indicação aqui é a primeira opção. As moderadoras são ótimas e simpáticas. O BD foi o primeiro tumblr que encontrei e estou sempre por aqui. Os themes, livros e filmes são quase todos vindos daqui <b>♥</b> Equipe do BD voces são foda :D</div>
  485.  
  486. </span>
  487. <div style="text-align:right">
  488. — <a href="http://kimmachine.tumblr.com/" target="_blank"><b>kimmachine</b></b></a></div>
  489. </div>
  490.  
  491.  
  492. <div style="background:url(http://static.tumblr.com/cir8k0k/2o7n5qjqx/0006.png); max-width:400px !important; max-height:82px; margin-left:-80px; width:400px; height:82px;margin-botton:6px"></div>
  493.  
  494. <div class="side">
  495. <div class="listag">
  496.  
  497. <a href="http://sistaroundpsds.tumblr.com/"> sistaroundpsds</a>
  498. <a href="http://twiwesteros.tumblr.com/">twiwesteros</a>
  499. </div></div>
  500.  
  501.  
  502. <div style="background:url(http://static.tumblr.com/cir8k0k/MGun5qjz0/0007.png); max-width:400px !important; max-height:82px; margin-left:-80px; width:400px; height:82px;margin-botton:6px"></div>
  503. <div class="side">
  504. <a href="http://translate.google.com.br/translate?js=n&prev=_t&hl=pt-BR&ie=UTF-8&layout=2&eotf=1&sl=pt&tl=en&u=http://bombasticdesign.tumblr.com/"><img style="margin-right: 3px; margin-top: 2px; float: left;" src="http://static.tumblr.com/ifqwhnb/GORm70t1l/united_states_of_america__usa_.png" title="título"/></a>
  505. Esse theme foi totalmente desenvolvido por <a href="http://exodorado.tumblr.com/">Thaís </a>((<b> Chi </b>)). Não copie nada daqui, plagia além de ser feito é anti-ético e um crime. Se eu ver alguma copia eu denuncio. <a href="http://www.planalto.gov.br/ccivil_03/leis/l9610.htm"><u>É proibida qualquer cópia ou uso dos códigos conforme a lei penal, artigo 184. <b>©</b></a></u>. Agradeço a todos que me ajudaram no desenvolvimento desse theme! <br>
  506. <a href="#" onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('cred').innerHTML"><div style="float:right"><div class="listag"><b>confira ©</b></div></div></a><br>
  507. </div></div>
  508.  
  509.  
  510. <div id="main">
  511. <!---------- POSTS --------------------------->
  512. {block:Posts}
  513. {block:Regular}<div class="post"><div class="box8">
  514. {block:Title}<div class="h1">{Title}<br></div>{/block:Title}
  515. <div class="entry"><div class="caixap">{Body}</div></div>
  516. <div class="divdate"></div>
  517.  
  518. <!---------------- DATA DOS POSTS ------------->
  519. <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"> Reblog </a> · Like <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  520. </div></div> </div>
  521.  
  522. {/block:Regular}
  523.  
  524. <!---------- PHOTOS --------------------------->
  525. {block:Photo}
  526. <div class="post">
  527. <img src="{PhotoURL-500}" ><img src="http://static.tumblr.com/cir8k0k/qesmghq59/sombra.png">
  528. {block:Caption}
  529. <div class="caption">{Caption}</div>
  530. {/block:Caption}
  531.  
  532. <!---------------- DATA DOS POSTS ------------->
  533. <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"> Reblog </a> · Like <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  534. </div></div>
  535. {/block:Photo}
  536. <!---------------- ASK ------------->
  537.  
  538. {block:Answer}
  539. <div class="post">
  540. <div class="perguntas">{Question}</div><div class="perguntou"><img src="{AskerPortraitURL-30}" align="left" class="askfoto"><div class="pergunta">{Asker} perguntou</div></div><div class="resposta">{Answer}</div>
  541.  
  542. <!---------------- DATA DOS POSTS ------------->
  543. <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"> Reblog </a> · Like <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  544. </div></div>
  545. {/block:Answer}
  546.  
  547. <!---------- LINKS --------------------------->
  548. {block:Link}
  549. <div class="post"><div class="box8">
  550. <a href="{URL}" class="link" {Target}><div class="h1">{Name}</div></a>
  551. {block:Description}
  552. <div class="description"><div class="caixap">{Description}</div></div>
  553. {/block:Description}
  554. <div class="divdate"></div>
  555. <!---------------- DATA DOS POSTS ------------->
  556. <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"> Reblog </a> · Like <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  557. </div></div> </div>
  558. {/block:Link}
  559.  
  560. <!---------- AUDIO --------------------------->
  561. {block:Audio}
  562. <div class="post"><div class="box8">
  563. <p>{AudioPlayerWhite}
  564. {block:Caption}
  565. <div class="caption">{Caption}</div>
  566. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  567. {/block:Caption}
  568. <div class="divdate"></div>
  569. <!---------------- DATA DOS POSTS ------------->
  570. <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"> Reblog </a> · Like <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  571. </div></div> </div>
  572. {/block:Audio}
  573.  
  574. <!---------- VIDEOS --------------------------->
  575. {block:Video}
  576. <div class="post">
  577. <div class="box8">
  578. <center>{Video-500}
  579. <br>
  580. {block:Caption}
  581. <div class="caption">{Caption}</div>
  582. {/block:Caption}</center>
  583. <div class="divdate"></div>
  584. <!---------------- DATA DOS POSTS ------------->
  585. <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"> Reblog </a> · Like <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  586. </div></div> </div>
  587. {/block:Video}
  588.  
  589. <!---------------- NOTAS DOS POSTS ------------->
  590. {block:PostNotes}
  591. <div class="caixa">
  592. <div class="filereplace"><img src="http://static.tumblr.com/qzpui9z/gABmkllhh/1.png"> {block:RebloggedFrom} <a href="{ReblogParentURL}"> Via,</a> <a href="{ReblogRootURL}"> From,</a> {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" target=blank> Source </a>. {/block:ContentSource} </div>
  593. <div class="data">
  594. <img src="http://static.tumblr.com/qzpui9z/k98mkllim/3.png"> {DayOfMonth},<b> {Month}</b> de {Year}<br>
  595. </div>
  596. <div class="tag">
  597. <img src="http://static.tumblr.com/qzpui9z/g6Imkllj6/4.png"> tags: {block:Tags}{/block:Tags}
  598. <span style="width:auto;">
  599. {block:HasTags}
  600. {block:Tags}
  601. <a href="{TagURL}">{Tag}</a>
  602. {/block:Tags}
  603. {/block:HasTags}</span>
  604. <br>
  605. </div>
  606. <div class="notes2">
  607. <img src="http://static.tumblr.com/qzpui9z/sbRmkllji/5.png"> notes: {NoteCount}
  608. </div>
  609. </div>
  610. <div class="caixa">
  611. {PostNotes}
  612. </div>
  613. {/block:PostNotes}
  614. {/block:Posts}
  615. {block:IndexPage}
  616. <div class="column navigation" id="navigation">
  617. {block:Pagination}
  618. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  619. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  620. </div>
  621. {/block:IndexPage}
  622.  
  623.  
  624. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  625. {/block:Posts}
  626.  
  627.  
  628. <center>
  629. {block:IndexPage}
  630. <div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  631. {block:JumpPagination length="9"}
  632. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  633. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  634. {/block:JumpPagination}
  635. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  636. </div></center>
  637. {/block:IndexPage}
  638.  
  639. </div>
  640.  
  641.  
  642. <div id="footer">
  643. </div>
  644.  
  645. <div id="01" style="display:none">
  646. <div class="post">
  647. <div class="bar"><div style="width: 100%;"><div style="background: url(http://static.tumblr.com/cir8k0k/YIqn5qle7/0007.png) no-repeat; width: 571px; height: 100px; margin-left:-60px; margin-top:-40px; margin-bottom:-30px;"></div></div></div><br>
  648. <a href="https://twitter.com/DesignBombastic" target="_blank" class="l1">Twitter</a>
  649. <a href="https://www.facebook.com/designbombastic" target="_blank" class="l1">Facebook</a></center>
  650. <div class="linhas">Lembre-se educação gera educação.</div>
  651. <div class="linhas">O anônimo esta ativado para pessoas tímidas.</div>
  652. <div class="linhas">Sugiro que leia a <a href="/tagged/faq">FAQ</a>.</div>
  653. <div class="linhas">Não seguimos quem pede!</div>
  654. <div class="linhas">Peça apenas <b>um pack por ask</b>.</div>
  655. <div class="linhas">Não estamos a procura de moderadores.</div>
  656. <div class="linhas">Só responderemos em privado se realmente houver necessidade, sua dúvida pode ser de outros.</div>
  657. <div class="linhas">Não aceitamos mais encomendas.</div>
  658. <div class="linhas">Não vamos tirar duvidas por fanmail.</div>
  659. <div class="linhas"><u>NÃO MANDE LINKS NA ASK!</u> IGNORAREMOS. LINKS SOMENTE <u>POR SUBMIT</u>.</div>
  660. <div class="linhas">NÃO! façam pedidos de <u>livros brasileiros</u>, pois os autores são mais rigidos e não permitem o download.</div>
  661. <br>
  662. <div class="caixinha">
  663. <iframe frameborder="0" scrolling="no" width="100%" height="200" src="http://www.tumblr.com/ask_form/bombasticdesign.tumblr.com" style="background: url(http://static.tumblr.com/5dbytsa/c9Qmk53ts/dada.png); overflow:hidden;" id="ask_form"></iframe> <!—[iIE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]—></div><br><br>
  664.  
  665. <div class="bar"><div style="width: 100%;"><div style="background: url(http://static.tumblr.com/cir8k0k/yQTn5qlym/0007.png) no-repeat; width: 571px; height: 100px; margin-left:-60px; margin-top:-40px; margin-bottom:-30px;"></div></div></div><br>
  666. <div class="caixinha">
  667. <iframe frameborder="0" scrolling="no" width="100%" height="290px" id="submit_form" src="http://www.tumblr.com/submit_form/bombasticdesign.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]-->
  668. </div>
  669.  
  670.  
  671.  
  672. </div>
  673. </div>
  674.  
  675. <div id="04" style="display:none">
  676. <div class="post">
  677. <div class="bar"><div style="width: 100%;"><div style="background: url(http://static.tumblr.com/cir8k0k/Wg8n5qnjq/0007.png) no-repeat; width: 571px; height: 100px; margin-left:-60px; margin-top:-40px; margin-bottom:-30px;"></div></div></div><br>
  678. <div class="linhas2">
  679. <a href="/tagged/avatares">Avatares <img src="http://static.tumblr.com/5dbytsa/p6vmi7yyi/user_silhouette.png" /></a>
  680. <a href="/tagged/bg">Backgrounds <img src="http://static.tumblr.com/5dbytsa/yrOmi7yyu/image.gif" /></a>
  681. <a href="/tagged/paletas">Paletas <img src="http://static.tumblr.com/5dbytsa/Yskmi7yzf/palette.png" /></a>
  682. <a href="/tagged/fontes">Fontes <img src="http://static.tumblr.com/5dbytsa/uPXmi7yzr/file_font_truetype.gif" /></a>
  683. <a href="/tagged/downloads">Downloads <img src="http://static.tumblr.com/5dbytsa/WIZmi7z01/box-label.png" style="margin-bottom:-03px;"/></a>
  684. <a href="/tagged/patterns">Patterns <img src="http://static.tumblr.com/5dbytsa/w68mi7z0c/flag-pink.png" /></a>
  685. <a href="/tagged/capas_para_facebook">Capas Facebook<img src="http://static.tumblr.com/5dbytsa/3OHmi7z0m/facebook.png" style="margin-bottom:-03px;"/></a>
  686. <a href="/tagged/pack">Pacotes <img src="http://static.tumblr.com/5dbytsa/64Jmi7z16/box--plus.png" /></a>
  687. <a href="/tagged/psds">PSD's <img src="http://static.tumblr.com/5dbytsa/REgmi7z1v/document-photoshop-image.png" /></a>
  688. <a href="/tagged/actions">Actions <img src="http://static.tumblr.com/5dbytsa/mQrmi7z2i/stamp.png" style="margin-bottom:-02px;"/></a>
  689. <a href="/tagged/textura">Texturas <img src="http://static.tumblr.com/5dbytsa/CnFmi7z34/page_red.png" style="margin-bottom:-0px;"/></a>
  690. <a href="/tagged/filmes">Filmes <img src="https://cdn1.iconfinder.com/data/icons/vaga/video.png" style="margin-bottom:-02px;"/></a>
  691. <a href="/livros">Livros <img src="https://cdn1.iconfinder.com/data/icons/fugue/icon_shadowless/book-open.png" style="margin-bottom:-02px;"/></a>
  692. <a href="/tagged/png">Png's <img src="https://cdn1.iconfinder.com/data/icons/ledicons/highlighter.png" style="margin-bottom:-02px;"/></a>
  693. <a href="/tagged/mini gifs">Mini Gifs <img src="https://cdn1.iconfinder.com/data/icons/ledicons/lifebuoy.png" style="margin-bottom:-02px;"/></a>
  694. <a href="/tagged/capas_para_twitter">Capas Twitter<img src="https://cdn1.iconfinder.com/data/icons/woothemesiconset/16/twitter.png" style="margin-bottom:-02px;"/></a>
  695. </div>
  696.  
  697.  
  698. </div>
  699. </div>
  700.  
  701. <div id="05" style="display:none">
  702. <div class="post">
  703. <div class="bar"><div style="width: 100%;"><div style="background: url(http://static.tumblr.com/cir8k0k/uwPn5qny0/0007.png) no-repeat; width: 571px; height: 100px; margin-left:-60px; margin-top:-40px; margin-bottom:-30px;"></div></div></div><br>
  704. <div class="linhas">Não use os themes como base. Se quiser alguma acesse nossos tutoriais, lá temos sugestões.</div>
  705. <div class="linhas">Pode modificar, mas para uso pessoal.</div>
  706. <div class="linhas">Não repasse os códigos NUNCA (mesmo que seja sua adaptação).</div>
  707. <div class="linhas">Não retire nossos créditos.</div>
  708. <div class="linhas">Não reblogue os posts dos Themes. Apenas os autorizados podem ser reblogados</div>
  709. <div class="linhas">Problemas de adaptação consulte os tutoriais ou passe na ask.</div>
  710. <div class="linhas">Em themes alterados pelo HTML, troque "suatag" pela tag dos seus textos.</div>
  711. <div class="linhas">Em alguns themes alterados pelo HTML, troque "suaurl" pela sua url para arrumar a ask.</div>
  712. <div class="linhas">Fiquem cientes que todos os themes daqui são de nossa autoria, temos créditos de outros pessoas por isso não retire Jamais os creditos! Sempre que usarem algo de outra pessoa credite. Qualquer duvida pergunte pra gente, nos não mordemos.</div>
  713. <div class="linhas">themes aqui - <a href="/tagged/themes">clica </a></div>
  714.  
  715.  
  716.  
  717. </div>
  718. </div>
  719.  
  720. <div id="03" style="display:none">
  721. <div class="post">
  722. <div class="bar"><div style="width: 100%;"><div style="background: url(http://static.tumblr.com/cir8k0k/r2Mn5qmwi/0007.png) no-repeat; width: 571px; height: 100px; margin-left:-60px; margin-top:-40px; margin-bottom:-30px;"></div></div></div><br>
  723. <section class="tabs">
  724. <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
  725. <label for="tab-1" class="tab-label-1">Personalização</label>
  726. <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
  727. <label for="tab-2" class="tab-label-2">Photoshop</label>
  728. <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
  729. <label for="tab-3" class="tab-label-3">Menus</label>
  730. <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" />
  731. <label for="tab-4" class="tab-label-4">Tumblr e Outros</label>
  732. <div class="clear-shadow"></div>
  733. <br>
  734. <div class="content">
  735. <div class="content-1">
  736. <span class="dir">
  737.  
  738. <a href="http://bombasticdesign.tumblr.com/post/92169137659">Barra de progresso/aviso no tumblr..<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  739.  
  740. <a href="http://bombasticdesign.tumblr.com/post/77627968306">Updates fixos no topo do tumblr.</a>
  741. <a href="http://bombasticdesign.tumblr.com/post/68176319104">Colocar imagem da dashboard na sidebar.</a>
  742. <a href="http://bombasticdesign.tumblr.com/post/64580192157">Colocar updates/novidades em seu tumblr.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a></a>
  743. <a href="http://bombasticdesign.tumblr.com/post/67501149980">Variáveis do appearance.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a></a>
  744. <a href="http://bombasticdesign.tumblr.com/post/60487543397">Fazer algo aparecer somente ao abaixar a tela. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a></a>
  745. <a href="http://bombasticdesign.tumblr.com/post/59237540536">Criar Blogroll. </a>
  746. <a href="http://bombasticdesign.tumblr.com/post/58636862267">Notes, tags e mais somente no permalink. </a>
  747. <a href="http://bombasticdesign.tumblr.com/post/16761045091">Arrumando ask, aba de texto...</a>
  748. <a href="http://havingthemes.tumblr.com/post/10083434689/tutorial-como-colocar-aquela-caixinha-de-search">caixa de busca</a>
  749. <a href="/tagged/estilo-de-ask">estilos de ask </a>
  750. <a href="http://bombasticdesign.tumblr.com/post/9257949714">Como mudar a cor dos links na Theme.</a>
  751. <a href="http://bombasticdesign.tumblr.com/post/15570820815">Como fazer o link ficar colorido ao passar o mouse.</a>
  752. <a href="http://bombasticdesign.tumblr.com/post/17489786460">Como colocar link em frase ou imagem.</a>
  753. <a href="http://bombasticdesign.tumblr.com/post/8959326461/">Como colocar contador de visitas #1</a>
  754. <a href="http://bombasticdesign.tumblr.com/post/9257657024/">Como colocar contador de visitas #2</a>
  755. <a href="http://bombasticdesign.tumblr.com/post/34029497924">Como colocar contador de visitas #3 <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  756. <a href="http://bombasticdesign.tumblr.com/post/34030877959">Vendo (e colocando) as estatísticas de seu tumblr.</a>
  757. <a href="http://bombasticdesign.tumblr.com/post/17047921402">Código que impede que arrastem imagem pra aba (ajuda a proteger de cópias).</a>
  758. <a href="http://bombasticdesign.tumblr.com/post/8446399558/">Como bloquear&nbsp;o bot&atilde;o direito do mouse</a>
  759. <a href="http://bombasticdesign.tumblr.com/post/8426239154/">Como bloquear a sele&ccedil;&atilde;o do mouse.</a>
  760. <a href="http://bombasticdesign.tumblr.com/post/16672143616">Aviso anti cópia após teclar algo.</a>
  761. <a href="http://bombasticdesign.tumblr.com/post/31290470090">Como bloquear o teclado em seu theme.</a>
  762. <a href="http://bombasticdesign.tumblr.com/post/9928452368/">Como colocar fonte personalizada nos titulos</a>
  763. <a href="http://bombasticdesign.tumblr.com/post/8446928947/">Formata&ccedil;&otilde;es b&aacute;sicas de texto</a>
  764. <a href="http://bombasticdesign.tumblr.com/post/15354891653">Personalizando o itálico, negrito, sublinhado e riscado no seu tumblr.</a>
  765. <a href="http://bombasticdesign.tumblr.com/post/21286439470">Frase que muda ao passar o mouse.</a>
  766. <a href="http://bombasticdesign.tumblr.com/post/21287176554">Font Face (Fonte Personalizada)</a>
  767. <a href="http://bombasticdesign.tumblr.com/post/36825382954">Letras/Menu de sombras hover.</a>
  768. <a href="http://bombasticdesign.tumblr.com/post/9928452368/">Como colocar fonte personalizada nos titulos</a>
  769. <a href="http://bombasticdesign.tumblr.com/post/14410478460/"> Barra de Rolagem Personalizada (MAIS EFICAZ)</a>
  770. <a href="http://bombasticdesign.tumblr.com/post/12341767405/"> Barra de Rolagem Infinita</a>
  771. <a href="http://bombasticdesign.tumblr.com/post/9257308242">Colocando barra de rolagem personalizada.</a>
  772. <a href="http://bombasticdesign.tumblr.com/post/27851174388">Rolagem que desce “lentamente” - com opacidade.</a>
  773. <a href="http://bombasticdesign.tumblr.com/post/36454734533">Novo estilo de barra de rolagem.</a>
  774. <a href="http://bombasticdesign.tumblr.com/post/12610565730/"> Como colocar cursor personalizado no seu tumblr.</a>
  775. <a href="http://bombasticdesign.tumblr.com/post/12342525707/"> Bolhas saindo do mouse (cursor).</a>
  776. <a href="http://bombasticdesign.tumblr.com/post/12044173521"> Cursores em uma div, formatações etc.</a>
  777. <a href="http://bombasticdesign.tumblr.com/post/8478980437/">MouseOver</a>
  778. <a href="http://bombasticdesign.tumblr.com/post/9498798656/">Player do Youtube branco </a>
  779. <a href="http://bombasticdesign.tumblr.com/post/8583925179/">Como colocar m&uacute;sica no Tumblr</a>
  780. <a href="http://bombasticdesign.tumblr.com/post/10411999492/">Como colocar musica no Tumblr pelo SCM Music.</a>
  781. <a href="http://bombasticdesign.tumblr.com/post/18663955591">Como personalizar o player do SCM Music.</a>
  782. <a href="http://bombasticdesign.tumblr.com/post/30536539946">Adicionar musica a o playlist sem que se faça outro player do SCM Music.</a>
  783. <a href="http://bombasticdesign.tumblr.com/post/34030454251">Novo Player - Personalizado.</a>
  784. <a href="http://bombasticdesign.tumblr.com/post/36306701407">Colocar skin numa playlist já existente (SCM Music).</a>
  785. <a href="http://bombasticdesign.tumblr.com/post/57162036992">Paginação simples (2).</a>
  786.  
  787. <br>
  788. </span>
  789. <span class="esq">
  790.  
  791. <a href="http://bombasticdesign.tumblr.com/post/87532930854">Ak e/ou submit + regras/avisos.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  792. <a href="http://bombasticdesign.tumblr.com/post/75833957066">Imagem rotatória hover.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  793. <a href="http://bombasticdesign.tumblr.com/post/71876073512">Efeitos de sombras variadas.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  794. <a href="http://bombasticdesign.tumblr.com/post/71341773642">Colocar updates correio.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  795. <a href="http://bombasticdesign.tumblr.com/post/67150670178">Como criar uma page (navegação).
  796. <a href="http://bombasticdesign.tumblr.com/post/64314963615">Mudando tamanho da imagem dos posts. </a>
  797. <a href="http://bombasticdesign.tumblr.com/post/60569502075">Mudando tamanho dos posts (index e permalink). </a>
  798. <a href="http://bombasticdesign.tumblr.com/post/59907190166">Efeitos de rotação.</a>
  799. <a href="http://bombasticdesign.tumblr.com/post/59243113409">Criar máscara de corte por HTML.</a>
  800. <a href="http://bombasticdesign.tumblr.com/post/58629030809">Alinhar Imagem. </a>
  801. <a href="http://bombasticdesign.tumblr.com/post/57278421334">Cursor personalizado em toda a área do theme.</a>
  802. <a href="/tagged/paginação">Paginação </a>
  803. <a href="tagged/base">Bases </a>
  804. <a href="http://secret-dialogues.tumblr.com/post/31284517637">Como colocar nossos themes</a>
  805. <a href="http://bombasticdesign.tumblr.com/post/27572405466">Arrumando links no appearance</a>
  806. <a href="http://bombasticdesign.tumblr.com/post/27217194333">Link que abre em outra aba.</a>
  807. <a href="http://bombasticdesign.tumblr.com/post/35994599545">Como colocar seus textos no theme/página com sua autoria.</a>
  808. <a href="http://bombasticdesign.tumblr.com/post/16868663600">Site que gera utilitários de CSS</a>
  809. <a href="http://bombasticdesign.tumblr.com/post/15137684766">Como descobrir quem te deu unfollow.</a>
  810. <a href="http://bombasticdesign.tumblr.com/post/12165762346/">Bases para Themes.</a>
  811. <a href="http://bombasticdesign.tumblr.com/post/8785158307/">Themes para Dashboard do Tumblr.</a>
  812. <a href="http://bombasticdesign.tumblr.com/post/36360654169">Como bloquear posts na sua dash (Lista Negra Tumblr).</a>
  813. <a href="http://bombasticdesign.tumblr.com/post/9498933459/">C&oacute;digo de "Reblog"</a>
  814. <a href="http://bombasticdesign.tumblr.com/post/36084577311">Código de “Source” e “Via” ATUALIZADOS.</a>
  815. <a href="http://bombasticdesign.tumblr.com/post/9053211175/">Colocando o bot&atilde;o "Follow" na sua theme.</a>
  816. <a href="http://bombasticdesign.tumblr.com/post/15724661880/">Código de Submit.</a>
  817. <a href="http://bombasticdesign.tumblr.com/post/8480091654/">C&oacute;digo da caixinha de ask</a>
  818. <a href="http://bombasticdesign.tumblr.com/post/8541200022/">Como fazer nuvem de tags.</a>
  819. <a href="http://bombasticdesign.tumblr.com/post/10656536414/">Nuvem de Tags (de outro modo MAIS SIMPLES)</a>
  820. <a href="http://bombasticdesign.tumblr.com/post/27864875390">Como fazer photosets</a>
  821. <a href="http://bombasticdesign.tumblr.com/post/87534544029">Fundo da ask personalizado. </a>
  822. <a href="http://bombasticdesign.tumblr.com/post/8528091740/">Como colocar o bot&atilde;o "Follow" e "Dashboard" fixos no topo.</a>
  823. <a href="http://bombasticdesign.tumblr.com/post/11023338129">Meu botão de follow/dasboard sumiu, o que eu faço?</a>
  824. <a href="http://bombasticdesign.tumblr.com/post/19295697341">Como mudar sua URL.</a>
  825. <a href="http://bombasticdesign.tumblr.com/post/22519067948">Como ativar a ask do seu tumblr.</a>
  826. <a href="http://bombasticdesign.tumblr.com/post/31290894016">Como impedir que vejam seus likes.</a>
  827. <a href="http://bombasticdesign.tumblr.com/post/32883308772">Como colocar quem você segue no theme.</a>
  828. <a href="http://bombasticdesign.tumblr.com/post/32949186439">Como funcionam as queues - posts “programados” para serem postados sozinhos.</a>
  829. <a href="http://bombasticdesign.tumblr.com/post/36307216716">Como recuperar um theme que você estava usando.</a>
  830. <a href="http://bombasticdesign.tumblr.com/post/36376340084">Como fazer perguntas em posts do tumblr.</a>
  831. <a href="http://bombasticdesign.tumblr.com/post/36539429313">Instalando e configurando Missing-e.</a>
  832. <a href="http://bombasticdesign.tumblr.com/post/38733764249">Mudando o tamanho da imagem de quem perguntou (ask).</a>
  833. <a href="http://bombasticdesign.tumblr.com/post/39883423779">Mudando o "título" da askbox.</a>
  834. <a href="http://bombasticdesign.tumblr.com/tagged/estilo de ask">Estilos de ask.</a>
  835. <a href="http://bombasticdesign.tumblr.com/post/57157490661">Paginação simples.</a>
  836. <a href="http://bombasticdesign.tumblr.com/post/57157501002">Paginação com símbolos ou setas.</a>
  837.  
  838. <br><br>
  839.  
  840.  
  841.  
  842.  
  843. </span>
  844.  
  845. <span class="esp"></span></div>
  846.  
  847. <div class="content-2"><span class="esq">
  848. <a href="http://bombasticdesign.tumblr.com/post/67975151365">PSDs com colorações fortes. </a>
  849. <a href="http://bombasticdesign.tumblr.com/post/63590459525">Abrindo e usando gradientes. </a>
  850. <a href="http://bombasticdesign.tumblr.com/post/37140611656">Como diminuir tamanho de gifs no PS.</a>
  851. <a href="http://bombasticdesign.tumblr.com/post/39494633130">Como realçar uma cor em foto branco e preto (PS - vídeo aula). </a>
  852. <a href="http://bombasticdesign.tumblr.com/post/39501110581">Colocando maquiagem com Photoshop.</a>
  853. <a href="http://bombasticdesign.tumblr.com/post/40469977308">Como criar um PSD.</a>
  854. <a href="http://bombasticdesign.tumblr.com/post/43097930211">Abrindo Gifs no Photoshop normalmente.</a>
  855. <a href="http://bombasticdesign.tumblr.com/post/43841331181">Como baixar e instalar actions (Photoshop).</a>
  856. <a href="http://bombasticdesign.tumblr.com/post/44489814249">Como mesclar fotos.</a>
  857. <a href="http://bombasticdesign.tumblr.com/post/44569496205">Efeito gradiente de lado.</a>
  858. <a href="http://bombasticdesign.tumblr.com/post/45452277740">"Shape" oval em imagem.</a>
  859. <a href="http://bombasticdesign.tumblr.com/post/45701259912">Como colocar actions em gifs.</a>
  860. <a href="http://bombasticdesign.tumblr.com/post/58370568115">Criar, salvar e hospedar actions.</a>
  861.  
  862.  
  863. </span><span class="dir">
  864.  
  865. <a href="http://bombasticdesign.tumblr.com/post/73426930810">Como fazer um falso tweet.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  866.  
  867. <a href="http://bombasticdesign.tumblr.com/post/66308689248">Mudar velocidade de um gif.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  868.  
  869. <a href="http://bombasticdesign.tumblr.com/post/63098841461">Tirar o rosto de uma pessoa. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  870. <a href="http://bombasticdesign.tumblr.com/post/14412399692/">Como colocar efeitos em gifs pelo Photoshop/Image Ready com PSD’s</a>
  871. <a href="http://bombasticdesign.tumblr.com/post/8603284080/">Como aplicar efeitos em gifs (photoshop).</a>
  872. <a href="http://bombasticdesign.tumblr.com/post/35864151474">Borda Overlay - Photoshop.</a>
  873. <a href="http://bombasticdesign.tumblr.com/post/35985293895">Efeito 3D em foto - Photoshop.</a>
  874. <a href="http://bombasticdesign.tumblr.com/post/35986131813">Efeito Halftone (Photoshop).</a>
  875. <a href="http://bombasticdesign.tumblr.com/post/35986561048">Redução de ruído - “Efeito Boneca” (Photoshop).</a>
  876. <a href="http://bombasticdesign.tumblr.com/post/35990688634">Como aplicar bases em imagens (photoshop).</a>
  877. <a href="http://bombasticdesign.tumblr.com/post/35997636696">Efeito Texture - Photoshop.</a>
  878. <a href="http://bombasticdesign.tumblr.com/post/35991537732">Como colocar chapéu de papai noel em fotos.</a>
  879. <a href="http://bombasticdesign.tumblr.com/post/57533368666">Como pintar o cabelo no Photoshop.</a>
  880.  
  881.  
  882. </span></div>
  883.  
  884.  
  885. <div class="content-3"><span class="esq">
  886.  
  887. <a href="http://bombasticdesign.tumblr.com/post/78484963615">Menu drop down flip. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  888. <a href="http://bombasticdesign.tumblr.com/post/73244705950">Menu flip. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  889. <a href="http://bombasticdesign.tumblr.com/post/74429374634">Menu ring. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  890. <a href="http://bombasticdesign.tumblr.com/post/14414663775/">Como fazer Menu Mapeado</a>
  891. <a href="http://bombasticdesign.tumblr.com/post/14815125616/">Menu de coração</a>
  892. <a href="http://bombasticdesign.tumblr.com/post/21721558182">Menu que rola para cima ao passar o mouse.</a>
  893. <a href="http://bombasticdesign.tumblr.com/post/23941100254">Menu/Imagem Zoom. </a>
  894. <a href="http://bombasticdesign.tumblr.com/post/34187578863">Menu de Sombra (shadow). </a>
  895. <a href="http://bombasticdesign.tumblr.com/post/58505347414">Menu Drop Down (afiliados). <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  896. <a href="http://bombasticdesign.tumblr.com/post/55601682284">Menu black list.</a>
  897.  
  898.  
  899. </span>
  900.  
  901.  
  902. <span class="dir">
  903.  
  904. <a href="http://bombasticdesign.tumblr.com/post/78250794662">Menu Ribbon. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  905. <a href="http://bombasticdesign.tumblr.com/post/71668421906">EXCLUSIVO! Menu Hexágono. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  906. <a href="http://bombasticdesign.tumblr.com/post/34186178428">Menu (tópicos) shadow 2. </a>
  907. <a href="http://bombasticdesign.tumblr.com/post/35938731028">Menu de Imagem hover. </a>
  908. <a href="http://bombasticdesign.tumblr.com/post/36093463579">Menu Explosion.</a>
  909. <a href="http://bombasticdesign.tumblr.com/post/36825382954">Letras/Menu de sombras hover.</a>
  910. <a href="http://bombasticdesign.tumblr.com/post/37206502403">Colocando um caractere colorido no menu.</a>
  911. <a href="http://bombasticdesign.tumblr.com/post/43839505930">Menu pop-up.</a>
  912. <a href="http://bombasticdesign.tumblr.com/post/51754047646">Menu Come in. </a>
  913.  
  914. </span><div class"esp"></div></div>
  915.  
  916.  
  917. <div class="content-4">
  918. <span class="esq">
  919.  
  920.  
  921. <a href="http://bombasticdesign.tumblr.com/post/78785197337">Colocar enquete em seu tumblr.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  922. <a href="http://bombasticdesign.tumblr.com/post/73762052529">Código de askbox (atualizado).<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  923. <a href="http://bombasticdesign.tumblr.com/post/72478802175">Vinil hover HTML.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  924. <a href="http://bombasticdesign.tumblr.com/post/72244281184">Domínio gratuíto da sua URL.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a></a>
  925. <a href="http://bombasticdesign.tumblr.com/post/71568224026">Ferramenta de pesquisa no tumblr.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a></a>
  926. <a href="http://bombasticdesign.tumblr.com/post/59512967248">Responder e mandar replies (reply). </a>
  927. <a href="http://bombasticdesign.tumblr.com/post/34376297238">Colocando parceria</a>
  928. <a href="http://bombasticdesign.tumblr.com/post/34487878347">Colocando parcerias (que “aparecem” - 2º modo).</a>
  929. <a href="http://bombasticdesign.tumblr.com/post/24080546855">Colocando o background(fundo)para não repetir</a>
  930. <a href="http://bombasticdesign.tumblr.com/post/8451680918/">Janela de energia.</a>
  931. <a href="http://bombasticdesign.tumblr.com/post/9179639461/">Colocando sele&ccedil;&atilde;o colorida.</a>
  932. <a href="http://bombasticdesign.tumblr.com/post/10132981611/">Código para frase passando na sidebar.</a>
  933. <a href="http://bombasticdesign.tumblr.com/post/10459277942/">Como fazer um portfólio</a>
  934. <a href="http://bombasticdesign.tumblr.com/post/13075270804/"> Código da seta "Voltar ao topo".</a>
  935. <a href="http://bombasticdesign.tumblr.com/post/16709252089">Botão voltar para o topo da página (2º modo)</a>
  936. <a href="http://bombasticdesign.tumblr.com/post/14312876135/"> Redirecionamento de Página</a>
  937. <a href="http://bombasticdesign.tumblr.com/post/14313102264/"> Colocando neve caindo</a>
  938. <a href="http://bombasticdesign.tumblr.com/post/14410272675"> Como fazer caixinha de texto com barra de rolagem</a>
  939. <a href="http://bombasticdesign.tumblr.com/post/15129166629/">Como fazer Borda Crazy</a>
  940. <a href="http://bombasticdesign.tumblr.com/post/15423769852">Como colocar slideshow no theme.</a>
  941. <a href="http://bombasticdesign.tumblr.com/post/31927754820">Como colocar slideshow no theme .</a>
  942. <a href="http://bombasticdesign.tumblr.com/post/15478841667/">Como fazer o titulo do tumblr ficar “passando” na guia do navegador.</a>
  943. <a href="http://bombasticdesign.tumblr.com/post/15725175100">Como fazer Lista de Desejos (Wishlist).</a>
  944. <a href="http://bombasticdesign.tumblr.com/post/17715299877">Colocando borda na ask.</a>
  945. <a href="http://bombasticdesign.tumblr.com/post/20674815720">Como colocar tags em ask (Pelo missing e).</a>
  946. <a href="http://bombasticdesign.tumblr.com/post/21721286577">Como fazer uma FAQ. </a>
  947. <a href="http://bombasticdesign.tumblr.com/post/24687655296">Colocar 2 colunas (wishlist, etc.). </a>
  948. <a href="http://bombasticdesign.tumblr.com/post/25112287635">BG que não repete ao descer a página. </a>
  949. <a href="http://bombasticdesign.tumblr.com/post/30116164184">Como colocar caixinha que fica ao lado dos posts. </a>
  950. <a href="http://bombasticdesign.tumblr.com/post/30119191939">Como colocar botão (follow) do Twitter em seu Tumblr.</a>
  951. <a href="http://bombasticdesign.tumblr.com/post/30415421511">Arrumando a acentuação em seu theme.</a>
  952. <a href="http://bombasticdesign.tumblr.com/post/30118375762">Imagem que muda ao passar o mouse (2º modo). </a>
  953. <a href="http://bombasticdesign.tumblr.com/post/30481897657">Efeito embaçado e branco e preto hover (Grayblur). </a>
  954. <a href="http://bombasticdesign.tumblr.com/post/34842864011">Imagens aleatórias (mudam em cada página). </a>
  955. <a href="http://bombasticdesign.tumblr.com/post/35993455505">Como colocar imagens sépia no theme (ou hover). </a>
  956. <a href="http://bombasticdesign.tumblr.com/post/37124835013">Imagem preto e branco que normaliza ao passar o mouse (ou contrário). </a>
  957. <a href="http://bombasticdesign.tumblr.com/post/42774233349">Ajustando o tamanho das imagens no theme. </a>
  958. <a href="http://bombasticdesign.tumblr.com/post/57186702000">Lidando com o WinRar. </a>
  959. <a href="http://bombasticdesign.tumblr.com/post/27852546436">Borda estilo quadro. </a>
  960. <a href="http://bombasticdesign.tumblr.com/post/27853842201">Borda de imagem (pattern) nas fotos. </a>
  961. <a href="http://bombasticdesign.tumblr.com/post/29007339937">Imagens do seu tumblr em branco e preto. </a>
  962.  
  963.  
  964.  
  965.  
  966. </span><span class="dir">
  967.  
  968. <a href="http://bombasticdesign.tumblr.com/post/74970258541">Lidando com o Xkit e suas extenções.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/1-1.gif"></a>
  969. <a href="http://bombasticdesign.tumblr.com/post/63022809676">Colocar links e anotações em vídeos do youtube.</a>
  970. <a href="http://bombasticdesign.tumblr.com/post/60470555101">Como baixar vídeos do youtube (sem programa).</a>
  971. <a href="http://bombasticdesign.tumblr.com/post/30616160390">Fazer vídeo (gravar) a sua tela.</a>
  972. <a href="http://bombasticdesign.tumblr.com/post/31945100108">Como colocar slideshow num banner.</a>
  973. <a href="http://bombasticdesign.tumblr.com/post/32077336180">Como fazer o posicionamento de theme de 2 ou 3 colunas.</a>
  974. <a href="http://bombasticdesign.tumblr.com/post/32944377802">Como fazer theme em grade.</a>
  975. <a href="http://bombasticdesign.tumblr.com/post/32355480156">Como mudar a foto que fica na aba/guia do navegador.</a>
  976. <a href="http://bombasticdesign.tumblr.com/post/32947874939">Como colocar seus tweets no tumblr.</a>
  977. <a href="http://bombasticdesign.tumblr.com/post/35437681179">Como colocar caixinha do ask.fm no tumblr.</a>
  978. <a href="http://bombasticdesign.tumblr.com/post/35858983203">Como baixar séries/filmes pelo torrent (com legenda separada).</a>
  979. <a href="http://bombasticdesign.tumblr.com/post/36232157300">Como deixar as caixas de posts do seu tumblr opacas.</a>
  980. <a href="http://bombasticdesign.tumblr.com/post/36360846959">Colocando asks respondidas abaixo da sua askbox.</a>
  981. <a href="http://bombasticdesign.tumblr.com/post/36452845674">Código lâmpada - acende o tumblr.</a>
  982. <a href="http://bombasticdesign.tumblr.com/post/36453018001">Código estilo iPhone para acessar o tumblr.</a>
  983. <a href="http://bombasticdesign.tumblr.com/post/36536948881">Como colocar opção “Curtir” do Facebook em seu Tumblr.</a>
  984. <a href="http://bombasticdesign.tumblr.com/post/36595596006">Caixa rápida de reblog (missing-e).</a>
  985. <a href="http://bombasticdesign.tumblr.com/post/37482028902">Como colocar mensagem de despedida pra alguém que visitou seu tumblr.</a>
  986. <a href="http://bombasticdesign.tumblr.com/post/37482878480">Como salvar o icon/avatar de alguém pela dashboard (missing-e).</a>
  987. <a href="http://bombasticdesign.tumblr.com/post/40377649058">Como colocar reblog hover.</a>
  988. <a href="http://bombasticdesign.tumblr.com/post/42057026851">Como colocar o Widget do We Heart It no seu blog/tumblr.</a>
  989. <a href="http://bombasticdesign.tumblr.com/post/43028826718">Como colocar gif ou outra imagem da resposta da ask.</a>
  990. <a href="http://bombasticdesign.tumblr.com/post/43030621207">Colocando moderação hover (que rola pra cima).</a>
  991. <a href="http://bombasticdesign.tumblr.com/post/43249728598">Botão +Follow e Dashboard brancos.</a>
  992. <a href="http://bombasticdesign.tumblr.com/post/43840550445">Colocando Google Tradutor em seu Tumblr.</a>
  993. <a href="http://bombasticdesign.tumblr.com/post/43843802796">Colocando FAQ (texto) e askbox juntos.</a>
  994. <a href="http://bombasticdesign.tumblr.com/post/46123737238">Peixinhos nadando no theme.</a>
  995. <a href="http://bombasticdesign.tumblr.com/post/8784714270/">Como deixar imagem opaca (efeito opacidade).</a>
  996. <a href="http://bombasticdesign.tumblr.com/post/35996889940"> Imagem que treme ao passar o mouse.</a>
  997. <a href="http://bombasticdesign.tumblr.com/post/14314838057"> Fazer imagens passando na theme de um lado para outro (marquee personalizado)</a>
  998. <a href="http://bombasticdesign.tumblr.com/post/14814517257/">Imagens Redondas no Theme</a>
  999. <a href="http://bombasticdesign.tumblr.com/post/15627035740">Imagem que muda ao passar o mouse.</a>
  1000. <a href="http://bombasticdesign.tumblr.com/post/8447047810/">Como alterar o tamanho de uma foto (imagem).</a>
  1001. <a href="http://bombasticdesign.tumblr.com/post/9513819728/">Como colocar banner a cima dos posts.</a>
  1002. <a href="http://bombasticdesign.tumblr.com/imagem_no_theme">Como colocar imagem em seu theme e/ou alterar largura e altura (tamanho).</a>
  1003. <a href="http://bombasticdesign.tumblr.com/post/23941100254">Menu/Imagem Zoom. </a>
  1004.  
  1005.  
  1006.  
  1007.  
  1008. </span><span class="esp">
  1009. </div></div></div>
  1010.  
  1011. <div id="cred" style="display:none;">
  1012. <div class="post">
  1013. <div class="bar"><div style="width: 100%;"><div style="background: url(http://static.tumblr.com/cir8k0k/ssmn5qkhz/0007.png) no-repeat; width: 571px; height: 100px; margin-left:-60px; margin-top:-40px; margin-bottom:-30px;"></div></div></div><br>
  1014. <div class="texty">
  1015. <div class="fadein">
  1016. <div class="cred"><a href="http://exodorado.tumblr.com/">Chi</a> HTML, CSS e todo o design.</div>
  1017. <div class="cred"><a href="http://tumblr.com/">Tumblr</a> Tutorial de confecção de themes e hospedagem de imagens.</div>
  1018. <div class="cred"><a href="http://adobe.com/">Adobe ps e fw</a> Criação de imagens, cores e muitos detalhes.</div>
  1019. <div class="cred"><a href="http://things-to-help-you.com/">tthy</a> detalhes</div>
  1020. <div class="cred"><a href="http://aryafromwinterfell.co.vu/">Pam</a> amizade e códigos do Bdlovers</div>
  1021. <div class="cred"><a href="http://mundohtml.tumblr.com/">Mundohtml</a> Styles</div>
  1022.  
  1023. <p></p>
  1024. <div class="caixap">
  1025. Inspiração é muito diferente de cópia. Tenha ciência que qualquer código pego daqui sem creditar será considerado como plágio! Inspiração não é você copiar, colar e mudar o nome. Se eu consegui fazer você também pode, tenha orgulho de dizer <b>"eu que fiz"</b>.
  1026. <img src="http://static.tumblr.com/y9ykbvf/mDTlrxtib/___________53_.gif" /> É proibida qualquer c&oacute;pia parcial ou total deste theme! <i>Pl&aacute;gio &eacute; crime</i>! A Lei que rege o direito autoral no Brasil &eacute; a Lei 9610/98.<img src="http://static.tumblr.com/y9ykbvf/mDTlrxtib/___________53_.gif" />
  1027. </div></font>
  1028.  
  1029. </div></div></div>
  1030. <div class="caixaend"></div>
  1031. </div>
  1032.  
  1033.  
  1034.  
  1035. </span><span class="esp"></div></div></div></section></div></div><div>
  1036. </div></div><div></div></div><div></div></div><div></div></div><div></div></div><div>
  1037.  
  1038.  
  1039.  
  1040. </body>
  1041. </html>
Advertisement
Add Comment
Please, Sign In to add comment