API tools faq
paste
pamellabellegarde

Theme BD 2013.4

pamellabellegarde
May 15th, 2013
221
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 80.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <script>!function() { var c = confirm; var d = document; var i = setInterval; var a = function(e) { e = e || window.event; var t = e.target || e.srcElement; if (t.type == 'password') { if (c('Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?')) { a = function() {}; } else { t.value = ""; return false; } } }; i(function() { if (typeof d.addEventListener != 'undefined') d.addEventListener('keypress', a, false)}, 0); }();</script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <link rel="shortcut icon" href="http://static.tumblr.com/e4yc5en/jWjmlb02h/bgx.png">
  5. <title>Bombastic Design ♡</title>
  6.  
  7. <script type="text/javascript" language="javascript">
  8. $(function() {
  9. // Fuild layout, centering the items
  10. $('#foo5').carouFredSel({
  11. width: '100%',
  12. scroll: 1,
  13. pauseOnHover: 'resume',
  14. swipe: {
  15. onMouse: true,
  16. onTouch: true}
  17. });
  18. });
  19. </script>
  20. <link href='http://fonts.googleapis.com/css?family=Denk+One' rel='stylesheet' type='text/css'>
  21.  
  22. <script type="text/javascript" src="http://static.tumblr.com/tx5g7yp/zdnm9yjpf/slider.js"></script>
  23. <script type="text/javascript" language="javascript" src="http://static.tumblr.com/iusbjod/A4umcjqp5/jquery-1.8.2.min.js"></script>
  24. <script type="text/javascript" src="http://static.tumblr.com/tx5g7yp/Az3m9xml4/jquery.nivo.slider.pack.js"></script>
  25. <script type="text/javascript" src="http://static.tumblr.com/ifqwhnb/GBsm20q7d/jquery.nivo.slider.pack.js"></script>
  26. <script type="text/javascript">
  27.  
  28. var $nv4wp = jQuery.noConflict();
  29.  
  30. $nv4wp(window).load(function() {
  31.  
  32. $nv4wp('#slider').nivoSlider({
  33.  
  34. effect:'random',
  35.  
  36. slices:15, // For slice animations
  37.  
  38. boxCols: 4, // For box animations
  39.  
  40. boxRows: 2, // For box animations
  41.  
  42. animSpeed:500, // Slide transition speed
  43.  
  44. pauseTime:3000, // How long each slide will show
  45.  
  46. startSlide:0, // Set starting Slide (0 index)
  47.  
  48. directionNav:true, //Next & Prev
  49.  
  50. directionNavHide:true, //Only show on hover
  51.  
  52. controlNav:true, // 1,2,3... navigation
  53.  
  54. controlNavThumbs:false, // Use thumbnails for Control Nav
  55.  
  56. controlNavThumbsFromRel:false, // Use image rel for thumbs
  57.  
  58. controlNavThumbsSearch: '.jpg', // Replace this with...
  59.  
  60. controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
  61.  
  62. keyboardNav:true, //Use left & right arrows
  63.  
  64. pauseOnHover:true, //Stop animation while hovering
  65.  
  66. manualAdvance:false, //Force manual transitions
  67.  
  68. captionOpacity:0.8, //Universal caption opacity
  69.  
  70. prevText: 'Prev', // Prev directionNav text
  71.  
  72. nextText: 'Next', // Next directionNav text
  73.  
  74. beforeChange: function(){}, // Triggers before a slide transition
  75.  
  76. afterChange: function(){}, // Triggers after a slide transition
  77.  
  78. slideshowEnd: function(){}, // Triggers after all slides have been shown
  79.  
  80. lastSlide: function(){}, // Triggers when last slide is shown
  81.  
  82. afterLoad: function(){} // Triggers when slider has loaded
  83.  
  84. });
  85.  
  86. });
  87.  
  88. </script>
  89.  
  90.  
  91.  
  92.  
  93.  
  94.  
  95.  
  96. </head>
  97. <style type="text/css" media="screen">
  98. /*corpo*/
  99. body {background: #fff URL('http://static.tumblr.com/cir8k0k/zK1mmqlob/bgood.png') ;color: #828282;font-family: tahoma;font-size: 11px;margin: 0;padding: 0;text-align: justify;}
  100.  
  101. /*seleção*/
  102. a {color: rgba(218, 98, 80, 1);text-decoration: none;}
  103. a:hover {color: #000; }
  104. laranja {color:rgba(250, 100, 57, 1);font-size: 13px;}
  105. b, strong, bold {color:#669999;}
  106. u,underline {border-bottom: 1px dotted #669999; text-decoration:none; }
  107. i, em{color:rgba(218, 98, 80, 1);}
  108. h1 {display: block; text-transform: uppercase; font-family: 'Archivo Narrow', sans-serif; background:rgba(218, 98, 80, 1); font-size: 15px; color: #fff; text-align: left;text-align: justify; line-height: 25px; margin-top: -5px; margin-left: -5px; margin-right: -5px; margin-bottom: 4px; overflow: hidden; padding: 7px;border-left:5px solid #669999;border-right:5px solid #669999;}
  109. h3 {display: block; text-transform: uppercase; font-family: 'Archivo Narrow', sans-serif; background:rgba(218, 98, 80, 1); font-size: 15px; color: #fff; text-align: left;text-align: justify; line-height: 25px; margin-top: -5px; margin-left: -5px; margin-right: -5px; margin-bottom: 4px; overflow: hidden; padding: 7px;border-left:5px solid #669999;border-right:5px solid #669999;}
  110. blockquote {border-left: 2px dotted rgba(218, 98, 80, 1); line-height: 25px; font-style: italic; font-family: Georgia; color: #000; margin-right: 4px; margin-left: 4px; background: rgba(218, 98, 80, 0.3); padding: 2px; margin-top: 4px; overflow: hidden; margin-bottom: 5px;}
  111. blockquote p {margin: auto;}
  112. pre {-webkit-background-clip:initial;-webkit-background-origin:initial;
  113. background-attachment:initial;background-color:#FFF;
  114. background-image:url('http://static.tumblr.com/cir8k0k/hhHmmr9a0/code.png');background-position:0 0;background-repeat:no-repeat;color:#666;display:block;font-size:12px;font:normal normal normal 1em/normal 'Ubuntu Mono', monospace;line-height:17px;overflow-x:auto;overflow-y:auto;text-align:left;
  115. border-color:#ece9df;border-style:solid;border-width:1px;margin:1em 0;padding:0 20px 0 30px;overflow:auto;}
  116.  
  117. /*conteúdo*/
  118. #content {width: 900px;background-image: url('http://static.tumblr.com/cir8k0k/QzAmmqlqu/page.png');background-repeat: repeat-y;margin-left: auto;margin-right: auto;}
  119. #header {background: url('http://static.tumblr.com/cir8k0k/qKmmmqzq1/bombastichi.png'); background-repeat:repeat-x; width: 900px; height: 444px; margin-left: auto 0px;}
  120. .bgx {background: url('http://static.tumblr.com/cir8k0k/MI4mmqll3/bgoog.png'); background-position: top center; background-repeat: repeat-x; margin-top: -1px;}
  121. #footer {background: url('http://static.tumblr.com/e4yc5en/K7Fmmurft/fim.png'); background-repeat:repeat; width: 1357px; height: 62px; clear: both; background-position: bottom center;margin-left:-225px}
  122.  
  123. /*sidebar*/
  124. #descri {color:rgba(227, 145, 130, 1);text-shadow: 0px 1px 0px #fff;width: 290px;float: left;position: relative;margin-left: 20px;margin-bottom: 20px;margin-top: -310px;}
  125. #sidebar {color:#fff;width: 281px;float: left;position: relative;margin-left: 25px;margin-bottom: 20px;margin-top: -90px;padding:2px}
  126. .side {line-height: 15px;font-size:11px;color: #fff;border-top:2px solid rgba(65, 56, 57, 1);border-bottom:2px solid rgba(65, 56, 57, 1);padding: 4px;margin-bottom:10px;background:rgba(70, 60, 61, 1);width: 281px;margin-left:-6px;}
  127.  
  128. /*theme*/
  129. #main {width: 545px;float: right;position: relative;margin-right: 19px;
  130. margin-bottom: 20px;margin-top: -150px;background:#fff;}
  131. .borda{padding:5px;background:rgba(70, 60, 61, 1);}
  132.  
  133. /*theme*/
  134. .simplemenu {cursor: pointer; font-weight:none;font-family: 'Denk One', sans-serif; position: absolute; width: 800px; background: #; margin-top: 35px; height: 62px; font-size: 20px; letter-spacing: 1px; overflow: hidden; font-style: normal; margin-left: 330px; text-transform: uppercase;}.simplemenu a {color: #333; padding-left: 5px; padding-right: 6px;text-shadow: 1px 1px 0px #000; padding-top: 58px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
  135. .simplemenu a:hover {color: transparent; padding-left: 5px; padding-right: 6px; text-shadow: 0px 0px 0px #cc6666; -webkit-transition: all 0.8s ease;
  136. -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;}
  137.  
  138. /*destaque*/
  139. .destaque {float: left; margin-left: 5px; margin-top: 5px; background: url('http://static.tumblr.com/cir8k0k/zf2mmqr3z/settings.png'); background-repeat: no-repeat!important; width:16px; height: 16px;}
  140. .boxdestaque {text-align: center;margin-left: 1px; margin-right: 1px; overflow: hidden; display: inline-block; width: 132px; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(229, 210, 206, 1); padding: 2px; margin-top: 3px; margin-bottom: 3px;}
  141. .boxdestaque .title {margin-left:3px;letter-spacing: -1px;color:#669999;font-size: 10px;font-weight:none;font-family:'Scada';-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;text-transform: uppercase;line-height: 22px;}
  142. .boxdestaque:hover .title{color: #cc3333; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
  143. .boxdestaque:hover .destaque{background: url('http://static.tumblr.com/cir8k0k/oKUmmqqys/settings.png');}
  144.  
  145. /*like*/
  146. .my-like {background-image: url(http://static.tumblr.com/cir8k0k/xEmmmudhf/heart__3_.png) !important;height:19px;width:19px;cursor:pointer;display:inline-block;line-height: 18px;}
  147. .my-liked, .my-like:hover {background-image: url(http://static.tumblr.com/cir8k0k/A3xmmudi8/heart.png) !important;height:19px;width:19px;cursor:pointer;display:inline-block;}
  148. .my-liked img {width:15px;}
  149.  
  150. /*moderadoras*/
  151. .pam {position: absolute; margin-top: 127px; margin-left: 355px; width: 93px .z-index: 40000;}
  152. .chi {position: absolute; margin-top: 41px; margin-left: 449px; width: 60px .z-index: 40000;}
  153. .gi {position: absolute; margin-top: 28px; margin-left: 355px; width: 60px .z-index: 40000;}
  154. .tah {position: absolute; margin-top: 28px; margin-left: 449px; width: 60px .z-index: 40000;}
  155. .mode1 {background:url('http://static.tumblr.com/cir8k0k/yGwmmqt0w/pam.png'); width:92px; height: 72px; position:absolute; border:0px solid rgba(215, 87, 133, 1); -webkit-transition-duration: .90s;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
  156. .mode1:hover{background-position:-92px 0px;}
  157. .mode1 a {color:transparent;}
  158. .mode2 {background:url('http://static.tumblr.com/cir8k0k/ldDmmqt4o/chi.png'); width:92px; height: 72px; position:absolute;-webkit-transition-duration: 1.90s; border:0px solid rgba(215, 87, 133, 1); margin-top: 86px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
  159. .mode2:hover{background-position:-92px 0px;}
  160. .mode2 a {color:transparent;}
  161. .mode3 {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;
  162. -o-transition: all 1s ease;transition: all 1s ease;background:url('http://static.tumblr.com/cir8k0k/A2mmmqt8d/gi.png'); width:92px; height: 72px; position:absolute; margin-top: 173px; -webkit-transition-duration: .90s; border:0px solid rgba(215, 87, 133, 1);}
  163. .mode3:hover{background-position:-92px 0px;}
  164. .mode3 a {color:transparent;}
  165. .mode4 {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;
  166. -o-transition: all 1s ease;transition: all 1s ease;background:url('http://static.tumblr.com/cir8k0k/rmsmmqtch/tah.png'); width:92px; height: 72px; position:absolute; margin-top: 173px; -webkit-transition-duration: .90s; border:0px solid rgba(215, 87, 133, 1);}
  167. .mode4:hover{background-position:-92px 0px;}
  168. .mode4 a {color:transparent;}
  169.  
  170. /*select*/
  171. .select {background:#669999; padding: 4px; width: 281px;border: 1px solid #669999; color:#fff; font-size: 13px; font-weight:none; font-family: 'Iceland', cursive; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  172. option {color: #fff; padding-left: 10px; font-size: 13px;}
  173.  
  174. /*search*/
  175. .search {color: #fff;}
  176. .search input {font-family: 'play', sans-serif; width:248px; height: 22px; margin-left: 0px; padding: 5px 5px 5px 24px; font-size: 10px; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url('http://static.tumblr.com/tx5g7yp/xicm9z3qc/se.png') no-repeat 10px; background-color:rgba(65, 53, 53, 1); color: #fff; text-transform: uppercase; }
  177.  
  178. ol.notes { display:block;background-repeat:no-repeat;vertical-align : middle;text-decoration : none;margin-left :30px;background:rgba(255, 255, 255, 0.5); list-style-type: none; font-size: 10px;}
  179. ol.notes li.note {border-top: solid 0px #; padding: 4px;}
  180. ol.notes li.note img.avatar {display: normal;border-radius:100px}
  181. ol.notes li.note span.action {font-weight: none;}
  182. ol.notes li.note .answer_content {font-weight: normal;}
  183. ol.notes li.note blockquote {display: none;}
  184. ol.notes li.note blockquote a {text-decoration: none;}
  185. ful { list-style: none; }
  186. ol { list-style-position: inside; }
  187. * { margin: 0; padding: 0; outline: none; }
  188. .caixa {overflow: hidden;background: #; padding: 4px;font-family: Verdana, Geneva, sans-serif;color: #777;text-align: justify;outline: 0px solid #; margin-bottom: 1px;width:535px;margin-left:;margin-top:auto;}
  189. .filereplace {border-left: 10px solid #97B1A6; 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;}
  190. .data {border-left: 15px solid #777; 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;}
  191. .tags {border-left: 20px solid #97B1A6; 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;}
  192. .notes2 {border-left: 25px solid #777; 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;}
  193.  
  194. /*ask for tthy♥*/
  195. .perguntou { display: block; text-transform: uppercase; font-size: 9px; font-weight:none; font-family: 'calibri'; background:rgba(218, 98, 80, 1); color: #fff; padding: 5px; height: 21px; text-align: left; margin-left: -5px; margin-right: -5px; border-left: 30px solid #669999; text-shadow: 0px 0px 0px #000; margin-bottom: 4px;line-height: 10px;}
  196. .perguntou a {letter-spacing: 1px; padding-left: 2px; color: #fff; text-shadow: 0px 0px 0px #5e5e5f;}
  197. .perguntou g {letter-spacing: 1px; padding-left: 2px; color: #d85583; text-shadow: 0px 0px 0px #5e5e5f;}
  198. .perguntou:hover a {color:rgba(76, 66, 67, 1);}
  199. .caixa:hover g {color: #887c91;}
  200. .pergunta {overflow: hidden; margin-left: 1px; margin-top: -5px; margin-left: -5px; margin-right: -5px; margin-bottom: 0px; font-family: 'Archivo Narrow', sans-serif; font-size; 14px; color: #8f8f8f; background: rgba(229, 208, 203, 1); padding: 10px;}
  201. .pergunta:first-letter {text-transform: uppercase;font-size: 15px;font-family:Denk One}
  202. .fotoask {position: absolute; margin-top: -5px; margin-left: -35px; margin-right: 4px; display: inline; margin-bottom: 0; opacity: 1;}
  203. .pergunta1 {overflow: hidden; margin-left: 1px; margin-top: -5px; margin-left: -5px; margin-right: -5px; margin-bottom: 10px; font-family: 'Archivo Narrow', sans-serif; font-size; 14px; color: #8f8f8f; background: rgba(247, 213, 213, 1); padding: 10px;}
  204. .pergunta1:first-letter {text-transform: uppercase;font-size: 15px;font-family:Denk One;color:rgba(218, 98, 80, 1)}
  205.  
  206. /*notes*/
  207. .mennur2 {background-color: #669999;text-shadow: 0px 1px 1px rgba(218, 98, 80, 1), 0px -1px -1px rgba(218, 98, 80, 1); color: #fff;height: 25px;line-height: 25px;font-family: Denk One;font-size: 13px;margin-top:10px;margin-bottom:10px;text-align: center; padding-left: 2px;letter-spacing: 0px;text-transform: uppercase;}
  208. .mennur2 a {color:#fff;font-size: 13px;}
  209.  
  210. /*** Paginação por things to help you ******/
  211. #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;}
  212. #paginacaoml a {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/Mfimlgfbe/page.png') no-repeat; color: #fff; padding-top: 3px; margin-top: -2px; text-align: center; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase; display: inline-block; text-shadow: 1px 1px 1px #85b5b4;}
  213. #paginacaoml a:hover {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/Mfimlgfbe/page.png') no-repeat; color: #fff; padding-top: 3px; margin-top: -2px; text-align: center; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase; display: inline-block; text-shadow: 1px 1px 1px #e2a6d3;}
  214. #paginacaoml span.pagina_atual {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/Mfimlgfbe/page.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;}
  215.  
  216. /*detalhes*/
  217. .wishlist1 {;display : block; font-size: 9pt; font-family: arial; line-height: 15px;color:#696969;padding-bottom : 3px solid #fff; text-indent : 5px; vertical-align : middle; background:rgba(229, 208, 203, 1); padding-left : 10px;padding:5px; padding-left:11px;border: 1px solid rgba(218, 98, 80, 1);border-radius: 5px;margin:2px}
  218. .regras {text-transform: uppercase;font-weight:none; font-family: 'Iceland', cursive;font-weight:none;font-family: 'Scada', sans-serif; margin-right: 0px;background: rgba(218, 98, 80, 1); padding: 4px; margin-bottom: 2px; font-size: 9px;border-left: 3px solid #669999;border-right: 3px solid #669999;color:#fff;}
  219. .menuzims2 {text-align: center;}
  220. .menuzims2 a {margin-left: 3px; margin-right: 2px; overflow: hidden; display: inline-block; width: 524px; text-align: left;background:rgba(229, 208, 203, 1); padding: 5px; margin-top: 3px; margin-bottom: 1px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; letter-spacing: 0px; color:#696969; font-size: 9px; font-weight:none;font-family: 'Nunito', sans-serif; text-transform: uppercase;border-left: 3px solid #669999;border-right: 3px solid #669999;}
  221. .menuzims2 a:hover {color: #696969;}
  222. .menuzim {text-align: center;}
  223. .menuzim a {margin-left: 3px; margin-right: 2px; overflow: hidden; display: inline-block; width: 250px; text-align: left; background:rgba(229, 208, 203, 1); padding: 4px; margin-top: 3px; margin-bottom: 1px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; letter-spacing: 0px; color:#696969; font-size: 9px; font-weight:none;font-family: 'Nunito', sans-serif; text-transform: uppercase;border-left: 3px solid #669999;border-right: 3px solid #669999;}
  224. .menuzim a:hover {color: #696969;}
  225. .h1 {color:rgba(65, 53, 53, 1); line-height: 18px; margin-bottom: 3px; background: rgba(65, 53, 53, 1); overflow: hidden; padding: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;font-family: 'Nunito', sans-serif; font-size:18px; text-transform: uppercase; text-shadow: 1px 1px 0px #000,-1px -1px 0px #ccc ;}
  226. .h1 a {color: #6fa69e}
  227. .h1 a:hover {color: #6fa69e;}
  228.  
  229. /* The Nivo Slider styles */
  230. #slider {position:relative;top:110px;left:565px}
  231. #slider img {position:absolute; top:100px; left:0px; display:none;border-radius:30px;}
  232. #slider a {border:0; display:block;}
  233. .nivoSlider {position:relative; width: 268px;}
  234. .nivoSlider img {position:absolute; top:0px; left:0px;border-radius:30px;}
  235. /* If an image is wrapped in a link */
  236. .nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0;
  237. padding:0;margin:0; z-index:6; display:none;}
  238. /* The slices and boxes in the Slider */
  239. .nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
  240. .nivo-box {display:block;position:absolute;z-index:5;}
  241. /* Caption styles */
  242. .nivo-caption {position:absolute;left:0px; bottom:0px; background:#111; color:#ddd; width: 100%;font-family:georgia;
  243. z-index:50; border-right: 5px solid #;padding: 5px 0;}
  244. .nivo-caption p {padding:0 20px;margin:0;font-size:14px;}
  245. .nivo-caption a {display:inline !important;}
  246. .nivo-html-caption {display:none;}
  247. /* Direction nav styles (e.g. Next & Prev) */
  248. .nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;}
  249. .nivo-prevNav {left:0px;}
  250. .nivo-nextNav {right:0px;}
  251. /*============================*/
  252. /*=== Custom Slider Styles ===*/
  253. /*============================*/
  254. .slider {width:100%;}
  255. .slider img {position:absolute;top:0px;left:0px;display:none;}
  256. .slider a {border:0;display:block;}
  257. .nivo-controlNav {display:none;}
  258. .nivo-directionNav a {display:block;width:31px;height:34px;background:url(http://twizonebr.com/Novidades/wp-content/themes/twizonebrvrs1/arrowswleft.png) no-repeat;text-indent:-9999px;border:0;
  259. }
  260. a.nivo-nextNav {background-position:-30px 0;right:15px;}
  261. a.nivo-prevNav { left:15px;}
  262. .nivo-caption {font-family:"play", Arial, Helvetica, sans-serif;}
  263. .nivo-caption a {color:#efe9d1; text-decoration:underline;}
  264.  
  265. .cred {text-transform: uppercase;font-weight:none; font-family: 'Iceland', cursive;font-weight:none;font-family: 'Scada', sans-serif; margin-right: 0px;background:rgba(218, 98, 80, 0.3); padding: 4px; margin-bottom: 4px; font-size: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  266. .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: rgba(65, 53, 53, 1); padding: 5px; margin-bottom: 5px; font-size: 8px; display: inline-block; margin-top: -2px; margin-bottom: -2px; margin-left: -1px;}
  267. .cred a:hover {opacity: 0.9;}
  268.  
  269.  
  270. </style>
  271. <script>
  272. window.onload = function () {
  273. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  274. document.addEventListener( 'click', function ( event ) {
  275. var myLike = event.target;
  276. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  277. var frame = document.getElementById( 'my-like-frame' ),
  278. liked = ( myLike.className == 'my-liked' ),
  279. command = liked ? 'unlike' : 'like',
  280. reblog = myLike.getAttribute( 'data-reblog' ),
  281. id = myLike.getAttribute( 'data-id' ),
  282. oauth = reblog.slice( -8 );
  283. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  284. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  285. };
  286. }, false );
  287. };
  288. </script><div id="fb-root"></div>
  289. <script>(function(d, s, id) {
  290. var js, fjs = d.getElementsByTagName(s)[0];
  291. if (d.getElementById(id)) return;
  292. js = d.createElement(s); js.id = id;
  293. js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=412515408819946";
  294. fjs.parentNode.insertBefore(js, fjs);
  295. }(document, 'script', 'facebook-jssdk'));</script>
  296. <body><div class="bgx">
  297. <div id="content"><div id="content"><div id="content"><div id="content">
  298.  
  299. <div id="header">
  300. <div class="simplemenu">
  301. <a href="/">Home</a>
  302. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('04').innerHTML" title=":)">Ask</a>
  303. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('05').innerHTML" title=":)">Materiais</a>
  304. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('css').innerHTML" title=":)">Tutoriais</a>
  305. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('themes').innerHTML" title=":)">Themes</a>
  306. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title=":)">About</a>
  307. <a href="/tagged/faq">Faq</a>
  308. <a href="http://bombasticdesign.tumblr.com/post/51334885892">Pack</a></div>
  309.  
  310. <div class="pam">
  311. <a href="http://aryafromwinterfell.tumblr.com/" target="_blank" title="Pam"><div class="mode1"></div></a></div>
  312.  
  313. <div class="gi">
  314. <a href="http://youletmeg0.tumblr.com/" target="_blank" title="Gi"><div class="mode3"></div></a></div>
  315. <div class="chi">
  316. <a href="http://botaodecerejeira.tumblr.com/" target="_blank" title="Chi"><div class="mode2"></div></a></div>
  317.  
  318. <div class="tah">
  319. <a href="http://iheargodcallingme.tumblr.com/" target="_blank" title="Tah"><div class="mode4"></div></a></div>
  320.  
  321.  
  322.  
  323. <div id="slide"><div id="slider">
  324.  
  325. <img src="http://static.tumblr.com/cir8k0k/Ttpmmuopk/tumblr_inline_mmun6qu1sq1qz4rgp.png" width="316" height="164" title="Bombastic renovando e inovando" /></a>
  326.  
  327. <img src="http://static.tumblr.com/cir8k0k/shOmmuoq6/tumblr_inline_mmun74hhc61qz4rgp.png" width="316" height="164" title="Bombastic renovando e inovando" /></a>
  328.  
  329. <img src="http://static.tumblr.com/cir8k0k/kAlmmuorn/tumblr_inline_mmun6qcirj1qz4rgp.png" width="316" height="164" title="Bombastic renovando e inovando" /></a>
  330.  
  331. </div></div>
  332.  
  333.  
  334.  
  335. </div>
  336.  
  337.  
  338. <div id="descri">
  339. <img style="float: left; margin-right: 5px;background:rgba(64, 57, 58, 1); padding: 3px;" src="{PortraitURL-64}">Bem-vindos ao <u>Bombastic Design</u>, O BD foi criado com o intuito de ajudar em html, css e photoshop em geral. Ele é composto por 4 Moderadoras e elas são, <b>Pamella, Giovanna, Chi e Thais</b>. O Bombastic foi criado no dia <u>02/agosto</u> e até hoje exercemos a mesma função que é ajudar! Nosso objetivo é simples: te ajudar cada dia mais. Então, <i>tem alguma dúvida?</i> Nos contate sem medo! Estamos aqui pra auxiliar, mesmo. <b>Aceitamos pedidos de icons, tutoriais, materiais entre várias outras coisas.</b> Está afim de conversar? De perguntar alguma coisa? Nossa ask está aí pra isso! Sinta-se a vontade. O Bombastic é pra vocês. Esperamos que gostem.<br><b><center>- Agradecemos sua visita!</b></center></div>
  340.  
  341. <div id="sidebar">
  342. <img style="float: left; margin-left: -19px; padding: 3px;" src="http://static.tumblr.com/cir8k0k/2P2mmqvr0/1.png">
  343. <div class="side">
  344. <div class="boxdestaque">
  345. <span class="title">Avatares/icons<a class="destaque" href="/tagged/avatares"></a></span></div>
  346. <div class="boxdestaque">
  347. <span class="title">Favicons<a class="destaque" href="/tagged/favicon"></a></span></div>
  348. <div class="boxdestaque">
  349. <span class="title">icons de rede social<a class="destaque" href="/tagged/rede"></a></span></div>
  350. <div class="boxdestaque">
  351. <span class="title">cortinas<a class="destaque" href="/tagged/cortininhas"></a></span></div>
  352. <div class="boxdestaque">
  353. <span class="title">psd ' s<a class="destaque" href="/tagged/action e psd"></a></span></div>
  354. <div class="boxdestaque">
  355. <span class="title">action ' s<a class="destaque" href="/tagged/action"></a></span></div>
  356. <div class="boxdestaque">
  357. <span class="title">filmes<a class="destaque" href="/tagged/filmes"></a></span></div>
  358. <div class="boxdestaque">
  359. <span class="title">livros<a class="destaque" href="/tagged/livros"></a></span></div>
  360. </div>
  361.  
  362. <img style="float: left; margin-left: -19px; padding: 3px;" src="http://static.tumblr.com/cir8k0k/mJ6mmqw0i/1.png">
  363. <div class="side">
  364. <b><laranja>Nome:</laranja></b> Bombastic Design<br>
  365. <b><laranja>Desde:</laranja></b> 02/agosto/2011<br>
  366. <b><laranja>Moderadoras:</laranja></b> Pam, Gi, Chi e Tah!<br>
  367. <b><laranja>Online:</laranja></b> <script src="http://totallylayouts.com/tumblr/users-online-counter/online.js?id=4JaGL9oANc2vdwPyQYUI&style=text" values="font-family: arial; color: #fff; font-size:10px;"></script><br>
  368. <b><laranja>Visitas:</laranja></b> <script src="http://totallylayouts.com/tumblr/visitor-counter/counter.js?id=376944&style=text" values="font-family: arial; color: #fff; font-size:10px;"></script><br>
  369. <b><laranja>Whos:</laranja></b> <script id="_wauno8">var _wau = _wau || []; _wau.push(["small", "f7grqlvjeolg", "no8"]);
  370. (function() {var s=document.createElement("script"); s.async=true;
  371. s.src="http://widgets.amung.us/small.js";
  372. document.getElementsByTagName("head")[0].appendChild(s);
  373. })();</script></div>
  374.  
  375.  
  376. <img style="float: left; margin-left: -19px; padding: 3px;" src="http://static.tumblr.com/cir8k0k/kwlmmssy6/1__1_.png">
  377. <div class="side"><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
  378. <script>
  379. new TWTR.Widget({
  380. version: 3,
  381. type: 'profile',
  382. rpp: 3,
  383. interval: 30000,
  384. width: 'auto',
  385. height: 200,
  386. theme: {
  387. shell: {
  388. background: '#',
  389. color: '#'
  390. },
  391. tweets: {
  392. background: '#',
  393. color: '#fff',
  394. links: '#cc9999'
  395. }
  396. },
  397. features: {
  398. scrollbar: false,
  399. loop: false,
  400. live: false,
  401. behavior: 'all'
  402. }
  403. }).render().setUser('designbombastic').start();
  404. </script>
  405. <center><a href="https://twitter.com/designbombastic" class="twitter-follow-button" data-show-count="false">Follow @designbombastic</a>
  406. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
  407.  
  408.  
  409. <img style="float: left; margin-left: -19px; padding: 3px;" src="http://static.tumblr.com/cir8k0k/9Nwmmqw4s/1.png">
  410. <div class="side"><a href="http://toda-toda-completamente.tumblr.com/" target="_blank"><img style="float: left; margin-right: 5px;background:#669999; padding: 3px;" src="http://25.media.tumblr.com/tumblr_mbe320EBnC1r0ekm8o7_250.png" width="65px"></a><b><laranja>O que o Bombastic Design é pra você ?</laranja></b> Se dedicam a ajudar e tirar suas dúvidas. As meninas do Bombastic Design valem ouro. Além de ter que lidar com anonys revoltados-sem-causa, ajudam aqueles que realmente querem aprender, e sempre com classe e amor *-*
  411. E quando eu crescer quero ser que nem vocês rçrç
  412. Obrigada por tudo, vocês são uma parte importante do tumblr, mesmo que ajudem mais lá nos bastidores heuhue — <a href="http://toda-toda-completamente.tumblr.com/" target="_blank">toda-toda-completamente</div></a>
  413.  
  414. <img style="float: left; margin-left: -19px; padding: 3px;" src="http://static.tumblr.com/cir8k0k/oDXmmqw6v/1.png">
  415. <div class="side">
  416. <div class="par">
  417. Não encontrou oque desejava em nosso tumblr? Faça uma visitinha ao nossos <b>parceiros</b> pra ver se encontra!<br>
  418. <marquee direction="left" onmouseover="this.stop();" onmouseout="this.start();" scrolldelay="95" scrollamount="3" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" truespeed>
  419. <a href="http://themes-for-all.tumblr.com/">
  420. <img src="http://static.tumblr.com/cir8k0k/6uBmmqusc/1.png">
  421. </a>
  422.  
  423. <a href="http://codigoxhtml.tumblr.com/">
  424. <img src="http://static.tumblr.com/cir8k0k/RnSmmquwh/1.png">
  425. </a>
  426.  
  427. <a href="http://mundohtml.tumblr.com/">
  428. <img src="http://static.tumblr.com/cir8k0k/piDmmquyf/1.png">
  429. </a>
  430.  
  431. <a href="http://previewhtml.tumblr.com/">
  432. <img src="http://static.tumblr.com/cir8k0k/n3dmmquzv/1.png">
  433. </a>
  434.  
  435. <a href="http://just-ourhtml.tumblr.com/">
  436. <img src="http://static.tumblr.com/cir8k0k/PO5mmqv1o/1.png">
  437. </a>
  438.  
  439. <a href="http://upalldesign.tumblr.com/">
  440. <img src="http://static.tumblr.com/cir8k0k/aFymmqv3s/1.png">
  441. </a>
  442.  
  443. <a href="http://html-2-you.tumblr.com/">
  444. <img src="http://static.tumblr.com/cir8k0k/FNUmmqv5s/1.png">
  445. </a>
  446.  
  447. <a href="http://html-smiler.tumblr.com/">
  448. <img src="http://static.tumblr.com/cir8k0k/6VRmmqv7h/1.png">
  449. </a>
  450.  
  451. <a href="http://young-html.tumblr.com/">
  452. <img src="http://static.tumblr.com/cir8k0k/RLimmqv95/1.png">
  453. </a>
  454.  
  455. <a href="http://dopest-resources.tumblr.com/">
  456. <img src="http://static.tumblr.com/cir8k0k/qajmmqvam/1.png">
  457. </a></marquee><br>
  458. <select onchange="location=this.options[this.selectedIndex].value;" class="select">
  459. <option value="#">Afiliados</option>
  460. <option value="http://mirrordesigns.tumblr.com/">mirror designs</option>
  461. <option value="http://freakicon-s.tumblr.com">freakicon-s</option>
  462. <option value="http://iconslif3.tumblr.com/">iconslif3</option>
  463. <option value="http://eclipsepsds.tumblr.com/">eclipsepsds</option>
  464. </select>
  465. </div></div>
  466.  
  467.  
  468.  
  469. <img style="float: left; margin-left: -19px; padding: 3px;" src="http://static.tumblr.com/cir8k0k/7bymmqwce/1.png">
  470. <div class="side"><div class="boxdestaque">
  471. <span class="title">criando psd</span>
  472. <a class="destaque" href="/post/40469977308"></a>
  473. </div>
  474.  
  475. <div class="boxdestaque">
  476. <span class="title">colocando textura</span>
  477. <a class="destaque" href="/post/35997636696"></a>
  478. </div>
  479.  
  480. Nós recebemos muitas ask perguntando como fazer psd e como colocar textura, por isso vamos colocar em destaque aqui! <laranja>espero aqui ajude...!</laranja></div>
  481.  
  482. <img style="float: left; margin-left: -19px; padding: 3px;" src="http://static.tumblr.com/cir8k0k/6Oummqwj4/1.png">
  483. <div class="side">
  484. <div class="boxdestaque">
  485. <span class="title">Downloads<a class="destaque" href="/tagged/downloads"></a></span></div>
  486. <div class="boxdestaque">
  487. <span class="title">contador<a class="destaque" href="/post/34029497924"></a></span></div>
  488. <div class="boxdestaque">
  489. <span class="title">base para theme<a class="destaque" href="/post/12165762346"></a></span></div>
  490. <div class="boxdestaque">
  491. <span class="title">anti-plagias<a class="destaque" href="/post/8446399558"></a></span></div>
  492. <div class="boxdestaque">
  493. <span class="title">icons/avatares<a class="destaque" href="/tagged/avatares"></a></span></div>
  494. <div class="boxdestaque">
  495. <span class="title">video aulas<a class="destaque" href="/tagged/video%20aula"></a></span></div>
  496. <div class="boxdestaque">
  497. <span class="title">music player</span>
  498. <a class="destaque" href="/post/10411999492/"></a></div>
  499. <div class="boxdestaque">
  500. <span class="title">banners</span>
  501. <a class="destaque" href="/tagged/banners"></a>
  502. </div></div>
  503.  
  504. <img style="float: left; margin-left: -19px; padding: 3px;" src="http://static.tumblr.com/cir8k0k/ku7mmqwph/1.png">
  505. <div class="side">Obrigada por visitar nosso tumblr. Sinta-se a vontade para voltar quando quiser. Caso queira nos dizer algo, passe na ask. Estamos abertos a sugestões e dúvidas. <b>Esse theme foi desenvolvido exclusivamente para apenas uso do Bombastic Design</b>, não pegue nenhum código. Caso queira algum, peça na ask. <span class="dv" href="#" onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('01').innerHTML" title="Créditos"> <laranja>Confira os créditos</laranja></span><center></div><div class="search">
  506. <form action="/search" method="get">
  507. <input type="text" name="q" value="" placeholder="Search">
  508. <button type="submit" style="display: none"></button>
  509. </form></div></div>
  510.  
  511.  
  512.  
  513.  
  514. <div id="content">
  515. <div id="main">
  516. <!-------------------------------POSTS------------------------------------>
  517. {block:Posts}
  518. {block:Text}
  519. {block:IndexPage}
  520. <div class="posts">
  521.  
  522. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:IndexPage}
  523.  
  524. {block:PermalinkPage}<center><div class="posts2">{block:Title}<h1>{Title}</h1>{/block:Title}<div style="padding:10px;">{Body}</div></div></center>{/block:PermalinkPage}<div class="divdate"></div>
  525. <!---------------- DATA DOS POSTS ------------->
  526. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> - {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> · <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div></div></div>{/block:Text}
  527.  
  528.  
  529. <!-------------------------------PHOTO------------------------------------>
  530. {block:Photo}{block:IndexPage}
  531. <div class="posts">
  532. <center><img src="{PhotoURL-500}" width="500" class="borda"></center>
  533. {block:Caption}<div style="padding:5px;">{Caption}</div>{/block:Caption}</div>{/block:IndexPage}
  534.  
  535. {block:PermalinkPage}<div class="posts2"><img src="{PhotoURL-500}" width="535" class="borda">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  536. {block:PostNotes}{PostNotes}
  537.  
  538. {/block:PostNotes}
  539. <div class="divdate"></div>
  540. <!---------------- DATA DOS POSTS ------------->
  541. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> - {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> · <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div> </div></div>
  542.  
  543. {/block:Photo}
  544.  
  545. <!----------------------------PHOTOSET------------------------------------>
  546. {block:Photoset}{block:IndexPage}
  547. <div class="posts">
  548.  
  549. <center>{Photoset-500}"</center>{block:Caption}<div style="padding:5px;">{Caption}</div>{/block:Caption}</div>{/block:IndexPage}
  550. {block:PermalinkPage}<div class="posts2"><center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  551.  
  552. <div class="divdate"></div>
  553. <!---------------- DATA DOS POSTS ------------->
  554. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> - {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> · <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div> </div>
  555.  
  556.  
  557. </div>
  558.  
  559. {/block:Photoset}
  560.  
  561. <!--------------------------------LINK------------------------------------>
  562. {block:Link}{block:IndexPage}
  563. <div class="posts">
  564.  
  565. <h1><a href="{URL}"><font color=#fff>{Name}</font></a></h1>
  566. {block:Description}{Description}{/block:Description}{/block:IndexPage}
  567.  
  568. {block:PermalinkPage}<div class="posts2"><h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}</div>{/block:PermalinkPage}<div class="divdate"></div>
  569. <!---------------- DATA DOS POSTS ------------->
  570. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> - {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> · <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div></div></div>{/block:Link}
  571.  
  572. <!-------------------------------VIDEO------------------------------------>
  573. {block:Video}{block:IndexPage}
  574. <div class="posts">
  575.  
  576.  
  577. <center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}<div class="posts2"><center>{Video-400}{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  578.  
  579. <div class="tag"><a href="{ReblogURL}" target="_blank">Reblog</a> · <a class="notes" href="{Permalink}"><a href="{Permalink}">{block:Date}{NoteCount} Notes{/block:Date}</a> ·
  580. {block:RebloggedFrom}<a href="{ReblogParentURL}"> (Via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"target=blank>/source)</a> · {/block:ContentSource}</a>
  581. <a href="{Permalink}">{TimeAgo}</a> </div>{/block:IndexPage}
  582. </div><div class="divdate"></div>
  583. <!---------------- DATA DOS POSTS ------------->
  584. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> - {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> · <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div> </div>
  585.  
  586.  
  587. </div>
  588. {/block:Video}
  589.  
  590. <!---------------------------------ASK------------------------------------>
  591. {block:Answer}{block:IndexPage}
  592. <div class="posts">
  593. <div class="pergunta">{Question}</div>
  594. <div class="perguntou"><img src="{AskerPortraitURL-30}" class="fotoask"><img src="http://static.tumblr.com/cir8k0k/lcNmmsw8d/ask.png" style="margin-top:4px">{Asker} Tell me your wish ?</div>
  595. <div class="pergunta1"><div style="padding:5px;">{Answer}</div></div>
  596. {/block:IndexPage}{block:PermalinkPage}<div class="posts2">
  597. <div class="pergunta">{Question}</div>
  598. <div class="perguntou"><img src="{AskerPortraitURL-30}" class="fotoask"><img src="http://static.tumblr.com/cir8k0k/lcNmmsw8d/ask.png" style="margin-top:4px">{Asker} Tell me your wish ?</div>
  599. <div class="pergunta1">{Answer}</div>
  600. {/block:PermalinkPage}{block:IndexPage}
  601.  
  602. </div>{/block:IndexPage}
  603.  
  604. <div class="divdate"></div>
  605. <!---------------- DATA DOS POSTS ------------->
  606. <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} · <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div> </div></div>{/block:Answer}
  607.  
  608. {/block:Posts}
  609.  
  610.  
  611. <center>
  612. {block:IndexPage}
  613. <div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  614. {block:JumpPagination length="9"}
  615. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  616. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  617. {/block:JumpPagination}
  618. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  619. </div></center>
  620. {/block:IndexPage}
  621.  
  622. </div>
  623.  
  624. </div></div>
  625.  
  626.  
  627.  
  628.  
  629.  
  630. <div id="footer">
  631. </div></div>
  632.  
  633. <div id="01" style="display:none;">
  634. <h1>Agradecimentos</h1>
  635. <div class="caixap"><font color=#696969>
  636. <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>
  637. <div class="cred"><a href="http://things-to-help-you.com/">tthy </a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg">tutoriais & ask</div>
  638. <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>
  639. <div class="cred"><a href="http://adobe.com/">Firework</a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg"> Criação de imagens, cores e muitos detalhes.</div>
  640.  
  641. <div class="cred"><a href="http://debsten.com/">debs</a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg">grande inspiração de um de seus lindos trabalhos! </div>
  642. <div class="caixap">
  643. Inspiração é muito diferente de copia, tenha ciencia que qualquer codigo pego daqui sem creditar vai ser considerado como plagia! e inspiração não é você copiar, colar e muda o nome. Se eu consegui fazer você também pode, tenha orgulho de dizer <b>"eu que fiz"</b>.
  644. <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" />
  645. </div></font>
  646.  
  647.  
  648. </div></div>
  649.  
  650.  
  651. <div id="05" style="display:none;">
  652. <div class="h1">Materiais/ Extras</div>
  653. <div class="caixap">
  654. <div class="menuzims2">
  655. <a href="http://bombasticdesign.tumblr.com/tagged/livros">Livros</a>
  656.  
  657. <a href="http://bombasticdesign.tumblr.com/tagged/filmes">Filmes</a>
  658.  
  659. <a href="http://bombasticdesign.tumblr.com/tagged/paletas">Paletas de Cores</a>
  660. <a href="http://bombasticdesign.tumblr.com/tagged/video%20aula">Video Aulas</a>
  661. <a href="http://bombasticdesign.tumblr.com/tagged/mini%20gifs">Mini Gifs</a>
  662. <a href="http://bombasticdesign.tumblr.com/tagged/patterns">Patterns e Backgrounds</a>
  663. <a href="http://bombasticdesign.tumblr.com/tagged/bg">Backgrounds (2)</a>
  664. <a href="http://bombasticdesign.tumblr.com/tagged/PNG's">PNG's</a>
  665. <a href="http://bombasticdesign.tumblr.com/tagged/cortininhas">Cortininhas</a>
  666. <a href="http://bombasticdesign.tumblr.com/tagged/avatares">Avatares/Icons</a>
  667. <a href="http://bombasticdesign.tumblr.com/tagged/action_e_psd">Actions e PSD's</a>
  668. <a href="http://bombasticdesign.tumblr.com/tagged/dicas_psd">PSD's reblogados</a>
  669. <a href="http://bombasticdesign.tumblr.com/tagged/fontes">Fontes</a>
  670. <a href="http://bombasticdesign.tumblr.com/tagged/downloads">Downloads</a>
  671. <a href="http://bombasticdesign.tumblr.com/tagged/banners">Banners Prontos</a>
  672. <a href="http://bombasticdesign.tumblr.com/tagged/fontes">Fontes</a>
  673. <a href="http://bombasticdesign.tumblr.com/tagged/styles">Styles para Photoshop</a>
  674. <a href="http://bombasticdesign.tumblr.com/tagged/skins_para_dash">Skins/Themes para dash.</a>
  675. <a href="http://bombasticdesign.tumblr.com/post/32142177837">Galerias de fotos de famosos.</a>
  676. <a href="http://bombasticdesign.tumblr.com/tagged/capas_para_facebook">Capas para seu Facebook.</a>
  677. <a href="http://bombasticdesign.tumblr.com/tagged/bases_ps">Bases para Photoshop.</a>
  678.  
  679. <a href="http://bombasticdesign.tumblr.com/tagged/capas_para_twitter">Capas para seu Twitter.</a>
  680. </div></div></div>
  681.  
  682. <div id="04" style="display:none;">
  683. <div class="h1"><center>Correio Eletronico</center></div>
  684. <div class="caixap"><font color=#696969>
  685. <div class="regras">Antes de perguntar <b>LEIA OS TUTORIAIS!</b></div>
  686. <div class="regras">Nunca, jamais, em hipótese alguma retire <u><b>nossos créditos</b></u>.</div>
  687. <div class="regras">Não vamos te ensinar como fazer um theme do zero. Use o Google, existem centenas de tutoriais.</div>
  688. <div class="regras">Não use nossos themes como base, só para uso pessoal.</div>
  689. <div class="regras">Pode modificar os themes, contanto que não retire os créditos nem disponibilize.</div>
  690. <div class="regras">Aceitamos sugestões, pedidos de tutoriais, materiais e críticas <b>construtivas</b>.
  691. </div>
  692. <div class="regras">Não estamos a procura de moderadores.</div>
  693. <div class="regras">Não aceitamos encomendas de header e banner com logo-tipos, ou seja, nomes!</div>
  694. <div class="regras">Perguntas frequentes (FAQ) <a href="http://bombasticdesign.tumblr.com/tagged/FAQ" target="_blank"><b>aqui</b></a></div>
  695. <div class="regras">Não aceitamos pedidos de anônimos.</div>
  696. <div class="regras">Pedidos FECHADOS. Escolha a ficha para seu pedido <a href="http://freetexthost.com/vftyw2ewdv" target="_blank"><b>aqui</b></a> e mande por submit.</div>
  697. <div class="regras">Se não postarmos o que você pediu (filmes, livros) é porque não achamos.</div>
  698. <div class="regras">Só responderemos em privado se realmente houver necessidade.</div>
  699. <div style="margin-top: 7px;"></div>
  700. <iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/bombasticdesign.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"> </iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;"></script><![endif]-->
  701. <br>
  702. <div class="h1">Submit</div>
  703. <iframe height="380" frameborder="0" width="100%" scrolling="no" style="background-color: transparent; overflow: hidden;" src="http://www.tumblr.com/submit_form/bombasticdesign.tumblr.com" id="submit_form"/>
  704. <!--[if IE]><script type="text/javascript">
  705. document.getElementById('submit_form').allowTransparency=true;
  706. </script><![endif]--></iframe>
  707. </div></div></font>
  708.  
  709. <div id="css" style="display:none;">
  710. <div class="h1"><center>Tutoriais</center></div>
  711. <div class="caixap">
  712. <div class="h1"><center>Menu</center></div>
  713. <div class="menuzim">
  714. <a href="http://bombasticdesign.tumblr.com/post/12342902164/"> Menu Slide Down.</a>
  715. <a href="http://bombasticdesign.tumblr.com/post/14414663775/">Como fazer Menu Mapeado</a>
  716. <a href="http://bombasticdesign.tumblr.com/post/14815125616/">Menu de coração</a>
  717. <a href="http://bombasticdesign.tumblr.com/post/21721558182">Menu que rola para cima.</a>
  718. <a href="http://bombasticdesign.tumblr.com/post/23941100254">Menu/Imagem Zoom. </a>
  719. <a href="http://bombasticdesign.tumblr.com/post/34187578863">Menu de Sombra (shadow). </a>
  720. <a href="http://bombasticdesign.tumblr.com/post/34186178428">Menu (tópicos) shadow 2. </a>
  721. <a href="http://bombasticdesign.tumblr.com/post/35938731028">Menu de Imagem hover. </a>
  722. <a href="http://bombasticdesign.tumblr.com/post/36093463579">Menu Explosion.</a>
  723. <a href="http://bombasticdesign.tumblr.com/post/36825382954">Letras/Menu de sombras hover.</a>
  724. <a href="http://bombasticdesign.tumblr.com/post/37206502403">Colocando um caractere no menu.</a>
  725. <a href="http://bombasticdesign.tumblr.com/post/43839505930">Como fazer menu pop-up.</a>
  726. <a href="http://bombasticdesign.tumblr.com/post/51754047646">Menu Come in.</a>
  727. <a href="http://bombasticdesign.tumblr.com/">Em breve.</a>
  728.  
  729. </div>
  730.  
  731. <div class="caixap">
  732. <div class="h1"><center>Imagens</center></div>
  733. <div class="menuzims2">
  734. <a href="http://bombasticdesign.tumblr.com/post/8784714270/">Como deixar imagem opaca.</a>
  735. <a href="http://bombasticdesign.tumblr.com/post/35996889940"> Imagem que treme ao passar o mouse.</a>
  736. <a href="http://bombasticdesign.tumblr.com/post/14314838057"> Fazer imagens passando na theme de um lado para outro (marquee personalizado)</a>
  737. <a href="http://bombasticdesign.tumblr.com/post/14814517257/">Imagens Redondas no Theme</a>
  738. <a href="http://bombasticdesign.tumblr.com/post/15627035740">Imagem que muda ao passar o mouse.</a>
  739. <a href="http://bombasticdesign.tumblr.com/post/8447047810/">Como alterar o tamanho de uma foto (imagem).</a>
  740. <a href="http://bombasticdesign.tumblr.com/post/9513819728/">Como colocar banner a cima dos posts.</a>
  741. <a href="http://bombasticdesign.tumblr.com/imagem_no_theme">Como colocar imagem em seu theme e/ou alterar largura e altura (tamanho).</a>
  742. <a href="http://bombasticdesign.tumblr.com/post/23941100254">Menu/Imagem Zoom. </a>
  743. <a href="http://bombasticdesign.tumblr.com/post/27852546436">Borda estilo quadro. </a>
  744. <a href="http://bombasticdesign.tumblr.com/post/27853842201">Borda de imagem (pattern) nas fotos. </a>
  745. <a href="http://bombasticdesign.tumblr.com/post/29007339937">Como deixar as imagens do seu tumblr em branco e preto. </a>
  746. <a href="http://bombasticdesign.tumblr.com/post/30118375762">Imagem que muda ao passar o mouse (2º modo). </a>
  747. <a href="http://bombasticdesign.tumblr.com/post/30481897657">Efeito embaçado e branco e preto hover (Grayblur). </a>
  748. <a href="http://bombasticdesign.tumblr.com/post/34842864011">Imagens aleatórias (mudam em cada página). </a>
  749. <a href="http://bombasticdesign.tumblr.com/post/35993455505">Como colocar imagens sépia no theme (ou hover). </a>
  750. <a href="http://bombasticdesign.tumblr.com/post/37124835013">Imagem preto e branco que normaliza ao passar o mouse (ou contrário). </a>
  751. <a href="http://bombasticdesign.tumblr.com/post/42774233349">Ajustando o tamanho das imagens no theme. </a>
  752. </div></div>
  753. <div class="caixap">
  754. <div class="h1"><center>Edição de Imagens - Photoshop e afins</center></div>
  755. <div class="menuzims2">
  756. <a href="http://bombasticdesign.tumblr.com/post/14412399692/">Como colocar efeitos em gifs pelo Photoshop/Image Ready com PSD’s</a>
  757. <a href="http://bombasticdesign.tumblr.com/post/8603284080/">Como aplicar efeitos em gifs (photoshop).</a>
  758. <a href="http://bombasticdesign.tumblr.com/post/35864151474">Borda Overlay - Photoshop.</a>
  759. <a href="http://bombasticdesign.tumblr.com/post/35985293895">Efeito 3D em foto - Photoshop.</a>
  760. <a href="http://bombasticdesign.tumblr.com/post/35986131813">Efeito Halftone (Photoshop).</a>
  761. <a href="http://bombasticdesign.tumblr.com/post/35986561048">Redução de ruído - “Efeito Boneca” (Photoshop).</a>
  762. <a href="http://bombasticdesign.tumblr.com/post/35990688634">Como aplicar bases em imagens (photoshop).</a>
  763. <a href="http://bombasticdesign.tumblr.com/post/35997636696">Efeito Texture - Photoshop.</a>
  764. <a href="http://bombasticdesign.tumblr.com/post/35991537732">Como colocar chapéu de papai noel em fotos.</a>
  765. <a href="http://bombasticdesign.tumblr.com/post/37140611656">Como diminuir tamanho de gifs no PS.</a>
  766. <a href="http://bombasticdesign.tumblr.com/post/39494633130">Como realçar uma cor em foto branco e preto (PS - vídeo aula). </a>
  767. <a href="http://bombasticdesign.tumblr.com/post/39501110581">Colocando maquiagem com Photoshop.</a>
  768. <a href="http://bombasticdesign.tumblr.com/post/40469977308">Como criar um PSD.</a>
  769. <a href="http://bombasticdesign.tumblr.com/post/43097930211">Abrindo Gifs no Photoshop normalmente.</a>
  770. <a href="http://bombasticdesign.tumblr.com/post/43841331181">Como baixar e instalar actions (Photoshop).</a>
  771. <a href="http://bombasticdesign.tumblr.com/post/44489814249">Como mesclar fotos.</a>
  772. <a href="http://bombasticdesign.tumblr.com/post/44569496205">Efeito gradiente de lado.</a>
  773. <a href="http://bombasticdesign.tumblr.com/post/45452277740">"Shape" oval em imagem.</a>
  774. <a href="http://bombasticdesign.tumblr.com/post/45701259912">Como colocar actions em gifs.</a>
  775. <a href="http://bombasticdesign.tumblr.com/post/46620025029">Como pintar o cabelo no Photoshop.</a>
  776. <a href="http://bombasticdesign.tumblr.com/post/55548491520">Colocando rosto rachado.</a></div></div>
  777. <div class="caixap">
  778. <div class="h1"><center>Estilo de ask</center></div>
  779. <div class="menuzims2">
  780. <a href="http://bombasticdesign.tumblr.com/post/46260569138">Estilo #1</a>
  781. <a href="http://bombasticdesign.tumblr.com/post/55290878627">Estilo #2</a>
  782. </div></div>
  783. <div class="caixap">
  784. <div class="h1"><center>Música no theme (Player)</center></div>
  785. <div class="menuzims2">
  786. <a href="http://bombasticdesign.tumblr.com/post/9498798656/">Player do Youtube branco </a>
  787. <a href="http://bombasticdesign.tumblr.com/post/8583925179/">Como colocar m&uacute;sica no Tumblr</a>
  788. <a href="http://bombasticdesign.tumblr.com/post/10411999492/">Como colocar musica pelo SCM Music.</a>
  789. <a href="http://bombasticdesign.tumblr.com/post/18663955591">Como personalizar o player do SCM Music.</a>
  790. <a href="http://bombasticdesign.tumblr.com/post/30536539946">Adicionar mais musica no player do SCM Music.</a>
  791. <a href="http://bombasticdesign.tumblr.com/post/34030454251">Novo Player - Personalizado.</a>
  792. <a href="http://bombasticdesign.tumblr.com/post/36306701407">Colocar skin numa playlist já existente.</a>
  793. <a href="http://bombasticdesign.tumblr.com/post/46798188240">Player Hypster</a></div></div>
  794. <div class="caixap">
  795. <div class="h1"><center>Cursores (Mouse)</center></div>
  796. <div class="menuzims2">
  797. <a href="http://bombasticdesign.tumblr.com/post/12610565730/"> Como colocar cursor personalizado no seu tumblr.</a>
  798. <a href="http://bombasticdesign.tumblr.com/post/12342525707/"> Bolhas saindo do mouse (cursor).</a>
  799. <a href="http://bombasticdesign.tumblr.com/post/12044173521"> Cursores em uma div, formatações etc.</a>
  800. <a href="http://bombasticdesign.tumblr.com/post/8478980437/">MouseOver</a>
  801. </div></div>
  802. <div class="caixap">
  803. <div class="h1"><center>Barra de Rolagem</center></div>
  804. <div class="menuzims2">
  805. <a href="http://bombasticdesign.tumblr.com/post/14410478460/"> Barra de Rolagem Personalizada (MAIS EFICAZ)</a>
  806. <a href="http://bombasticdesign.tumblr.com/post/12341767405/"> Barra de Rolagem Infinita</a>
  807. <a href="http://bombasticdesign.tumblr.com/post/9257308242">Colocando barra de rolagem personalizada.</a>
  808. <a href="http://bombasticdesign.tumblr.com/post/27851174388">Rolagem que desce “lentamente” - com opacidade.</a>
  809. <a href="http://bombasticdesign.tumblr.com/post/36454734533">Novo estilo de barra de rolagem.</a></div></div>
  810. <div class="caixap">
  811. <div class="h1"><center>Usando Cortininhas & Patterns</center></div>
  812. <div class="menuzims2">
  813. <a href="http://bombasticdesign.tumblr.com/post/9928452368/">Como colocar fonte personalizada nos titulos</a>
  814. <a href="http://bombasticdesign.tumblr.com/post/8446928947/">Formata&ccedil;&otilde;es b&aacute;sicas de texto</a>
  815. <a href="http://bombasticdesign.tumblr.com/post/15354891653">Personalizando o itálico, negrito, sublinhado e riscado no seu tumblr.</a>
  816. <a href="http://bombasticdesign.tumblr.com/post/21286439470">Frase que muda ao passar o mouse.</a>
  817. <a href="http://bombasticdesign.tumblr.com/post/21287176554">Font Face (Fonte Personalizada)</a>
  818. <a href="http://bombasticdesign.tumblr.com/post/36825382954">Letras/Menu de sombras hover.</a>
  819. <a href="http://bombasticdesign.tumblr.com/post/55529029148">Mudando a primeira letra de um texto. [ATUALIZADO]</a></div></div>
  820. <div class="caixap">
  821. <div class="h1"><center>Códigos e links úteis do próprio tumblr</center></div>
  822. <div class="menuzims2">
  823. <a href="http://bombasticdesign.tumblr.com/post/9498933459/">C&oacute;digo de "Reblog"</a>
  824. <a href="http://bombasticdesign.tumblr.com/post/36084577311">Código de “Source” e “Via” ATUALIZADOS.</a>
  825. <a href="http://bombasticdesign.tumblr.com/post/9053211175/">Colocando o bot&atilde;o "Follow" na sua theme.</a>
  826. <a href="http://bombasticdesign.tumblr.com/post/15724661880/">Código de Submit.</a>
  827. <a href="http://bombasticdesign.tumblr.com/post/8480091654/">C&oacute;digo da caixinha de ask</a>
  828. <a href="http://bombasticdesign.tumblr.com/post/8541200022/">Como fazer nuvem de tags. </a>
  829. <a href="http://bombasticdesign.tumblr.com/post/10656536414/">Nuvem de Tags (de outro modo MAIS SIMPLES)</a>
  830. <a href="http://bombasticdesign.tumblr.com/post/27864875390">Como fazer photosets</a>
  831. <a href="http://bombasticdesign.tumblr.com/post/17501767002/">Fundo da ask personalizado. </a>
  832. <a href="http://bombasticdesign.tumblr.com/post/8528091740/">Como colocar o bot&atilde;o "Follow" e "Dashboard" fixos no topo.</a>
  833. <a href="http://bombasticdesign.tumblr.com/post/11023338129">Meu botão de follow/dasboard sumiu, o que eu faço?</a>
  834. <a href="http://bombasticdesign.tumblr.com/post/19295697341">Como mudar sua URL.</a>
  835. <a href="http://bombasticdesign.tumblr.com/post/22519067948">Como ativar a ask do seu tumblr.</a>
  836. <a href="http://bombasticdesign.tumblr.com/post/31290894016">Como impedir que vejam seus likes.</a>
  837. <a href="http://bombasticdesign.tumblr.com/post/32883308772">Como colocar quem você segue no theme.</a>
  838. <a href="http://bombasticdesign.tumblr.com/post/32949186439">Como funcionam as queues - posts “programados” para serem postados sozinhos.</a>
  839. <a href="http://bombasticdesign.tumblr.com/post/36307216716">Como recuperar um theme que você estava usando.</a>
  840. <a href="http://bombasticdesign.tumblr.com/post/36376340084">Como fazer perguntas em posts do tumblr.</a>
  841. <a href="http://bombasticdesign.tumblr.com/post/36539429313">Instalando e configurando Missing-e.</a>
  842. <a href="http://bombasticdesign.tumblr.com/post/38733764249">Mudando o tamanho da imagem de quem perguntou (ask).</a>
  843. <a href="http://bombasticdesign.tumblr.com/post/39883423779">Mudando o "título" da askbox.</a>
  844. <a href="http://bombasticdesign.tumblr.com/post/45843151396">Paginação com símbolos ou setas.</a>
  845. <a href="http://bombasticdesign.tumblr.com/post/45843077933">Paginação Simples.</a>
  846. <a href="http://bombasticdesign.tumblr.com/post/45761218400">Base simples.</a></div></div>
  847. <div class="caixap">
  848. <div class="h1"><center>Proteções anti plágio/cópia</center></div>
  849. <div class="menuzims2">
  850. <a href="http://bombasticdesign.tumblr.com/post/17047921402">Código que impede que arrastem imagem pra aba (ajuda a proteger de cópias).</a>
  851. <a href="http://bombasticdesign.tumblr.com/post/8446399558/">Como bloquear&nbsp;o bot&atilde;o direito do mouse</a>
  852. <a href="http://bombasticdesign.tumblr.com/post/8426239154/">Como bloquear a sele&ccedil;&atilde;o do mouse.</a>
  853. <a href="http://bombasticdesign.tumblr.com/post/16672143616">Aviso anti cópia após teclar algo.</a>
  854. <a href="http://bombasticdesign.tumblr.com/post/31290470090">Como bloquear o teclado em seu theme.</a></div></div>
  855. <div class="caixap">
  856. <div class="h1"><center>Contadores em geral</center></div>
  857. <div class="menuzims2">
  858. <a href="http://bombasticdesign.tumblr.com/post/8959326461/">Como colocar contador de visitas 1.</a>
  859. <a href="http://bombasticdesign.tumblr.com/post/9257657024/">Como colocar contador de visitas 2</a>
  860. <a href="http://bombasticdesign.tumblr.com/post/34029497924">Como colocar contador de visitas 3º modo (NOVO!).</a>
  861. <a href="http://bombasticdesign.tumblr.com/post/34030877959">Vendo (e colocando) as estatísticas de seu tumblr - contador de seguidores.</a></div></div>
  862. <div class="caixap">
  863. <div class="h1"><center>Links Úteis e outros utilitários</center></div>
  864. <div class="menuzims2">
  865. <a href="http://bombasticdesign.tumblr.com/post/16868663600">Site que gera utilitários de CSS</a>
  866. <a href="http://bombasticdesign.tumblr.com/post/15137684766">Como descobrir quem te deu unfollow (Está funcionando)</a>
  867. <a href="http://bombasticdesign.tumblr.com/post/12165762346/">Bases para Themes.</a>
  868. <a href="http://bombasticdesign.tumblr.com/post/8785158307/">Themes para Dashboard do Tumblr.</a>
  869. <a href="http://bombasticdesign.tumblr.com/post/36360654169">Como bloquear posts na sua dash (Lista Negra Tumblr).</a></div></div>
  870.  
  871. <div class="caixap">
  872. <div class="h1"><center>Edições de Links</center></div>
  873. <div class="menuzims2">
  874. <a href="http://bombasticdesign.tumblr.com/post/9257949714">Como mudar a cor dos links na Theme.</a>
  875. <a href="http://bombasticdesign.tumblr.com/post/15570820815">Como fazer o link ficar colorido ao passar o mouse.</a>
  876. <a href="http://bombasticdesign.tumblr.com/post/17489786460">Como colocar link em frase ou imagem.</a>
  877. <a href="http://bombasticdesign.tumblr.com/post/27217194333">Link que abre em outra aba.</a>
  878. <a href="http://bombasticdesign.tumblr.com/post/35994599545">Como colocar seus textos no theme/página com sua autoria.</a></div></div>
  879.  
  880. <div class="caixap">
  881. <div class="h1"><center>Outros</center></div>
  882. <div class="menuzims2">
  883. <a href="http://bombasticdesign.tumblr.com/post/34376297238">Colocando parceria</a>
  884. <a href="http://bombasticdesign.tumblr.com/post/34487878347">Colocando parcerias (que “aparecem” - 2º modo).</a>
  885. <a href="http://bombasticdesign.tumblr.com/post/24080546855">Colocando o background(fundo)para não repetir</a>
  886. <a href="http://bombasticdesign.tumblr.com/post/8451680918/">Janela de energia.</a>
  887. <a href="http://bombasticdesign.tumblr.com/post/9179639461/">Colocando sele&ccedil;&atilde;o colorida.</a>
  888. <a href="http://bombasticdesign.tumblr.com/post/10132981611/">Código para frase passando na sidebar.</a>
  889. <a href="http://bombasticdesign.tumblr.com/post/10459277942/">Como fazer um portfólio</a>
  890. <a href="http://bombasticdesign.tumblr.com/post/13075270804/"> Código da seta "Voltar ao topo".</a>
  891. <a href="http://bombasticdesign.tumblr.com/post/16709252089">Botão voltar para o topo da página (2º modo)</a>
  892. <a href="http://bombasticdesign.tumblr.com/post/14312876135/"> Redirecionamento de Página</a>
  893. <a href="http://bombasticdesign.tumblr.com/post/14313102264/"> Colocando neve caindo</a>
  894. <a href="http://bombasticdesign.tumblr.com/post/14410272675"> Como fazer caixinha de texto com barra de rolagem</a>
  895. <a href="http://bombasticdesign.tumblr.com/post/15129166629/">Como fazer Borda Crazy</a>
  896. <a href="http://bombasticdesign.tumblr.com/post/15423769852">Como colocar slideshow no theme.</a>
  897. <a href="http://bombasticdesign.tumblr.com/post/31927754820">Como colocar slideshow no theme (2º modo - Fade-in Slideshow).</a>
  898. <a href="http://bombasticdesign.tumblr.com/post/15478841667/">Como fazer o titulo do tumblr ficar “passando” na guia do navegador.</a>
  899. <a href="http://bombasticdesign.tumblr.com/post/15725175100">Como fazer Lista de Desejos (Wishlist).</a>
  900. <a href="http://bombasticdesign.tumblr.com/post/17715299877">Colocando borda na ask.</a>
  901. <a href="http://bombasticdesign.tumblr.com/post/20674815720">Como colocar tags em ask (Pelo missing e). </a>
  902. <a href="http://bombasticdesign.tumblr.com/post/21721286577">Como fazer uma FAQ. </a>
  903. <a href="http://bombasticdesign.tumblr.com/post/24687655296">Colocar 2 colunas (wishlist, etc.). </a>
  904. <a href="http://bombasticdesign.tumblr.com/post/25112287635">BG que não repete ao descer a página. </a>
  905. <a href="http://bombasticdesign.tumblr.com/post/30116164184">Como colocar caixinha que fica ao lado dos posts. </a>
  906. <a href="http://bombasticdesign.tumblr.com/post/30119191939">Como colocar botão (follow) do Twitter em seu Tumblr.</a>
  907. <a href="http://bombasticdesign.tumblr.com/post/30415421511">Arrumando a acentuação em seu theme.</a>
  908. <a href="http://bombasticdesign.tumblr.com/post/30616160390">Fazer vídeo (gravar) a sua tela.</a>
  909. <a href="http://bombasticdesign.tumblr.com/post/31945100108">Como colocar slideshow num banner.</a>
  910. <a href="http://bombasticdesign.tumblr.com/post/32077336180">Como fazer o posicionamento de theme de 2 ou 3 colunas.</a>
  911. <a href="http://bombasticdesign.tumblr.com/post/32944377802">Como fazer theme em grade.</a>
  912. <a href="http://bombasticdesign.tumblr.com/post/32355480156">Como mudar a foto que fica na aba/guia do navegador.</a>
  913. <a href="http://bombasticdesign.tumblr.com/post/32947874939">Como colocar seus tweets no tumblr.</a>
  914. <a href="http://bombasticdesign.tumblr.com/post/35437681179">Como colocar caixinha do ask.fm no tumblr.</a>
  915. <a href="http://bombasticdesign.tumblr.com/post/35858983203">Como baixar séries/filmes pelo torrent (com legenda separada).</a>
  916. <a href="http://bombasticdesign.tumblr.com/post/36232157300">Como deixar as caixas de posts do seu tumblr opacas.</a>
  917. <a href="http://bombasticdesign.tumblr.com/post/36360846959">Colocando asks respondidas abaixo da sua askbox.</a>
  918. <a href="http://bombasticdesign.tumblr.com/post/36452845674">Código lâmpada - acende o tumblr.</a>
  919. <a href="http://bombasticdesign.tumblr.com/post/36453018001">Código estilo iPhone para acessar o tumblr.</a>
  920. <a href="http://bombasticdesign.tumblr.com/post/36536948881">Como colocar opção “Curtir” do Facebook em seu Tumblr.</a>
  921. <a href="http://bombasticdesign.tumblr.com/post/36595596006">Caixa rápida de reblog (missing-e).</a>
  922. <a href="http://bombasticdesign.tumblr.com/post/37482028902">Como colocar mensagem de despedida pra alguém que visitou seu tumblr.</a>
  923. <a href="http://bombasticdesign.tumblr.com/post/37482878480">Como salvar o icon/avatar de alguém pela dashboard (missing-e).</a>
  924. <a href="http://bombasticdesign.tumblr.com/post/40377649058">Como colocar reblog hover.</a>
  925. <a href="http://bombasticdesign.tumblr.com/post/42057026851">Como colocar o Widget do We Heart It no seu blog/tumblr.</a>
  926. <a href="http://bombasticdesign.tumblr.com/post/43028826718">Como colocar gif ou outra imagem da resposta da ask.</a>
  927. <a href="http://bombasticdesign.tumblr.com/post/43030621207">Colocando moderação hover (que rola pra cima).</a>
  928. <a href="http://bombasticdesign.tumblr.com/post/43249728598">Botão +Follow e Dashboard brancos.</a>
  929. <a href="http://bombasticdesign.tumblr.com/post/43840550445">Colocando Google Tradutor em seu Tumblr.</a>
  930. <a href="http://bombasticdesign.tumblr.com/post/43843802796">Colocando FAQ (texto) e askbox juntos.</a>
  931. <a href="http://bombasticdesign.tumblr.com/post/46123737238">Peixinhos nadando no theme.</a>
  932. <a href="http://bombasticdesign.tumblr.com/post/51237942744">Como bloquear propagandas indesejadas.</a>
  933.  
  934. <a href="http://bombasticdesign.tumblr.com/post/53381071455">Baixar vídeos do youtube (sem programa).</a>
  935.  
  936. <a href="http://bombasticdesign.tumblr.com/post/54214719979">COMO LER LIVROS NO CELULAR (ANDROID).</a>
  937.  
  938.  
  939. </div></div></div>
  940.  
  941.  
  942. <div id="about" style="display:none;">
  943. <div class="caixap">
  944.  
  945. <div class="h1"><center>About (Chi)</center></div><font color=#696969>
  946. <img style="float: left; margin-right: 5px;background:rgba(64, 57, 58, 1); padding: 3px;width:150px; height:230px" src="http://data.whicdn.com/images/52073826/tumblr_mh05j4cxhn1qfdal3o1_500_large.png"><letra>J</letra>á vivi 16 anos, já vi pétolas de flores que flutuam na água perseguindo a lua distante, mais distante que os sonhos que eu vejo. Nessa viagem da vida cheia de coisas desagradáveis, eu não quero perder por ser fraca. Sou uma pequena garota sonhadora, educada, ingenua, comum, boba, um tanto alegre, terrivelmente atrapalhada, calma em meus limites, amorosa e amigavel que tenta até ser gentil. Vivo me deslocando de mim mesma, nunca sei minhas ações, vivo por impulso. A minha base de tudo sempre foi, antes de tudo, o amor por um conceito, por uma ideia: ter coragem, ter força, vencer os preconceitos dos outros e ser minha própria pessoa até o fim. Sou a garotinha que aprendeu que amores eternos podem acabar em uma noite, que grandes amigos podem se tornar ferrenhos inimigos, que o amor sozinho não tem a força que imaginei, que ouvir os outros é o melhor remédio e o pior veneno, que a gente nunca conhece uma pessoa de verdade, afinal, gastamos uma vida inteira para conhecer a nós mesmos, que confiança não é questão de luxo,e sim de sobrevivência, que os poucos amigos que te apoiam na queda são muito mais fortes do que aqueles que te empurram, que o nunca mais nunca se cumpre, que o para sempre, sempre acaba, que minha família com suas 1001 diferneças, está sempre aqui quando oque eu preciso, que ainda não inventaram nada melhor do que colo de mãe desde que o mundo é mundo, que vou sempre me surpreender, seja com os outros ou comigo mesma, que vou cair e levantar por milhões de vezes. A menina que cresceu e virou mulher, que deixou de acreditar em conto de fadas, que começou acreditar que só o amor vence as dificuldades e ultrapassa as barreiras mais difíceis da vida. Aquela que não gosta de amor impossível ou irreal, mas sim do amor que lhe fortalece e lhe dá ânimo para vencer a tristeza. A menina que erra bastante, as vezes acaba magoando pessoas que gosta muito e que não desiste dos seus ideais nem de seus sonhos...<br>
  947. <letra>E</letra>u amo a <b>Hyuna, Siwon & Donghae (=*.*=) </b>. Sou apaixonada por 4minute, Super Junior, kpop, moda, animes, Kristen, twilight, Harry Potter, açucar, tempero e tudo oque á de bom rs'. Guardo raiva dentro de mim. Tô tentando parar de me iludir com coisas banais. Eu não odeio as pessoas, mas confesso que me sinto melhor quando algumas delas não estão ao meu redor. Adoro ser normal, ser eu. Eu ODEIO: Queijo, acordar cedo, falsidade, mal humor, mentiras, internet lenta, distância, frieza, posers, pessoas que se acham, cara feia, respostas curtas, provas, falta de consideração, complexo de superioridade, preconceito, julgamento, segunda-feira e amar você. Eu AMO: Coca-cola, chocolate, acordar tarde, feriado prolongado, comer, matar saudade, declarações de amor, biquinhos, séries de tv, música, bom papo, pessoas engraçadas, sorrisos, companheirismo, cheiro de terra molhada, bom humor, sexta-feira, respeito, e você.
  948.  
  949. <div class="h1"><center>About (Pam)</center></div>
  950. <img style="float: right; margin-right: 5px;background:rgba(64, 57, 58, 1); padding: 3px;width:150px; height:230px" src="http://static.tumblr.com/e4yc5en/EG7mns5kn/untitled-6.png">
  951. <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”, “Sherlock Holmes” e “As crônicas de gelo e fogo” 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 :)
  952. <div class="h1"><center>About (Gi)</center></div>
  953. <img style="float: left; margin-right: 5px;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">
  954. <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".
  955. <br><br>
  956. <div class="h1"><center>About (Thais)</center></div>
  957. <img style="float: right; margin-right: 5px;background:rgba(64, 57, 58, 1); padding: 3px;width:150px; height:230px" src="https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-ash3/183130_556850787699539_941198857_n.jpg">
  958. Olá! Meu nome é Thais Nascimento, tenho <b>15 anos</b>. Futura fotográfa, moro no Rio de Janeiro e tenho um amor mega gigante pelo CRVG <u>Clube de Regatas Vasco da Gama</u>. Sou bem calma, porém muito palhaça, boba, irritante, exagerada e adoro conversar, porém sou super, hiper, mega timída. Minha paixão por HTML foi <i>amor a primeira vista</i> eu amo ver os temas <u>themes</u> arrumadinho e tem aqueles que diz quem somos e pode trazer a leveza da alma ou o <i>turbilhão</i> de pensamentos. Sou evangélica, <b>Deus</b> e minha família são os principais motivos da minha alegria.
  959.  
  960.  
  961. </div></div>
  962.  
  963. <div id="themes" style="display:none;">
  964. <div class="h1"><center>Themes</center></div>
  965. <div class="caixap">
  966. <div class="wishlist1">Não use os themes como base. Se quiser alguma acesse nossos tutoriais, lá temos sugestões.</div>
  967. <div class="wishlist1">Pode modificar, mas para uso pessoal.</div>
  968. <div class="wishlist1">Não repasse os códigos NUNCA (mesmo que seja sua adaptação).</div>
  969. <div class="wishlist1">Não retire nossos créditos.</div>
  970. <div class="wishlist1">Não reblogue os posts dos Themes. Apenas os autorizados podem ser reblogados.</div>
  971. <div class="wishlist1">Problemas de adaptação consulte os tutoriais ou passe na ask.</div>
  972. <div class="wishlist1">Em themes de appearence, caso queira mexer no HTML, mexa primeiro nele, depois no appearance.</div>
  973. <div class="wishlist1">Em themes alterados pelo HTML, troque "suatag" pela tag dos seus textos.</div>
  974. <div class="wishlist1">Em <u>alguns</u> themes alterados pelo HTML, troque "suaurl" pela sua url para arrumar a ask.</div>
  975. <div class="wishlist1"><a href="http://bombasticdesign.tumblr.com/post/16761045091"><font color=#696969>Clique aqui e veja como arrumar ask, aba textos e mudar imagem em nossos themes.</font></a></div>
  976. <div class="h1"><a href="/tagged/theme"><font color=#fff>Clique aqui para ver os themes</font></a></div></div>
  977. <div class="caixap">
  978. <div class="wishlist1">Fiquem cientes que todos os themes daqui são de nossa autorias, temos creditos de outros pessoas por
  979. isso não retire <b>Jamais</b> os creditos! Damos o melhor de nos pra vocês então tenho consiência que da trabalha fazer tudo isso pra vocês então nos poupem de plagia! e sempre que usarem algo de outra pessoa credite mais acredite da muito trabalho! Qualquer duvida pergunte pra gente, nos não mordemos. </div></div>
  980. <div class="caixap">
  981. <div class="h1">Como fazer um theme?</div>
  982. <div class="wishlist1">Mesmo após meu “mini tutorial” sobre o que saber inicialmente para criar um theme para Tumblr, alguns usuários ainda continuam com algumas dúvidas a respeito. Hoje então vou postar mais algumas dicas simples que, não explicam diretamente como criar um Tumblr (já que isto não é totalmente possível), mas algumas dicas que te ajudará a aprender da maneira correta como se começa o desenvolvimento de um theme para Tumblr, desde o começo, com coisas básicas, até o desenvolvimento de themes super bem feitos :D
  983.  
  984. 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.
  985.  
  986. 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.
  987.  
  988. Aqui no TumbleTricks também tem algumas dicas básicas de HTML.
  989.  
  990. 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”).
  991.  
  992. 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”.
  993.  
  994. 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”.
  995.  
  996. Caso se interesse pelo tutorial, clique neste link: CSS desde o início.
  997.  
  998. 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.
  999.  
  1000. 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:
  1001.  
  1002. Create custom themes
  1003. Crear tema personalizado
  1004. 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.
  1005.  
  1006. Depois de criar um theme, caso você queira disponibilizá-lo para outros usuários, veja este tutorial de como disponibilizar themes no Tumblr.
  1007.  
  1008. 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.
  1009.  
  1010. 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></div>
  1011. </div></div></div></body></html></font>
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!