API tools faq
paste
pamellabellegarde

Theme BD 2 anos

pamellabellegarde
Aug 2nd, 2013
258
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 86.67 KB | None | 0 0
raw download clone embed print report
  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>Bombastic Design ♥ | FELIZ ANO NOVO</title>
  6. <link rel="shortcut icon" href="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/21.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. <meta name="text:Chi" content="" />
  16. <meta name="text:Pam" content="" />
  17. <meta name="text:Gi" content="" />
  18.  
  19.  
  20.  
  21. </head>
  22. <style type="text/css" media="screen">
  23.  
  24. iframe#tumblr_controls {
  25. right:3px !important;
  26. position: fixed !important;
  27. z-index:999999999999999;
  28.  
  29.  
  30. }
  31.  
  32. /* parceiros */
  33.  
  34. .pp { background:#E65977;
  35. padding:3px;
  36. display:inline-block;
  37. padding-right:2px;
  38. text-align:center;
  39. font-family:calibri;
  40. font-size:10px;
  41. margin:3px;
  42. height:15px;
  43. width:29px;
  44. color:#fff;
  45. text-shadow: 0px 0px 0px #222;
  46. border-bottom:2px solid transparent;
  47. }
  48.  
  49. .pp:hover {
  50. border-bottom:2px solid #5C526D;
  51. color:#fff;
  52. }
  53.  
  54.  
  55. /* --- body - */
  56. body {background: #EBEDEC url('http://static.tumblr.com/cir8k0k/mofmphe5j/bombasticbg.png');color: #828282;font-family: tahoma;font-size: 11px;
  57. margin: 0;padding: 0;text-align: justify;}
  58.  
  59. /*seleção*/
  60. a {color: #E65977;text-decoration: none;}
  61. a:hover {color: #5C526D; }
  62. b, strong, bold {color:#E65977;}
  63. u,underline {border-bottom: 1px dotted #5C526D; text-decoration:none;color: #E65977; }
  64. i, em{color:#5C526D;font-family:georgia;}
  65. .h1 {font-family: 'Denk One';background:#E65977; font-size: 15px;color: #fff;line-height: 25px;margin-bottom: -8px; padding: 7px;box-shadow: 1.5px 1.5px 0px #DC214B;text-shadow: 1.5px 1.5px 0px #5C526D}
  66. .h1 a {color: #fff;}
  67. .h1 a:hover {color: #5C526D;text-shadow: 1.5px 1.5px 0px #E65977}
  68. blockquote {border-left: 4px solid #E65977; line-height: 15px; color: #858585; margin-right: 4px; padding:5px; margin-left: 4px; background: #eee; padding: 2px; margin-top:-5px; overflow: hidden; margin-bottom: 5px;text-align:left}
  69. blockquote p {margin: auto;}
  70. .caption {text-align:left;margin-top:-10px;margin-bottom: 5px;}
  71. pre {text-align: justify;
  72. padding: 5px;
  73. line-height:18px;
  74. background: #ebebe5;
  75. font-family: consolas;
  76. color: #999;
  77. overflow: scroll;
  78. margin-right: 1px;
  79. margin-bottom: 7px;}
  80.  
  81. /* --- meio - */
  82. #content {width: 1000px;background: url('http://static.tumblr.com/cir8k0k/SAzmqrs3p/bd__1_.png');margin: auto;}
  83.  
  84. /* --- topo - */
  85. #header {background: url('http://static.tumblr.com/cir8k0k/Ldlmqp7qv/bd.png');background-repeat: no-repeat;width: 1000px;height: 400px;margin-left: auto 0px;}
  86. .header {background: url('http://static.tumblr.com/cir8k0k/v1smqp74c/bd.png'); background-position: top center;background-repeat: repeat-x; margin-top: 0px;}
  87.  
  88. /* --- final - */
  89. #footer {background: url('http://static.tumblr.com/cir8k0k/QYRmqwmxs/0001.png'); background-repeat:repeat; width: 1357px; height: 47px; clear: both; background-position: bottom center;margin-left:-180px;margin-bottom:-13px}
  90.  
  91. /* --- sidebar - */
  92. #sidebar {background: #fff;width: 320px;float: left;color:#696969;text-shadow:1px 1px 0px #fff;position: relative;margin-left: 80px;margin-bottom: 20px;margin-top: -35px;line-height:17px;padding:5px;margin-left:50px;}
  93.  
  94. /* --- postagens - */
  95. #main {background:#;width:500px;float:right;position:relative;margin-bottom: 20px;margin-right:62px;margin-top:-40px;}
  96. .post {background: #fff;box-shadow: 1px 1.4px 2px #DDDFDE, -1px -1.4px 2px #DDDFDE;width: 500px;float: right;position: relative;margin-bottom: 20px;margin-right: 78px;margin-top: -30px;margin:8px;padding:8px;}
  97. .post img{max-width:500px;}
  98.  
  99. /*detalhes da descrição*/
  100. .bordas{float:left; border:5px;margin-bottom:4px; margin-right:5px; margin-left:1px; margin-bottom:-7px;border: 1px dotted #E65977;padding:2px}
  101. #gira{overflow:hidden;height:10px;margin:auto;height:30px;text-align:center;font-family:'Ubuntu Mono';font-size:12px; text-transform:uppercase;}
  102. #giras{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  103. #giras:hover{margin-top:-28px;}
  104. .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;}
  105. .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;}
  106. .estatus a:hover{text-shadow:1px 1px 0px #D33051; background:#5C526D; padding:3px 2px 3px 2px; color:#fff;}
  107.  
  108. /*destaque*/
  109. .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;}
  110. .boxdestaque:hover .destaque {background-position: -0px -75px;}
  111. .boxdestaque {background:#eee;text-align: left; margin-right: 7px;background:#;padding: 7px; border-radius: 2px;margin-bottom: 3px; }
  112. .boxdestaque:hover {background: #; text-shadow: 1px 1px 1px #fcf8ef;}
  113. .boxdestaque .title {color: #5C526D; font-size: 11px; font-weight:none;
  114. font-family: Georgia;padding-bottom:2px;text-shadow:1px 1px 0px #fcf8ef;
  115. font-style: italic;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  116. .boxdestaque:hover .title{color: #E65A77; -webkit-transition: all 1s ease;
  117. -moz-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;}
  118. .listag a{ color:#858585; width:146px; display:inline-block; padding:2px 3px 2px 3px; font-family: georgia; font-style: italic; text-shadow: 1px 1px 0px #fff;margin-bottom:5px; text-align:center; border-radius: 2px; 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:#eee; box-shadow:1px 1px 0px #DDDFDE; }
  119. .listag a bd{color:#ec9375; font-weight: bold; text-shadow:1px 1px 0px #fff;}
  120. .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; }
  121. .regrinha a {color:#ec9375; font-weight: bold; text-shadow:1px 1px 0px #fff;}
  122. .caixinha {background:#E65977; padding:5px}
  123. .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;}
  124. .cred {text-transform: uppercase;font-weight:none; font-family: 'Iceland', cursive;font-weight:none;font-family: 'Scada', sans-serif; margin-right: 0px;background:rgba(92, 82, 109, 0.3); padding: 4px; margin-bottom: 4px; font-size: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  125. .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: #E65977; padding: 5px; margin-bottom: 5px; font-size: 8px; display: inline-block; margin-top: -2px; margin-bottom: -2px; margin-left: -1px;}
  126. .cred a:hover {opacity: 0.9;}
  127.  
  128.  
  129. .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;
  130. -moz-transition: all 1s ease;
  131. -o-transition: all 1s ease;
  132. transition: all 1s ease;
  133. font-family:calibri;
  134. background:#fff;
  135. border-top: 3px solid #E65977;
  136. color:#555; }
  137. .poll:hover {height:350px;}
  138.  
  139. /*moderadoras*/
  140. .status {background: #E1E1E1; padding: 2px; margin-top: 0px; margin-bottom: 2px;border: 1px solid #c4c4c4; width: 320px;margin-left:-4px;}
  141. .pam {position: absolute; margin-top: 133px; margin-left: 73px; width: 68px .z-index: 40000;}
  142. .pams2 {background:url('http://static.tumblr.com/cir8k0k/lrVmqp65l/tumblr_mlrvmjyqcc1so9q79o1_250.jpg');width:68px;height:68px;position:absolute;}
  143. .pams {color:#696969;text-shadow:1px 1px 0px #000;position: absolute;margin-left: 156px;margin-bottom: 20px;margin-top: 123px;line-height:14px;z-index: 40000;width:196px;}
  144. .chi {position: absolute; margin-top: 133px; margin-left: 383px; width: 68px .z-index: 40000;}
  145. .chis2 {background:url('http://static.tumblr.com/cir8k0k/Lnemqp6ut/tumblr_mpzft98o401ssdi33o1_250.jpg');width:68px;height:68px;position:absolute;}
  146. .chis {color:#696969;text-shadow:1px 1px 0px #000;position: absolute;margin-left: 466px;margin-bottom: 20px;margin-top: 123px;line-height:14px;z-index: 40000;width:196px;}
  147. .gi {position: absolute; margin-top: 133px; margin-left: 693px; width: 68px .z-index: 40000;}
  148. .gis2 {background:url('http://static.tumblr.com/cir8k0k/Szhmqp6nu/tumblr_inline_mq1h5aqa261qz4rgp.jpg');width:68px;height:68px;position:absolute;}
  149. .gis {color:#696969;text-shadow:1px 1px 0px #000;position: absolute;margin-left: 776px;margin-bottom: 20px;margin-top: 123px;line-height:14px;z-index: 40000;width:196px;}
  150.  
  151. /*menus*/
  152. #menus2 {position:relative; top: 153px;left: 0px;}
  153. .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;}
  154. .menus2 img{width:60px;margin-top:2px; margin-left:-1px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;}
  155. .simplemenu {font-family: Denk One; position: absolute; width: 1000px; height: 62px; margin-top:302px;font-size: 26px; letter-spacing: 0px;margin-left: 319px;}
  156. .simplemenu a {color: #5D526D;padding-left: 18px; padding-right: 0px;
  157. 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;}
  158. .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;}
  159.  
  160. .tabs {position: relative;margin-left: -15px;width: 500px;}
  161. .tabs input {position: absolute;z-index: 1000;width: 50px;height: auto;left: 0px;top: 0px;opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);cursor: pointer;}
  162. .tabs input#tab-2{left: 120px;}
  163. .tabs input#tab-3{left: 240px;}
  164. .tabs input#tab-4{left: 360px;}
  165. .tabs label {background: #E65977;font-size: 9px;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:'Scada';text-shadow: 1px 1px 1px #DA214A;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;}
  166. .tabs label:after {content: '';position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;display: block;}
  167. .tabs input:hover + label {background: #5C526D;text-shadow:1px 1px 0px #24202B;}
  168. .tabs label:first-of-type { z-index: 4;}
  169. .tab-label-2 {z-index: 3;}
  170. .tab-label-3 {z-index: 2;}
  171. .tab-label-4 {z-index: 1;}
  172. .tabs input:checked + label {background: #5C526D;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;}
  173. .clear-shadow {clear: both;}
  174. .content {position: relative;width: 1250px;height: 1100px;z-index: 5;overflow: hidden;}
  175. .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;}
  176. .content-1, .content-3 {-webkit-transform: translateY(120px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateY(120px)}
  177. .content-2, .content-4 {-webkit-transform: translateY(120px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateY(120px)}
  178. .tabs input.tab-selector-1:checked ~ .content .content-1,
  179. .tabs input.tab-selector-2:checked ~ .content .content-2,
  180. .tabs input.tab-selector-3:checked ~ .content .content-3,
  181. .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}
  182. .content div h2, .content div h3{color: #398080;}
  183. .content div a{ font-family: 'Scada', sans-serif; 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:#eee;text-shadow: 1px 1px #fff;font-size:10px; width:235px;}
  184. .content div a:hover{color:#fff;background:#E65977;text-shadow: 1px 1px #1D1A22; }
  185. .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;}
  186. .content div a:hover b{text-shadow: 1px 1px #bd82bb; color:white !important;}
  187. @keyframes "page" { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0; }}
  188. @-moz-keyframes page { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0;}}
  189. @-webkit-keyframes "page" { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0; }}
  190. @-ms-keyframes "page" { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0; }}
  191. @-o-keyframes "page" { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0; }}
  192. .esq {float:left; width:49%; text-align: left;}
  193. .dir {float:right; width:49%; text-align: left;}
  194. .esp {padding: 1px; margin:1px; clear: both;}
  195.  
  196. /* Top Menu */
  197. .jqueryslidemenu {float:left;margin-left:275px;margin-top:23px;clear:left;}
  198. .jqueryslidemenu a:hover {text-decoration: none;}
  199. .jqueryslidemenu ul{list-style-type: none;z-index:2;}
  200. ul.menu {position:relative;}
  201. .jqueryslidemenu ul li{position:relative;display:inline;float: left;}
  202. .jqueryslidemenu ul li a{font-size:0.9em;text-transform:uppercase;display:block;padding:3px 18px;color: #444;border-left:1px solid #fff;border-right:1px solid #c6c4c4;height:32px;text-shadow:1px 1px 1px #fff}
  203. .jqueryslidemenu ul li a strong {display:block;}
  204. .jqueryslidemenu ul li a span {font-size:0.95em;line-height:1em;color:#787B7F;text-transform:capitalize;}
  205. .jqueryslidemenu ul li a:hover span {color:#B5B5B5}
  206. .jqueryslidemenu ul li:first-child a{border-left:none;}
  207. .jqueryslidemenu ul.sub-menu li.first-child a{border-left:1px solid #444444!important;}
  208. .jqueryslidemenu ul li:last-child a{border-right:none;}
  209. .jqueryslidemenu ul.sub-menu li.last-child a{border-right:1px solid #444444!important;}
  210. html .jqueryslidemenu ul li a{display: inline-block;}
  211. .jqueryslidemenu ul li ul li{display: list-item;float: none;margin-left:-2px;}
  212. .jqueryslidemenu ul li ul li ul{top: 0;background:#353535;padding:0;border:1px solid #373737;}
  213. .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;}
  214. .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:#222;}
  215.  
  216. /* permalink */
  217. ol.notes {display:block; margin-top:-4px; background-repeat:no-repeat; vertical-align:middle; margin-bottom:1px; list-style-type:none;background:#fff; box-shadow:1px 1px 0px #DDDFDE;margin-botton:2px;}
  218. ol.notes li.note {text-indent:15px; margin-left:-44px; margin-right:-15px; padding:4px;}
  219. ol.notes a { font:normal 10px 'Lucida Grande';text-transform:uppercase;}
  220. ol.notes li.note img.avatar {display:normal;border-radius:100px}
  221. ol.notes li.note span.action {font-weight:none;}
  222. ol.notes li.note .answer_content {font-weight:normal;}
  223. ol.notes li.note blockquote {display:none;}
  224. ol.notes li.note blockquote a {text-decoration:none;}
  225. .caixa {overflow: hidden;background: {color:posts}; padding: 4px;font-family: Verdana, Geneva, sans-serif;color: #777;text-align: justify;outline: 0px solid #; margin-bottom: 1px;width:500px;margin-left:-17px;}
  226. .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;}
  227. .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;}
  228. .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;}
  229. .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;}
  230.  
  231. /*select*/
  232. .select {background:#E65977; padding: 4px; width: 320px;border: 1px solid #E65977; color:#fff; font-size: 13px; font-weight:none; font-family: 'Iceland', cursive;}
  233. option {color: #fff; padding-left: 10px; font-size: 13px; background:#5C526D}
  234.  
  235. /*search*/
  236. #search {outline: none; width: 320px; position: absolute; margin-left: 1px;
  237. margin-top: 1px; color: #fff; }
  238. #search form {outline: none; margin: 0px 0px 0px 0px;padding: 0;}
  239. #search fieldset {outline: none; margin: 0;padding: 0;border: none;}
  240. #search p {color: #888;}
  241. #s {outline: none; background:#eee;width: 300px;height: 41px;border-radius:20px;box-shadow:1px 1px 0px #DDDFDE;border:none; text-transform: uppercase; font-family: scada;font-size: 10px; color: #888; float:left;display: inline-block; padding-left: 11px;padding-right: 6px;}
  242. #searchsubmit {outline: none; background: url('http://static.tumblr.com/cir8k0k/ctVmqrnsa/magnifying-glass.png') no-repeat; border:none;color:#fff;height: 41px; margin-top: 7px; display: inline-block; margin-left: -40px;
  243. position: absolute; cursor:pointer; width: 44px; }
  244. #searchpage {border: none; }
  245. #sform { outline: none;width: 213px;padding:4px 5px;}
  246.  
  247. /*reblogs e likes*/
  248. .mennur2 {font-family: 'Denk One';background:#5C526D; font-size: 10px;color: #fff;line-height: 11px;margin-bottom: -8px; padding: 7px;box-shadow: 1.5px 1.5px 0px #24202B;text-shadow: 1.5px 1.5px 0px #E65977;margin-left:-8px;width: 502px;text-align: center}
  249. .mennur2 a {color: #fff;}
  250. .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;}
  251. .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;}
  252. .my-liked img {width:10px;}
  253.  
  254. /** estilo de ask #04 - bombasticdesign.tumblr.com **/
  255. .askfoto{border-radius: 50px;border:2px solid #E65977;margin-left:10px;margin-top:-10px;}
  256. .perguntou{background:#E65977;padding:4px;color:#fff}
  257. .perguntou a {color:#fff; font-family:'tahoma'}
  258. .perguntou:hover a {color:#fff;font-family:'tahoma'}
  259. .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}
  260. .pergunta{ margin-left: 50px;
  261. font-family: Sintony;}
  262. .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;}
  263.  
  264. /*** Paginação por things to help you ******/
  265. #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;}
  266. #paginacaoml a {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/EOemqwpev/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;}
  267. #paginacaoml a:hover {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/EOemqwpev/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;}
  268. #paginacaoml span.pagina_atual {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/EOemqwpev/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;}
  269.  
  270.  
  271. </style>
  272. <script>
  273. window.onload = function () {
  274. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  275. document.addEventListener( 'click', function ( event ) {
  276. var myLike = event.target;
  277. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  278. var frame = document.getElementById( 'my-like-frame' ),
  279. liked = ( myLike.className == 'my-liked' ),
  280. command = liked ? 'unlike' : 'like',
  281. reblog = myLike.getAttribute( 'data-reblog' ),
  282. id = myLike.getAttribute( 'data-id' ),
  283. oauth = reblog.slice( -8 );
  284. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  285. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  286. };
  287. }, false );
  288. };
  289. </script>
  290.  
  291.  
  292.  
  293. <body>
  294. <body ondragstart='return false'>
  295. <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://static.tumblr.com/wt4apym/gG6mxfzjz/lakeside_snowflake.png";image_urls['rain2']="http://static.tumblr.com/wt4apym/gG6mxfzjz/lakeside_snowflake.png";image_urls['rain3']="http://static.tumblr.com/wt4apym/gG6mxfzjz/lakeside_snowflake.png";image_urls['rain4']="http://static.tumblr.com/wt4apym/gG6mxfzjz/lakeside_snowflake.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
  296. .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
  297. .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
  298. <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'http://static.tumblr.com/wt4apym/gG6mxfzjz/lakeside_snowflake.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script>
  299.  
  300.  
  301. <div class="header"><div id="content"><div id="header">
  302. <div id="menu" class="jqueryslidemenu"><ul id="menu-menu" class="menu">
  303. <li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page"><a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('ped').innerHTML"><strong><center><font color="#363636">Encomendas</font></center></strong><span>encomendas fechadas</span></a></li>
  304. <li id="menu-item-950" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="/tagged/entregas"><strong><center><font color="#363636">Entregas</font></center></strong><span>veja sua entrega</span></a></li>
  305. <li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent"><a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('submit').innerHTML"><strong><center><font color="#363636">Submit</font></center></strong><span>Mande seu tutorial</span></a></li>
  306. <li id="menu-item-814" class="menu-item menu-item-type-custom menu-item-object-custom"><a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML"><strong><center><font color="#363636">Sobre nós</font></center></strong><span>About us</span></a>
  307. <li id="menu-item-950" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="/tagged/pack"><strong><center><font color="#363636">Pacotes</font></center></strong><span>diversos packs</span></a></li>
  308. <li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent"><a href="/tagged/lovers"><strong><center><font color="#363636">BDlovers</font></center></strong><span>thank you</span></a></li></div>
  309.  
  310.  
  311.  
  312.  
  313. <div class="pam">
  314. <a href="http://aryafromwinterfell.tumblr.com/" target="_blank"><div class="pams2"></div></a></div>
  315. <div class="pams"> {text:Pam} ((Pam)) </div>
  316.  
  317. <div class="chi">
  318. <a href="http://botaodecerejeira.tumblr.com/" target="_blank"><div class="chis2"></div></a></div>
  319. <div class="chis">{text:Chi} ((Chi))</div>
  320.  
  321. <div class="gi">
  322. <a href="http://fuckyouohsehun.tumblr.com/" target="_blank"><div class="gis2"></div></a></div>
  323. <div class="gis">{text:Gi} ((Gi))
  324. </div>
  325.  
  326.  
  327.  
  328.  
  329.  
  330.  
  331.  
  332. <div id="menus2">
  333. <div class="menus2"><img src="http://static.tumblr.com/cir8k0k/KW8mqr9mm/coffee.png"></div>
  334. <div class="menus2"><img src="http://static.tumblr.com/cir8k0k/q9umqr9om/pen-alt-stroke.png"></div>
  335. <div class="menus2"><img src="http://static.tumblr.com/cir8k0k/uVqmqr9q9/magnifying-glass.png"></div>
  336. <div class="menus2"><img src="http://static.tumblr.com/cir8k0k/hcLmqr9rr/trashcan.png"></div>
  337. <a href="https://twitter.com/DesignBombastic"><div class="menus2"><img src="http://static.tumblr.com/cir8k0k/5H6mqr9tt/twitter__2_.png"></a></div></div>
  338.  
  339.  
  340. <div class="simplemenu">
  341. <a href="/">Home</a>
  342. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('asks').innerHTML">Message</a>
  343. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('tuts').innerHTML">Tutoriais</a>
  344. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('material').innerHTML">Materiais</a>
  345. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('tema').innerHTML">Themes</a>
  346. <a href="/tagged/faq">F.a.q</a>
  347.  
  348.  
  349.  
  350. </div></div>
  351.  
  352.  
  353.  
  354. <div id="sidebar">
  355. <div style="background:url(http://static.tumblr.com/cir8k0k/DHLmqpd4t/bd.png); max-width:360px !important; max-height:90px; margin-left:-17px;margin-top:-19px; width:360px; height:90px;"></div>
  356. <img src="{PortraitURL-64}" class="bordas">
  357. Bem-vindos ao <b>Bombastic Design</b>, O BD foi criado com o intuito de ajudar em html, css e photoshop em geral. <i>Ele é composto por Pamella, Giovanna e Chi.</i> O Bombastic foi criado no dia <u>02 de agosto</u> e até hoje exercemos a mesma função que é ajudar! Então, tem alguma dúvida? Nos contate sem medo! Estamos aqui pra auxiliar, mesmo. <b>Por favor, aqui educação é exigida!</b> Se vir com ignorancia, é respondio (a) do mesmo jeito, lembre-se educação gera educação. <i>Sinta-se a vontade.</i> O Bombastic é pra vocês. Voltem sempre!<br>
  358. <center><b>PARABÉNS BOMBASTIC DESIGN 2 ANINHOS \Õ </b></center>
  359. <div id="gira"><div id="giras">
  360. <div class="estatus">
  361. <script language="JavaScript">
  362. var ref = (''+document.referrer+'');
  363. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2173440&e1=Online User&e2=Online&r=' + ref + '"><\/script>');
  364. </script></script>
  365. - <script src="http://totallylayouts.com/tumblr/visitor-counter/counter.js?id=376944&style=text" values="font-family: arial; color: #fff; font-size:10px;"></script>
  366. </div>
  367. <div class="estatus">
  368. <a href="/tagged/ff">follow friday</a>
  369. </div>
  370. </div></div>
  371. <div style="background:url(http://static.tumblr.com/cir8k0k/1Vmmqpdbk/bd.png); max-width:360px !important; max-height:90px; margin-left:-17px; width:360px; height:90px;"></div>
  372.  
  373. <div class="listag">
  374. <a href="/tagged/filmes"><bd><img src="https://cdn1.iconfinder.com/data/icons/vaga/video.png"></bd> Filmes</a>
  375.  
  376. <a href="/tagged/livros"><bd><img src="https://cdn1.iconfinder.com/data/icons/fugue/icon_shadowless/book-open.png"></bd> Livros</a>
  377.  
  378. <a href="/tagged/downloads"><bd><img src="http://static.tumblr.com/5dbytsa/WIZmi7z01/box-label.png"></bd> Downloads</a>
  379.  
  380. <a href="/tagged/avatares"><bd><img src="http://static.tumblr.com/5dbytsa/p6vmi7yyi/user_silhouette.png"></bd> Avatares</a>
  381.  
  382. <a href="/tagged/bg"><bd><img src="http://static.tumblr.com/5dbytsa/yrOmi7yyu/image.gif"></bd> Background</a>
  383.  
  384. <a href="/tagged/fontes"><bd><img src="http://static.tumblr.com/5dbytsa/uPXmi7yzr/file_font_truetype.gif"></bd> Fontes</a>
  385.  
  386. <a href="/tagged/psds"><bd><img src="http://static.tumblr.com/5dbytsa/REgmi7z1v/document-photoshop-image.png"></bd> Psds</a>
  387.  
  388. <a href="/tagged/paletas"><bd><img src="http://static.tumblr.com/5dbytsa/Yskmi7yzf/palette.png"></bd> Paletas</a>
  389.  
  390. <a href="/tagged/textura"><bd><img src="http://static.tumblr.com/5dbytsa/CnFmi7z34/page_red.png"></bd> Texturas</a>
  391.  
  392. <a href="/tagged/styles"><bd><img src="http://static.tumblr.com/5dbytsa/vGhmi7z2s/function.png"></bd> Styles</a>
  393.  
  394. <a href="/tagged/brushes"><bd><img src="http://static.tumblr.com/5dbytsa/HQdmi7yz3/paint-brush.png"></bd> Brushes</a>
  395.  
  396. <a href="/tagged/patterns"><bd><img src="http://static.tumblr.com/5dbytsa/kDhmi7z3f/monitor-image.png"></bd> Patterns</a>
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405. </div>
  406.  
  407.  
  408.  
  409.  
  410.  
  411.  
  412.  
  413. <div style="background:url(http://static.tumblr.com/cir8k0k/UX4mqrkfc/bd.png); max-width:360px !important; max-height:90px; margin-left:-17px; width:360px; height:90px;"></div>
  414. <div style="margin-top:-10px"><center>
  415.  
  416. <a href="http://mundohtml.tumblr.com/" class="pp">
  417. MH
  418. </a>
  419.  
  420. <a href="http://html-2-you.tumblr.com/" class="pp">
  421. H2Y
  422. </a>
  423.  
  424. <a href="http://young-html.tumblr.com/" class="pp">
  425. YH
  426. </a>
  427.  
  428.  
  429.  
  430. <a href="http://atnlovers.tumblr.com/" class="pp">
  431. ATNL
  432. </a>
  433.  
  434. <a href="http://resources-and-designs.tumblr.com/" class="pp">
  435. RAD
  436. </a>
  437.  
  438. <a href="http://helpdesigns.tumblr.com/" class="pp">HP
  439. </a>
  440.  
  441. <a href="http://live-psd.tumblr.com/" class="pp">
  442. LP
  443. </a>
  444.  
  445. <a href="http://4photosho-p.tumblr.com/" class="pp">
  446. 4P
  447. </a>
  448.  
  449. <a href="http://xcolorings.tumblr.com/" class="pp">
  450. XC
  451. </a>
  452.  
  453. <a href="http://editions4ya.tumblr.com/" class="pp">
  454. EFY
  455. </a>
  456.  
  457. <a href="http://feiticeira-sets.tumblr.com/" class="pp">
  458. FS
  459. </a>
  460.  
  461. <a href="http://kisses-psds.tumblr.com/" class="pp">
  462. KP
  463. </a>
  464.  
  465. <a href="http://oficinadehtml.tumblr.com/" class="pp">
  466. ODH
  467. </a>
  468.  
  469. <a href="http://r0arpsds.tumblr.com/" class="pp">
  470. RP
  471. </a>
  472.  
  473. <a href="http://lovers-of-designs.tumblr.com/" class="pp">
  474. LOD
  475. </a>
  476.  
  477. <a href="http://breakeditions.tumblr.com/" class="pp">
  478. BE
  479. </a>
  480.  
  481.  
  482. <a href="http://learn-html.com.br/" class="pp">
  483. LH
  484. </a></center>
  485.  
  486. <br></div>
  487. <select onchange="location=this.options[this.selectedIndex].value;" class="select">
  488. <option value="#">Afiliados</option>
  489. <option value="http://iconslif3.tumblr.com/">iconslif3</option>
  490. <option value="http://gloweditions.tumblr.com/">gloweditions</option>
  491. <option value="http://justdesigners.tumblr.com/">justdesigners</option>
  492. <option value="http://httpsi-cons.tumblr.com/">httpsi-cons</option>
  493. <option value="http://drugdownloads.tumblr.com/">drugdownloads</option>
  494. <option value="http://atnandpsd.tumblr.com/">atnandpsd</option>
  495. <option value="http://hallsicons.tumblr.com/">hallsicons</option>
  496.  
  497. </select>
  498.  
  499.  
  500.  
  501. <div style="background:url(http://static.tumblr.com/cir8k0k/qDrmqrqkf/bd.png); max-width:360px !important; max-height:90px; margin-left:-17px; width:360px; height:90px;"></div>
  502. <a href="http://bombasticdesign.tumblr.com/post/57199181483" target="_blank"><img style="float: left; margin-right: 5px;background:#E65977; padding: 1px;" src="http://static.tumblr.com/cir8k0k/EJKmqwozu/000.png" width="320px" height="168px"></a>
  503.  
  504. <br><br><br><br><br><br><br><br><br><br>
  505. <div style="background:url(http://static.tumblr.com/cir8k0k/vR2mqrkl9/bd.png); max-width:360px !important; max-height:90px; margin-left:-17px; width:360px; height:90px;"></div>
  506.  
  507. <a href="http://cognitivar.tumblr.com/" target="_blank"><img style="float: left; margin-right: 5px;background:#E65977; padding: 3px;" src="http://media.tumblr.com/c6f4b79333cd3347bbab9d9812fb16df/tumblr_inline_mqg8kuzoiz1qz4rgp.jpg" width="64px"></a><b><font color="#5C526D">O que o Bombastic Design é pra você ?</font></b> "... tudo que procurei/procuro em tumblr de ajuda. Com moderadoras simpáticas, divertidas e principalmente prestativas. É simplesmente o melhor tumblr de html existente, em todos os quesitos." — <a href="http://cognitivar.tumblr.com/" target="_blank">cognitivar</a><br>
  508.  
  509. <a href="http://o-filho-perdido-de-poseidon.tumblr.com/" target="_blank"><img style="float: right; margin-right: 5px;background:#5C526D; padding: 3px;" src="http://media.tumblr.com/8587671194739480e764ec34a03c7e89/tumblr_inline_mpkpprfAnQ1qz4rgp.png" width="64px"></a><b><font color="#E65977">O que o Bombastic Design é pra você ?</font></b> "O bombastic é tudo, uma ajuda, uma amizade, carinho e educação, respeito e fraternidade, um tumblr que pensa primeiro em nos e depois neles, sensível, mas acima de tudo, um grande amigo, amo aqui <font color="#E65977">♥</font>." — <a href="http://o-filho-perdido-de-poseidon.tumblr.com/" target="_blank">o-filho-perdido-de-poseidon</a>
  510.  
  511. <div style="background:url(http://static.tumblr.com/cir8k0k/QYQmqrlxm/bd.png); max-width:360px !important; max-height:90px; margin-left:-17px; width:360px; height:90px;"></div>
  512. <div id="search">
  513.  
  514. <form action="/search" method="get">
  515. <input type="text" id="s" name="q" value="" placeholder="Pesquise">
  516. <input type="submit" value="" id="searchsubmit"/>
  517. </form>
  518. </div>
  519. <br><br><br>
  520.  
  521. <div style="background:url(http://static.tumblr.com/cir8k0k/QWEmqrr05/bd.png); max-width:360px !important; max-height:90px; margin-left:-17px; width:360px; height:90px;"></div>
  522. <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>
  523. Esse theme foi totalmente desenvolvido por <a href="http://botaodecerejeira.tumblr.com/"><b>Chi</b></a>. Theme feito para uso exclusivo do <b>Bombastic Design!</b>. Não copie nada daqui, plagia além de ser feito é anti-ético e um crime. Se eu ver alguma copia eu denuncio. É proibida qualquer cópia ou uso dos códigos conforme a lei penal, artigo 184. <b>©</b> <br>
  524. <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>
  525. </div>
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532.  
  533. <div id="main">
  534. <!---------- POSTS --------------------------->
  535. {block:Posts}
  536. {block:Regular}<div class="post"><div class="box8">
  537. {block:Title}<div class="h1">{Title}<br></div>{/block:Title}
  538. <div class="entry"><div class="caixap">{Body}</div></div>
  539. <div class="divdate"></div>
  540.  
  541. <!---------------- DATA DOS POSTS ------------->
  542. <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>
  543. </div></div> </div>
  544.  
  545. {/block:Regular}
  546.  
  547. <!---------- PHOTOS --------------------------->
  548. {block:Photo}
  549. <div class="post">
  550. <img src="{PhotoURL-500}" ><img src="http://static.tumblr.com/cir8k0k/qesmghq59/sombra.png">
  551. {block:Caption}
  552. <div class="caption">{Caption}</div>
  553. {/block:Caption}
  554.  
  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>
  558. {/block:Photo}
  559. <!---------------- ASK ------------->
  560.  
  561. {block:Answer}
  562. <div class="post">
  563. <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>
  564.  
  565. <!---------------- DATA DOS POSTS ------------->
  566. <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>
  567. </div></div>
  568. {/block:Answer}
  569.  
  570. <!---------- LINKS --------------------------->
  571. {block:Link}
  572. <div class="post"><div class="box8">
  573. <a href="{URL}" class="link" {Target}><div class="h1">{Name}</div></a>
  574. {block:Description}
  575. <div class="description"><div class="caixap">{Description}</div></div>
  576. {/block:Description}
  577. <div class="divdate"></div>
  578. <!---------------- DATA DOS POSTS ------------->
  579. <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>
  580. </div></div> </div>
  581. {/block:Link}
  582.  
  583. <!---------- AUDIO --------------------------->
  584. {block:Audio}
  585. <div class="post"><div class="box8">
  586. <p>{AudioPlayerWhite}
  587. {block:Caption}
  588. <div class="caption">{Caption}</div>
  589. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  590. {/block:Caption}
  591. <div class="divdate"></div>
  592. <!---------------- DATA DOS POSTS ------------->
  593. <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>
  594. </div></div> </div>
  595. {/block:Audio}
  596.  
  597. <!---------- VIDEOS --------------------------->
  598. {block:Video}
  599. <div class="post">
  600. <div class="box8">
  601. <center>{Video-500}
  602. <br>
  603. {block:Caption}
  604. <div class="caption">{Caption}</div>
  605. {/block:Caption}</center>
  606. <div class="divdate"></div>
  607. <!---------------- DATA DOS POSTS ------------->
  608. <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>
  609. </div></div> </div>
  610. {/block:Video}
  611.  
  612. <!---------------- NOTAS DOS POSTS ------------->
  613. {block:PostNotes}
  614. <div class="caixa">
  615. <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>
  616. <div class="data">
  617. <img src="http://static.tumblr.com/qzpui9z/k98mkllim/3.png"> {DayOfMonth},<b> {Month}</b> de {Year}<br>
  618. </div>
  619. <div class="tag">
  620. <img src="http://static.tumblr.com/qzpui9z/g6Imkllj6/4.png"> tags: {block:Tags}{/block:Tags}
  621. <span style="width:auto;">
  622. {block:HasTags}
  623. {block:Tags}
  624. <a href="{TagURL}">{Tag}</a>
  625. {/block:Tags}
  626. {/block:HasTags}</span>
  627. <br>
  628. </div>
  629. <div class="notes2">
  630. <img src="http://static.tumblr.com/qzpui9z/sbRmkllji/5.png"> notes: {NoteCount}
  631. </div>
  632. </div>
  633. <div class="caixa">
  634. {PostNotes}
  635. </div>
  636. {/block:PostNotes}
  637. {/block:Posts}
  638. {block:IndexPage}
  639. <div class="column navigation" id="navigation">
  640. {block:Pagination}
  641. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  642. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  643. </div>
  644. {/block:IndexPage}
  645.  
  646.  
  647. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  648. {/block:Posts}
  649.  
  650.  
  651. <center>
  652. {block:IndexPage}
  653. <div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  654. {block:JumpPagination length="9"}
  655. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  656. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  657. {/block:JumpPagination}
  658. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  659. </div></center>
  660. {/block:IndexPage}
  661.  
  662. </div>
  663.  
  664.  
  665. <div id="footer">
  666. </div>
  667.  
  668. <div id="about" style="display:none;">
  669. <div class="post">
  670.  
  671. <div class="h1"><center>About (Pam)</center></div>
  672. <img style="float: right; margin-right: 5px;margin-top:15px;background:rgba(64, 57, 58, 1); padding: 3px;width:150px; height:230px" src="http://static.tumblr.com/e4yc5en/EG7mns5kn/untitled-6.png"><br><br>
  673. <letra>M</letra>eu nome é Pamella (ou somente <i>Pam</i>), tenho 17 anos, nasci e moro em São Paulo, capital. Estou no 3º ano do Ensino Médio e pretendo cursar Medicina - por isso não me vêem muito por aqui, rs. Sou super tímida, desconfiada, chata, estranha e faço piadas de coisas idiotas. Não gosto muito de festas e coisas do tipo, sou bem “caseira”. Lido e adoro HTML e Photoshop desde meus 11 anos no Orkut (pois é lol). Além disso, sou viciada em várias séries. Eu até colocaria uma lista das minhas favoritas, mas são muitas e não caberiam aqui kk são 20 e poucas, quase 30. Também <i>amo</i> ler. “Harry Potter”, “As crônicas de gelo e fogo”, “Senhor dos Anéis” e “Sherlock Holmes” são os amores da minha vida <b>s2</b>. Em relação a música gosto principalmente de rock, de vários os países e épocas. Apesar disso, meus amigos são os mais ecléticos do mundo! Gosto de pessoas engraçadas, decididas e simpáticas (quem não gosta?). Tenho pavor à fofoca, falsidade e ignorância. Não sou uma pessoa estressada, na verdade, sou até calma demais. Então, se quiser vir falar comigo ou perguntar algo, pode vir que terei a paciência de responder a todos. É isso. Como todos nós sabemos, se quiser me conhecer mais, só ler meu tumblr :)
  674. <div class="h1"><center>About (Gi)</center></div>
  675. <img style="float: left; margin-right: 5px;margin-top:15px;background:rgba(64, 57, 58, 1); padding: 3px;width:150px; height:230px" src="http://data.whicdn.com/images/41729793/tumblr_mcr5roGtCT1qd9yrvo1_r1_500_large.png"><br><br>
  676. <letra>G</letra>iovanna, 14 anos. K-popper, j-rocker e a minha orientação sexual é uke (qn). Gosto de design desde que vi alguns banners no orkut, que por sinal foi onde conheci a Pamella. Sou viciada em ler yaois que contenham lemons, ver doramas e principalmente ver séries. Ultimamente ando meio que sem tempo para colocar todas em dia, mas o que posso dizer é que as minhas favoritas são The Following, Smallville, Arrow e Game of Thrones. Potterhead com orgulho e avada kedavra nas bitches que me odeiam. Tenho alergia a pessoas interesseiras e esnobes. Gosto de café, desde que seja acompanhado de um bom livro para ler. Gosto de livros que tenham um ponto de vista crítico para com a sociedade e talvez seja por isso que adoro livros que muita gente julga ser entediante. Meu gosto musical é <i>EXTREMAMENTE</i> variado, para ter uma noção vai de Ana Carolina à Cannibal Corpse. Valorizo a cultura brasileira, apesar de ser completamente apaixonada por culturas de todos os outros povos do mundo. New York, Londres, Seul, Tokio, Berlim e Moscou são as cidades que sonho em visitar, apesar de ter quase a certeza que meu coração se partiria ao ter que deixá-las. Minha melhor amiga é a Pamella, e portanto tenho ciumes dela. A Chi é a minha marida, apenas deixo claro. E antes que perguntem, meus bias são: MinHo, BaekHyun, Ren, Kyuhyun, SeungRi, Zelo e a linda da Amber. Conversas são sempre bem vindas, e como a Pam mesmo disse "se quiser me conhecer mais é só ler o meu tumblr".
  677.  
  678.  
  679. </div></div>
  680.  
  681.  
  682. <div id="cred" style="display:none;">
  683. <div class="post">
  684. <div class="bar"><div style="width: 100%;"><div style="background: url(http://static.tumblr.com/cir8k0k/Bwamqwnq8/0000.png) no-repeat; width: 510px; height: 80px; margin-left:-4px; margin-top:-15px; margin-bottom:-15px;"></div></div></div>
  685. <div class="texty">
  686. <div class="fadein">
  687. <div class="cred"><a href="http://botaodecerejeira.tumblr.com/">Chi</a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg"> HTML, CSS e todo o design.</div>
  688. <div class="cred"><a href="http://htmluv.com/">htmluv </a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg">tutoriais & detalhes</div>
  689. <div class="cred"><a href="http://tumblr.com/">Tumblr</a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg"> Tutorial de confecção de themes e hospedagem de imagens.</div>
  690. <div class="cred"><a href="http://adobe.com/">Adobe ps e fw</a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg"> Criação de imagens, cores e muitos detalhes.</div>
  691. <div class="cred"><a href="http://tympanus.net/codrops/">tympanus</a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg">table menu</div>
  692. <div class="cred"><a href="http://things-to-help-you.com/">tthy</a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg">inspiração da plataforma do menu & pequenos tutos </div>
  693.  
  694. <p></p>
  695. <div class="caixap">
  696. 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>.
  697. <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" />
  698. </div></font>
  699.  
  700. </div></div></div>
  701. <div class="caixaend"></div>
  702. </div>
  703.  
  704.  
  705.  
  706. <div id="tema" style="display:none;">
  707. <div class="post">
  708. <div class="bar"><div style="width: 100%;"><div style="background: url(http://static.tumblr.com/cir8k0k/pZcmqwlzw/0000.png) no-repeat; width: 510px; height: 80px; margin-left:-4px; margin-top:-15px; margin-bottom:-15px;"></div></div></div>
  709. <div class="texty">
  710. <div class="regrinha">Não use os themes como base. Se quiser alguma acesse nossos tutoriais, lá temos sugestões.</div>
  711. <div class="regrinha">Pode modificar, mas para uso pessoal.</div>
  712. <div class="regrinha">Não repasse os códigos NUNCA (mesmo que seja sua adaptação).</div>
  713. <div class="regrinha">Não retire nossos créditos.</div>
  714. <div class="regrinha">Não reblogue os posts dos Themes. Apenas os autorizados podem ser reblogados</div>
  715. <div class="regrinha">Problemas de adaptação consulte os tutoriais ou passe na ask.</div>
  716. <div class="regrinha">Em themes alterados pelo HTML, troque "suatag" pela tag dos seus textos.</div>
  717. <div class="regrinha">Em alguns themes alterados pelo HTML, troque "suaurl" pela sua url para arrumar a ask.</div>
  718. <div class="regrinha">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>
  719.  
  720. <div class="h1"><a href="/tagged/theme">Themes aqui</a></div><br><br>
  721.  
  722. <div class="regrinha">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 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. 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. Aqui no TumbleTricks também tem algumas dicas básicas de HTML. 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”). 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”. 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”. Caso se interesse pelo tutorial, clique neste link: CSS desde o início. 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. 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: Create custom themes Crear tema personalizado 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. Depois de criar um theme, caso você queira disponibilizá-lo para outros usuários, veja este tutorial de como disponibilizar themes no Tumblr. 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. 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>
  723.  
  724.  
  725. </div>
  726. <div class="caixaend"></div>
  727. </div>
  728.  
  729.  
  730. <div id="material" style="display:none;">
  731. <div class="post">
  732. <div class="bar"><div style="width: 100%;"><div style="background: url(http://static.tumblr.com/cir8k0k/ZUUmqwll6/0000.png) no-repeat; width: 510px; height: 80px; margin-left:-4px; margin-top:-15px; margin-bottom:-15px;"></div></div></div>
  733. <div class="texty">
  734. Conteúdos mais pedidos e usados por vocês, se pegarem de like e creditem por favor, o seu like estimula a gente cada dia mais... aproveitem, aceitamos pedidos e sugestões *-*
  735. <div class="util">
  736. <a href="/tagged/avatares">Avatares <img src="http://static.tumblr.com/5dbytsa/p6vmi7yyi/user_silhouette.png" /></a>
  737. <a href="/tagged/bg">Backgrounds <img src="http://static.tumblr.com/5dbytsa/yrOmi7yyu/image.gif" /></a>
  738. <a href="/tagged/brushes">Brushes <img src="http://static.tumblr.com/5dbytsa/HQdmi7yz3/paint-brush.png" /></a>
  739. <a href="/tagged/paletas">Paletas <img src="http://static.tumblr.com/5dbytsa/Yskmi7yzf/palette.png" /></a>
  740. <a href="/tagged/fontes">Fontes <img src="http://static.tumblr.com/5dbytsa/uPXmi7yzr/file_font_truetype.gif" /></a>
  741. <a href="/tagged/downloads">Downloads <img src="http://static.tumblr.com/5dbytsa/WIZmi7z01/box-label.png" style="margin-bottom:-03px;"/></a>
  742. <a href="/tagged/patterns">Patterns <img src="http://static.tumblr.com/5dbytsa/w68mi7z0c/flag-pink.png" /></a>
  743. <a href="/tagged/capas_para_facebook">Capas Facebook<img src="http://static.tumblr.com/5dbytsa/3OHmi7z0m/facebook.png" style="margin-bottom:-03px;"/></a>
  744. <a href="/tagged/favicon">Favicons <img src="http://static.tumblr.com/5dbytsa/Ov1mi7z0v/inbox-slide.png" style="margin-bottom:-01px;"/></a>
  745. <a href="/tagged/pack">Pacotes <img src="http://static.tumblr.com/5dbytsa/64Jmi7z16/box--plus.png" /></a>
  746. <a href="/tagged/psds">PSD's <img src="http://static.tumblr.com/5dbytsa/REgmi7z1v/document-photoshop-image.png" /></a>
  747. <a href="/tagged/actions">Actions <img src="http://static.tumblr.com/5dbytsa/mQrmi7z2i/stamp.png" style="margin-bottom:-02px;"/></a>
  748. <a href="/tagged/styles">Styles <img src="http://static.tumblr.com/5dbytsa/vGhmi7z2s/function.png" style="margin-bottom:-05px;"/></a>
  749. <a href="/tagged/textura">Texturas <img src="http://static.tumblr.com/5dbytsa/CnFmi7z34/page_red.png" style="margin-bottom:-0px;"/></a>
  750. <a href="/tagged/cursores">Cursores <img src="http://static.tumblr.com/5dbytsa/kDhmi7z3f/monitor-image.png" style="margin-bottom:-02px;"/></a>
  751. <a href="/tagged/filmes">Filmes <img src="https://cdn1.iconfinder.com/data/icons/vaga/video.png" style="margin-bottom:-02px;"/></a>
  752. <a href="/tagged/livros">Livros <img src="https://cdn1.iconfinder.com/data/icons/fugue/icon_shadowless/book-open.png" style="margin-bottom:-02px;"/></a>
  753. <a href="/tagged/png">Png's <img src="https://cdn1.iconfinder.com/data/icons/ledicons/highlighter.png" style="margin-bottom:-02px;"/></a>
  754. <a href="/tagged/mini gifs">Mini Gifs <img src="https://cdn1.iconfinder.com/data/icons/ledicons/lifebuoy.png" style="margin-bottom:-02px;"/></a>
  755. <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>
  756. </div>
  757. </div></div>
  758. <div class="caixaend"></div>
  759.  
  760.  
  761. <div id="submit" style="display:none;">
  762. <div class="post">
  763. <div class="bar"><div style="width: 100%;"><div style="background: url(http://static.tumblr.com/cir8k0k/Igemqwjvn/0000.png) no-repeat; width: 510px; height: 80px; margin-left:-4px; margin-top:-15px; margin-bottom:-15px;"></div></div></div>
  764. <div class="texty">
  765. <div class="fadein">
  766. <div class="regrinha">Só mande perguntas por aqui se a pergunta for muito grande</div>
  767. <div class="regrinha">Mande seu tutorial para nós, ele sera postado com o seu nome nos creditos!</div>
  768. <div class="regrinha">Encomendas e pedidos, sempre por aqui</div>
  769. <p></p><div class="caixinha">
  770. <iframe frameborder="0" scrolling="no" width="100%" height="259px" 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]-->
  771. </div></div><div class="caixaend"></div></div></div>
  772.  
  773.  
  774. <div id="asks" style="display:none;">
  775. <div class="post">
  776. <div class="bar"><div style="width: 100%;"><div style="background: url(http://static.tumblr.com/cir8k0k/jApmqwi4n/0000.png) no-repeat; width: 510px; height: 80px; margin-left:-4px; margin-top:-15px; margin-bottom:-15px;"></div></div></div>
  777. <div class="texty">
  778. <div class="fadein">
  779. <div class="regrinha">Lembre-se educação gera educação</div>
  780. <div class="regrinha">Nunca, jamais, em hipótese alguma retire <u><b>nossos créditos</b></u>.</div>
  781. <div class="regrinha">O anônimo esta ativado para pessoas timidas.</div>
  782. <div class="regrinha">Nossa educação vai depender da sua, se tua mãe lhe deu educação use-a.</div>
  783. <div class="regrinha">Se for vir criticar nossa tumblr, tome vergonha em tua cara e venha logado.</div>
  784. <div class="regrinha">Sugiro que leia a FAQ.</div>
  785. <div class="regrinha">Não seguimos quem pede!</div>
  786. <div class="regrinha">Não fiquem cobrando encomendas</div>
  787. <div class="regrinha">Agora só duvilgamos parceiros e afiliados</div>
  788. <div class="regrinha">Aceitamos sugestões, pedidos de tutoriais, materiais e críticas <b>construtivas</b></div>
  789. <div class="regrinha">Não estamos a procura de moderadores.</div>
  790. <div class="regrinha">Só responderemos em privado se realmente houver necessidade, pois sua duvida pode ser de outros também.</div>
  791. <div class="regrinha">Não vamos tirar duvidas por fanbox.</div>
  792. <p></p><div class="caixinha">
  793. <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]—>
  794. </div></div></div><div class="caixaend"></div> </div>
  795.  
  796. <div id="ped" style="display:none;">
  797. <div class="post">
  798. <div class="h1">Faça seu pedido</div><br><br>
  799.  
  800. Escolha sua ficha: <br><br>
  801. <center>
  802. <div class="listag">
  803. <a href="http://freetexthost.com/dcb6n5yqzh" target="_blank"> Themes</a>
  804. <a href="http://freetexthost.com/0beal6ns12" target="_blank"> Banners</a>
  805. </div></center><br>
  806. Mande sua ficha abaixo, preencha corretamente e aguarde a entrega.
  807.  
  808. <br><br>
  809.  
  810. <iframe frameborder="0" scrolling="no" width="100%" height="259px" 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]-->
  811. <br><br>
  812. </div>
  813. </div>
  814.  
  815. <div id="tuts" style="display:none;">
  816. <div class="post">
  817. <div class="bar"><div style="width: 100%;"><div style="background: url(http://static.tumblr.com/cir8k0k/80jmqtjpv/0000.png) no-repeat; width: 510px; height: 80px; margin-left:-4px; margin-top:-15px; margin-bottom:-15px;"></div></div></div>
  818. <div class="texty">
  819. Esses são nossos tutorias para vocês, podem ficar avontade, lembrando que se usar, pegar ou algo lhe for útil, dê like e credite. Se algum de nossos tutoriais aparecer como "not found" ou "essa pagina não existe", por favor nos avise para a gente arrumar. Não copie nossos tutoriais, não ponha eles em bloggers e outros sites e não reblog apenas dê like. Dúvidas só pergunta na ask.
  820. <div style="margin-left:16px;">
  821. <section class="tabs">
  822. <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
  823. <label for="tab-1" class="tab-label-1">Personalização</label>
  824. <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
  825. <label for="tab-2" class="tab-label-2">Photoshop</label>
  826. <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
  827. <label for="tab-3" class="tab-label-3">Menus</label>
  828. <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" />
  829. <label for="tab-4" class="tab-label-4">Tumblr e Outros</label>
  830. <div class="clear-shadow"></div>
  831. <br>
  832. <div class="content">
  833. <div class="content-1">
  834. <span class="dir">
  835. <a href="http://bombasticdesign.tumblr.com/post/68176319104">Colocar imagem da dashboard na sidebar.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  836. <a href="http://bombasticdesign.tumblr.com/post/64580192157">Colocar updates/novidades em seu tumblr.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  837. <a href="http://bombasticdesign.tumblr.com/post/67501149980">Variáveis do appearance.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  838. <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/grey-new1.gif"></a>
  839. <a href="http://bombasticdesign.tumblr.com/post/59237540536">Criar Blogroll. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  840. <a href="http://bombasticdesign.tumblr.com/post/58636862267">Notes, tags e mais somente no permalink. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  841. <a href="http://bombasticdesign.tumblr.com/post/16761045091">Arrumando ask, aba de texto...</a>
  842. <a href="http://havingthemes.tumblr.com/post/10083434689/tutorial-como-colocar-aquela-caixinha-de-search">caixa de busca</a>
  843. <a href="/tagged/estilo-de-ask">estilos de ask </a>
  844. <a href="http://bombasticdesign.tumblr.com/post/9257949714">Como mudar a cor dos links na Theme.</a>
  845. <a href="http://bombasticdesign.tumblr.com/post/15570820815">Como fazer o link ficar colorido ao passar o mouse.</a>
  846. <a href="http://bombasticdesign.tumblr.com/post/17489786460">Como colocar link em frase ou imagem.</a>
  847. <a href="http://bombasticdesign.tumblr.com/post/8959326461/">Como colocar contador de visitas #1</a>
  848. <a href="http://bombasticdesign.tumblr.com/post/9257657024/">Como colocar contador de visitas #2</a>
  849. <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>
  850. <a href="http://bombasticdesign.tumblr.com/post/34030877959">Vendo (e colocando) as estatísticas de seu tumblr - contador de seguidores.</a>
  851. <a href="http://bombasticdesign.tumblr.com/post/17047921402">Código que impede que arrastem imagem pra aba (ajuda a proteger de cópias).</a>
  852. <a href="http://bombasticdesign.tumblr.com/post/8446399558/">Como bloquear&nbsp;o bot&atilde;o direito do mouse</a>
  853. <a href="http://bombasticdesign.tumblr.com/post/8426239154/">Como bloquear a sele&ccedil;&atilde;o do mouse.</a>
  854. <a href="http://bombasticdesign.tumblr.com/post/16672143616">Aviso anti cópia após teclar algo.</a>
  855. <a href="http://bombasticdesign.tumblr.com/post/31290470090">Como bloquear o teclado em seu theme.</a>
  856. <a href="http://bombasticdesign.tumblr.com/post/9928452368/">Como colocar fonte personalizada nos titulos</a>
  857. <a href="http://bombasticdesign.tumblr.com/post/8446928947/">Formata&ccedil;&otilde;es b&aacute;sicas de texto</a>
  858. <a href="http://bombasticdesign.tumblr.com/post/15354891653">Personalizando o itálico, negrito, sublinhado e riscado no seu tumblr.</a>
  859. <a href="http://bombasticdesign.tumblr.com/post/21286439470">Frase que muda ao passar o mouse.</a>
  860. <a href="http://bombasticdesign.tumblr.com/post/21287176554">Font Face (Fonte Personalizada)</a>
  861. <a href="http://bombasticdesign.tumblr.com/post/36825382954">Letras/Menu de sombras hover.</a>
  862. <a href="http://bombasticdesign.tumblr.com/post/9928452368/">Como colocar fonte personalizada nos titulos</a>
  863. <a href="http://bombasticdesign.tumblr.com/post/14410478460/"> Barra de Rolagem Personalizada (MAIS EFICAZ)</a>
  864. <a href="http://bombasticdesign.tumblr.com/post/12341767405/"> Barra de Rolagem Infinita</a>
  865. <a href="http://bombasticdesign.tumblr.com/post/9257308242">Colocando barra de rolagem personalizada.</a>
  866. <a href="http://bombasticdesign.tumblr.com/post/27851174388">Rolagem que desce “lentamente” - com opacidade.</a>
  867. <a href="http://bombasticdesign.tumblr.com/post/36454734533">Novo estilo de barra de rolagem.</a>
  868. <a href="http://bombasticdesign.tumblr.com/post/12610565730/"> Como colocar cursor personalizado no seu tumblr.</a>
  869. <a href="http://bombasticdesign.tumblr.com/post/12342525707/"> Bolhas saindo do mouse (cursor).</a>
  870. <a href="http://bombasticdesign.tumblr.com/post/12044173521"> Cursores em uma div, formatações etc.</a>
  871. <a href="http://bombasticdesign.tumblr.com/post/8478980437/">MouseOver</a>
  872. <a href="http://bombasticdesign.tumblr.com/post/9498798656/">Player do Youtube branco </a>
  873. <a href="http://bombasticdesign.tumblr.com/post/8583925179/">Como colocar m&uacute;sica no Tumblr</a>
  874. <a href="http://bombasticdesign.tumblr.com/post/10411999492/">Como colocar musica no Tumblr pelo SCM Music.</a>
  875. <a href="http://bombasticdesign.tumblr.com/post/18663955591">Como personalizar o player do SCM Music.</a>
  876. <a href="http://bombasticdesign.tumblr.com/post/30536539946">Adicionar musica a o playlist sem que se faça outro player do SCM Music.</a>
  877. <a href="http://bombasticdesign.tumblr.com/post/34030454251">Novo Player - Personalizado.</a>
  878. <a href="http://bombasticdesign.tumblr.com/post/36306701407">Colocar skin numa playlist já existente (SCM Music).</a>
  879.  
  880. <br>
  881. </span>
  882. <span class="esq">
  883. <a href="http://bombasticdesign.tumblr.com/post/71876073512">Efeitos de sombas variadas.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  884. <a href="http://bombasticdesign.tumblr.com/post/71341773642">Colocar updates correio.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  885. <a href="http://bombasticdesign.tumblr.com/post/67150670178">Como criar uma page (navegação).<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  886. <a href="http://bombasticdesign.tumblr.com/post/64314963615">Mudando tamanho da imagem dos posts. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  887. <a href="http://bombasticdesign.tumblr.com/post/60569502075">Mudando tamanho dos posts (index e permalink). <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  888. <a href="http://bombasticdesign.tumblr.com/post/59907190166">Efeitos de rotação. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  889. <a href="http://bombasticdesign.tumblr.com/post/59243113409">Criar máscara de corte por HTML. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  890. <a href="http://bombasticdesign.tumblr.com/post/58629030809">Alinhar Imagem. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  891. <a href="http://bombasticdesign.tumblr.com/post/57278421334">Cursor personalizado em toda a área do theme. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  892. <a href="/tagged/paginação">Paginação <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  893. <a href="tagged/base">Bases <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  894. <a href="http://secret-dialogues.tumblr.com/post/31284517637">Como colocar nossos themes</a>
  895. <a href="http://bombasticdesign.tumblr.com/post/27572405466">Arrumando links no appearance</a>
  896. <a href="http://bombasticdesign.tumblr.com/post/27217194333">Link que abre em outra aba.</a>
  897. <a href="http://bombasticdesign.tumblr.com/post/35994599545">Como colocar seus textos no theme/página com sua autoria.</a>
  898. <a href="http://bombasticdesign.tumblr.com/post/16868663600">Site que gera utilitários de CSS</a>
  899. <a href="http://bombasticdesign.tumblr.com/post/15137684766">Como descobrir quem te deu unfollow (Está funcionando)</a>
  900. <a href="http://bombasticdesign.tumblr.com/post/12165762346/">Bases para Themes.</a>
  901. <a href="http://bombasticdesign.tumblr.com/post/8785158307/">Themes para Dashboard do Tumblr.</a>
  902. <a href="http://bombasticdesign.tumblr.com/post/36360654169">Como bloquear posts na sua dash (Lista Negra Tumblr).</a>
  903. <a href="http://bombasticdesign.tumblr.com/post/9498933459/">C&oacute;digo de "Reblog"</a>
  904. <a href="http://bombasticdesign.tumblr.com/post/36084577311">Código de “Source” e “Via” ATUALIZADOS.</a>
  905. <a href="http://bombasticdesign.tumblr.com/post/9053211175/">Colocando o bot&atilde;o "Follow" na sua theme.</a>
  906. <a href="http://bombasticdesign.tumblr.com/post/15724661880/">Código de Submit.</a>
  907. <a href="http://bombasticdesign.tumblr.com/post/8480091654/">C&oacute;digo da caixinha de ask</a>
  908. <a href="http://bombasticdesign.tumblr.com/post/8541200022/">Como fazer nuvem de tags.</a>
  909. <a href="http://bombasticdesign.tumblr.com/post/10656536414/">Nuvem de Tags (de outro modo MAIS SIMPLES)</a>
  910. <a href="http://bombasticdesign.tumblr.com/post/27864875390">Como fazer photosets</a>
  911. <a href="http://bombasticdesign.tumblr.com/post/17501767002/">Fundo da ask personalizado. </a>
  912. <a href="http://bombasticdesign.tumblr.com/post/8528091740/">Como colocar o bot&atilde;o "Follow" e "Dashboard" fixos no topo.</a>
  913. <a href="http://bombasticdesign.tumblr.com/post/11023338129">Meu botão de follow/dasboard sumiu, o que eu faço?</a>
  914. <a href="http://bombasticdesign.tumblr.com/post/19295697341">Como mudar sua URL.</a>
  915. <a href="http://bombasticdesign.tumblr.com/post/22519067948">Como ativar a ask do seu tumblr.</a>
  916. <a href="http://bombasticdesign.tumblr.com/post/31290894016">Como impedir que vejam seus likes.</a>
  917. <a href="http://bombasticdesign.tumblr.com/post/32883308772">Como colocar quem você segue no theme.</a>
  918. <a href="http://bombasticdesign.tumblr.com/post/32949186439">Como funcionam as queues - posts “programados” para serem postados sozinhos.</a>
  919. <a href="http://bombasticdesign.tumblr.com/post/36307216716">Como recuperar um theme que você estava usando.</a>
  920. <a href="http://bombasticdesign.tumblr.com/post/36376340084">Como fazer perguntas em posts do tumblr.</a>
  921. <a href="http://bombasticdesign.tumblr.com/post/36539429313">Instalando e configurando Missing-e.</a>
  922. <a href="http://bombasticdesign.tumblr.com/post/38733764249">Mudando o tamanho da imagem de quem perguntou (ask).</a>
  923. <a href="http://bombasticdesign.tumblr.com/post/39883423779">Mudando o "título" da askbox.</a>
  924. <a href="http://bombasticdesign.tumblr.com/tagged/estilo de ask">Estilos de ask.</a>
  925. <a href="http://bombasticdesign.tumblr.com/post/57157490661">Paginação simples.</a>
  926. <a href="http://bombasticdesign.tumblr.com/post/57157501002">Paginação com símbolos ou setas.</a>
  927. <a href="http://bombasticdesign.tumblr.com/post/57162036992">Paginação simples (2).</a>
  928. <br><br>
  929.  
  930.  
  931.  
  932.  
  933. </span>
  934.  
  935. <span class="esp"></span></div>
  936.  
  937. <div class="content-2"><span class="esq">
  938. <a href="http://bombasticdesign.tumblr.com/post/67975151365">PSDs com colorações fortes. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  939. <a href="http://bombasticdesign.tumblr.com/post/63590459525">Abrindo e usando gradientes. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  940. <a href="http://bombasticdesign.tumblr.com/post/37140611656">Como diminuir tamanho de gifs no PS.</a>
  941. <a href="http://bombasticdesign.tumblr.com/post/39494633130">Como realçar uma cor em foto branco e preto (PS - vídeo aula). </a>
  942. <a href="http://bombasticdesign.tumblr.com/post/39501110581">Colocando maquiagem com Photoshop.</a>
  943. <a href="http://bombasticdesign.tumblr.com/post/40469977308">Como criar um PSD.</a>
  944. <a href="http://bombasticdesign.tumblr.com/post/43097930211">Abrindo Gifs no Photoshop normalmente.</a>
  945. <a href="http://bombasticdesign.tumblr.com/post/43841331181">Como baixar e instalar actions (Photoshop).</a>
  946. <a href="http://bombasticdesign.tumblr.com/post/44489814249">Como mesclar fotos.</a>
  947. <a href="http://bombasticdesign.tumblr.com/post/44569496205">Efeito gradiente de lado.</a>
  948. <a href="http://bombasticdesign.tumblr.com/post/45452277740">"Shape" oval em imagem.</a>
  949. <a href="http://bombasticdesign.tumblr.com/post/45701259912">Como colocar actions em gifs.</a>
  950. <a href="http://bombasticdesign.tumblr.com/post/58370568115">Criar, salvar e hospedar actions.</a>
  951.  
  952.  
  953. </span><span class="dir">
  954. <a href="http://bombasticdesign.tumblr.com/post/66308689248">Mudar velocidade de um gif.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  955.  
  956. <a href="http://bombasticdesign.tumblr.com/post/63098841461">Tirar o rosto de uma pessoa. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  957. <a href="http://bombasticdesign.tumblr.com/post/14412399692/">Como colocar efeitos em gifs pelo Photoshop/Image Ready com PSD’s</a>
  958. <a href="http://bombasticdesign.tumblr.com/post/8603284080/">Como aplicar efeitos em gifs (photoshop).</a>
  959. <a href="http://bombasticdesign.tumblr.com/post/35864151474">Borda Overlay - Photoshop.</a>
  960. <a href="http://bombasticdesign.tumblr.com/post/35985293895">Efeito 3D em foto - Photoshop.</a>
  961. <a href="http://bombasticdesign.tumblr.com/post/35986131813">Efeito Halftone (Photoshop).</a>
  962. <a href="http://bombasticdesign.tumblr.com/post/35986561048">Redução de ruído - “Efeito Boneca” (Photoshop).</a>
  963. <a href="http://bombasticdesign.tumblr.com/post/35990688634">Como aplicar bases em imagens (photoshop).</a>
  964. <a href="http://bombasticdesign.tumblr.com/post/35997636696">Efeito Texture - Photoshop.</a>
  965. <a href="http://bombasticdesign.tumblr.com/post/35991537732">Como colocar chapéu de papai noel em fotos.</a>
  966. <a href="http://bombasticdesign.tumblr.com/post/57533368666">Como pintar o cabelo no Photoshop.</a>
  967.  
  968.  
  969. </span></div>
  970.  
  971.  
  972. <div class="content-3"><span class="esq">
  973.  
  974. <a href="http://bombasticdesign.tumblr.com/post/12342902164/"> Menu Slide Down.</a>
  975. <a href="http://bombasticdesign.tumblr.com/post/14414663775/">Como fazer Menu Mapeado</a>
  976. <a href="http://bombasticdesign.tumblr.com/post/14815125616/">Menu de coração</a>
  977. <a href="http://bombasticdesign.tumblr.com/post/21721558182">Menu que rola para cima ao passar o mouse.</a>
  978. <a href="http://bombasticdesign.tumblr.com/post/23941100254">Menu/Imagem Zoom. </a>
  979. <a href="http://bombasticdesign.tumblr.com/post/34187578863">Menu de Sombra (shadow). </a>
  980. <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>
  981. <a href="http://bombasticdesign.tumblr.com/post/55601682284">Menu black list. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  982.  
  983.  
  984. </span>
  985.  
  986.  
  987. <span class="dir">
  988. <a href="http://bombasticdesign.tumblr.com/post/71668421906">EXCLUSIVO! Menu Hexágono. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  989. <a href="http://bombasticdesign.tumblr.com/post/34186178428">Menu (tópicos) shadow 2. </a>
  990. <a href="http://bombasticdesign.tumblr.com/post/35938731028">Menu de Imagem hover. </a>
  991. <a href="http://bombasticdesign.tumblr.com/post/36093463579">Menu Explosion.</a>
  992. <a href="http://bombasticdesign.tumblr.com/post/36825382954">Letras/Menu de sombras hover.</a>
  993. <a href="http://bombasticdesign.tumblr.com/post/37206502403">Colocando um caractere colorido no menu.</a>
  994. <a href="http://bombasticdesign.tumblr.com/post/43839505930">Menu pop-up.</a>
  995. <a href="http://bombasticdesign.tumblr.com/post/51754047646">Menu Come in. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  996.  
  997. </span><div class"esp"></div></div>
  998.  
  999.  
  1000. <div class="content-4">
  1001. <span class="esq">
  1002.  
  1003. <a href="http://bombasticdesign.tumblr.com/post/71568224026">Ferramenta de pesquisa no tumblr.<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  1004. <a href="http://bombasticdesign.tumblr.com/post/63022809676">Colocar links e anotações em vídeos do youtube. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  1005. <a href="http://bombasticdesign.tumblr.com/post/59512967248">Responder e mandar replies (reply). <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  1006. <a href="http://bombasticdesign.tumblr.com/post/34376297238">Colocando parceria</a>
  1007. <a href="http://bombasticdesign.tumblr.com/post/34487878347">Colocando parcerias (que “aparecem” - 2º modo).</a>
  1008. <a href="http://bombasticdesign.tumblr.com/post/24080546855">Colocando o background(fundo)para não repetir</a>
  1009. <a href="http://bombasticdesign.tumblr.com/post/8451680918/">Janela de energia.</a>
  1010. <a href="http://bombasticdesign.tumblr.com/post/9179639461/">Colocando sele&ccedil;&atilde;o colorida.</a>
  1011. <a href="http://bombasticdesign.tumblr.com/post/10132981611/">Código para frase passando na sidebar.</a>
  1012. <a href="http://bombasticdesign.tumblr.com/post/10459277942/">Como fazer um portfólio</a>
  1013. <a href="http://bombasticdesign.tumblr.com/post/13075270804/"> Código da seta "Voltar ao topo".</a>
  1014. <a href="http://bombasticdesign.tumblr.com/post/16709252089">Botão voltar para o topo da página (2º modo)</a>
  1015. <a href="http://bombasticdesign.tumblr.com/post/14312876135/"> Redirecionamento de Página</a>
  1016. <a href="http://bombasticdesign.tumblr.com/post/14313102264/"> Colocando neve caindo</a>
  1017. <a href="http://bombasticdesign.tumblr.com/post/14410272675"> Como fazer caixinha de texto com barra de rolagem</a>
  1018. <a href="http://bombasticdesign.tumblr.com/post/15129166629/">Como fazer Borda Crazy</a>
  1019. <a href="http://bombasticdesign.tumblr.com/post/15423769852">Como colocar slideshow no theme.</a>
  1020. <a href="http://bombasticdesign.tumblr.com/post/31927754820">Como colocar slideshow no theme (2º modo - Fade-in Slideshow).</a>
  1021. <a href="http://bombasticdesign.tumblr.com/post/15478841667/">Como fazer o titulo do tumblr ficar “passando” na guia do navegador.</a>
  1022. <a href="http://bombasticdesign.tumblr.com/post/15725175100">Como fazer Lista de Desejos (Wishlist).</a>
  1023. <a href="http://bombasticdesign.tumblr.com/post/17715299877">Colocando borda na ask.</a>
  1024. <a href="http://bombasticdesign.tumblr.com/post/20674815720">Como colocar tags em ask (Pelo missing e).</a>
  1025. <a href="http://bombasticdesign.tumblr.com/post/21721286577">Como fazer uma FAQ. </a>
  1026. <a href="http://bombasticdesign.tumblr.com/post/24687655296">Colocar 2 colunas (wishlist, etc.). </a>
  1027. <a href="http://bombasticdesign.tumblr.com/post/25112287635">BG que não repete ao descer a página. </a>
  1028. <a href="http://bombasticdesign.tumblr.com/post/30116164184">Como colocar caixinha que fica ao lado dos posts. </a>
  1029. <a href="http://bombasticdesign.tumblr.com/post/30119191939">Como colocar botão (follow) do Twitter em seu Tumblr.</a>
  1030. <a href="http://bombasticdesign.tumblr.com/post/30415421511">Arrumando a acentuação em seu theme.</a>
  1031. <a href="http://bombasticdesign.tumblr.com/post/30118375762">Imagem que muda ao passar o mouse (2º modo). </a>
  1032. <a href="http://bombasticdesign.tumblr.com/post/30481897657">Efeito embaçado e branco e preto hover (Grayblur). </a>
  1033. <a href="http://bombasticdesign.tumblr.com/post/34842864011">Imagens aleatórias (mudam em cada página). </a>
  1034. <a href="http://bombasticdesign.tumblr.com/post/35993455505">Como colocar imagens sépia no theme (ou hover). </a>
  1035. <a href="http://bombasticdesign.tumblr.com/post/37124835013">Imagem preto e branco que normaliza ao passar o mouse (ou contrário). </a>
  1036. <a href="http://bombasticdesign.tumblr.com/post/42774233349">Ajustando o tamanho das imagens no theme. </a>
  1037. <a href="http://bombasticdesign.tumblr.com/post/57186702000">Lidando com o WinRar. </a>
  1038. <a href="http://bombasticdesign.tumblr.com/post/27852546436">Borda estilo quadro. </a>
  1039. <a href="http://bombasticdesign.tumblr.com/post/27853842201">Borda de imagem (pattern) nas fotos. </a>
  1040. <a href="http://bombasticdesign.tumblr.com/post/29007339937">Como deixar as imagens do seu tumblr em branco e preto. </a>
  1041.  
  1042.  
  1043.  
  1044.  
  1045. </span><span class="dir">
  1046.  
  1047. <a href="http://bombasticdesign.tumblr.com/post/63022809676">Colocar links e anotações em vídeos do youtube. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/grey-new1.gif"></a>
  1048. <a href="http://bombasticdesign.tumblr.com/post/60470555101">Como baixar vídeos do youtube (sem programa).</a>
  1049. <a href="http://bombasticdesign.tumblr.com/post/30616160390">Fazer vídeo (gravar) a sua tela.</a>
  1050. <a href="http://bombasticdesign.tumblr.com/post/31945100108">Como colocar slideshow num banner.</a>
  1051. <a href="http://bombasticdesign.tumblr.com/post/32077336180">Como fazer o posicionamento de theme de 2 ou 3 colunas.</a>
  1052. <a href="http://bombasticdesign.tumblr.com/post/32944377802">Como fazer theme em grade.</a>
  1053. <a href="http://bombasticdesign.tumblr.com/post/32355480156">Como mudar a foto que fica na aba/guia do navegador.</a>
  1054. <a href="http://bombasticdesign.tumblr.com/post/32947874939">Como colocar seus tweets no tumblr.</a>
  1055. <a href="http://bombasticdesign.tumblr.com/post/35437681179">Como colocar caixinha do ask.fm no tumblr.</a>
  1056. <a href="http://bombasticdesign.tumblr.com/post/35858983203">Como baixar séries/filmes pelo torrent (com legenda separada).</a>
  1057. <a href="http://bombasticdesign.tumblr.com/post/36232157300">Como deixar as caixas de posts do seu tumblr opacas.</a>
  1058. <a href="http://bombasticdesign.tumblr.com/post/36360846959">Colocando asks respondidas abaixo da sua askbox.</a>
  1059. <a href="http://bombasticdesign.tumblr.com/post/36452845674">Código lâmpada - acende o tumblr.</a>
  1060. <a href="http://bombasticdesign.tumblr.com/post/36453018001">Código estilo iPhone para acessar o tumblr.</a>
  1061. <a href="http://bombasticdesign.tumblr.com/post/36536948881">Como colocar opção “Curtir” do Facebook em seu Tumblr.</a>
  1062. <a href="http://bombasticdesign.tumblr.com/post/36595596006">Caixa rápida de reblog (missing-e).</a>
  1063. <a href="http://bombasticdesign.tumblr.com/post/37482028902">Como colocar mensagem de despedida pra alguém que visitou seu tumblr.</a>
  1064. <a href="http://bombasticdesign.tumblr.com/post/37482878480">Como salvar o icon/avatar de alguém pela dashboard (missing-e).</a>
  1065. <a href="http://bombasticdesign.tumblr.com/post/40377649058">Como colocar reblog hover.</a>
  1066. <a href="http://bombasticdesign.tumblr.com/post/42057026851">Como colocar o Widget do We Heart It no seu blog/tumblr.</a>
  1067. <a href="http://bombasticdesign.tumblr.com/post/43028826718">Como colocar gif ou outra imagem da resposta da ask.</a>
  1068. <a href="http://bombasticdesign.tumblr.com/post/43030621207">Colocando moderação hover (que rola pra cima).</a>
  1069. <a href="http://bombasticdesign.tumblr.com/post/43249728598">Botão +Follow e Dashboard brancos.</a>
  1070. <a href="http://bombasticdesign.tumblr.com/post/43840550445">Colocando Google Tradutor em seu Tumblr.</a>
  1071. <a href="http://bombasticdesign.tumblr.com/post/43843802796">Colocando FAQ (texto) e askbox juntos.</a>
  1072. <a href="http://bombasticdesign.tumblr.com/post/46123737238">Peixinhos nadando no theme.</a>
  1073. <a href="http://bombasticdesign.tumblr.com/post/8784714270/">Como deixar imagem opaca (efeito opacidade).</a>
  1074. <a href="http://bombasticdesign.tumblr.com/post/35996889940"> Imagem que treme ao passar o mouse.</a>
  1075. <a href="http://bombasticdesign.tumblr.com/post/14314838057"> Fazer imagens passando na theme de um lado para outro (marquee personalizado)</a>
  1076. <a href="http://bombasticdesign.tumblr.com/post/14814517257/">Imagens Redondas no Theme</a>
  1077. <a href="http://bombasticdesign.tumblr.com/post/15627035740">Imagem que muda ao passar o mouse.</a>
  1078. <a href="http://bombasticdesign.tumblr.com/post/8447047810/">Como alterar o tamanho de uma foto (imagem).</a>
  1079. <a href="http://bombasticdesign.tumblr.com/post/9513819728/">Como colocar banner a cima dos posts.</a>
  1080. <a href="http://bombasticdesign.tumblr.com/imagem_no_theme">Como colocar imagem em seu theme e/ou alterar largura e altura (tamanho).</a>
  1081. <a href="http://bombasticdesign.tumblr.com/post/23941100254">Menu/Imagem Zoom. </a>
  1082.  
  1083.  
  1084.  
  1085.  
  1086. </span><span class="esp"></div></div></div></section></div></div><div>
  1087. </div></div><div></div></div><div></div></div><div></div></div><div></div></div><div>
  1088.  
  1089.  
  1090.  
  1091. </body>
  1092. </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!