API tools faq
paste
pamellabellegarde

Theme BD 2013 3

pamellabellegarde
Apr 18th, 2013
110
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 84.90 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. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  5. <link href='http://fonts.googleapis.com/css?family=Fascinate' rel='stylesheet' type='text/css'>
  6.  
  7.  
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Croissant+One|Text+Me+One|Iceland' rel='stylesheet' type='text/css'>
  10. <link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=Bubblegum+Sans' rel='stylesheet' type='text/css'>
  12.  
  13. <link rel="shortcut icon" href="http://static.tumblr.com/e4yc5en/jWjmlb02h/bgx.png">
  14. <title>Bombastic Design ♥</title>
  15. <link rel="alternate" type="application/rss+xml" href="http://things-to-help-you.tumblr.com/rss">
  16.  
  17. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/YGPlywnob/jquery.min.js"></script>
  18. <script type="text/javascript" src="http://static.tumblr.com/2jiprob/gwkmeddh1/like2.js"></script>
  19. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Donegal+One' rel='stylesheet' type='text/css'>
  23. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.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/tx5g7yp/zdnm9yjpf/slider.js"></script>
  26. <script type="text/javascript" language="javascript" src="http://static.tumblr.com/iusbjod/A4umcjqp5/jquery-1.8.2.min.js"></script>
  27. <script type="text/javascript" language="javascript" src="http://static.tumblr.com/iusbjod/1zmmcjqqd/jquery.caroufredsel-6.1.0-packed.js"></script>
  28. <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>
  29. <script type="text/javascript" language="javascript">
  30. $(function() {
  31. // Fuild layout, centering the items
  32. $('#foo5').carouFredSel({
  33. width: '100%',
  34. scroll: 1,
  35. pauseOnHover: 'resume',
  36. swipe: {
  37. onMouse: true,
  38. onTouch: true}
  39. });
  40. });
  41. </script>
  42. <script type="text/javascript" language="javascript">
  43. function PositionFooter() {
  44. var $footer = $("#footer"), footerHeight = $footer.height(),
  45. footerTop = ($(window).scrollTop() + $(window).height() - footerHeight) + "px";
  46.  
  47. if (($(document.body).height() + footerHeight) < $(window).height()) {
  48. $footer.css({ position: "absolute", top: footerTop }); }
  49. else { $footer.css({ position: "static" }); }
  50.  
  51. $footer.fadeTo(1000, 1);
  52. }
  53.  
  54. function GerenciarFooter() {
  55. $(window).resize(PositionFooter)
  56. PositionFooter();
  57. }
  58.  
  59. $(document).ready(function () {
  60. GerenciarFooter();
  61.  
  62. //Garante que a função será executada após um postback AJAX
  63. prm = Sys.WebForms.PageRequestManager.getInstance();
  64. prm.add_endRequest(PositionFooter);
  65. });
  66. </script>
  67. <script type="text/javascript" src="http://static.tumblr.com/ifqwhnb/GBsm20q7d/jquery.nivo.slider.pack.js"></script>
  68. <script type="text/javascript">
  69.  
  70. var $nv4wp = jQuery.noConflict();
  71.  
  72. $nv4wp(window).load(function() {
  73.  
  74. $nv4wp('#slider').nivoSlider({
  75.  
  76. effect:'random',
  77.  
  78. slices:15, // For slice animations
  79.  
  80. boxCols: 4, // For box animations
  81.  
  82. boxRows: 2, // For box animations
  83.  
  84. animSpeed:500, // Slide transition speed
  85.  
  86. pauseTime:3000, // How long each slide will show
  87.  
  88. startSlide:0, // Set starting Slide (0 index)
  89.  
  90. directionNav:true, //Next & Prev
  91.  
  92. directionNavHide:true, //Only show on hover
  93.  
  94. controlNav:true, // 1,2,3... navigation
  95.  
  96. controlNavThumbs:false, // Use thumbnails for Control Nav
  97.  
  98. controlNavThumbsFromRel:false, // Use image rel for thumbs
  99.  
  100. controlNavThumbsSearch: '.jpg', // Replace this with...
  101.  
  102. controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
  103.  
  104. keyboardNav:true, //Use left & right arrows
  105.  
  106. pauseOnHover:true, //Stop animation while hovering
  107.  
  108. manualAdvance:false, //Force manual transitions
  109.  
  110. captionOpacity:0.8, //Universal caption opacity
  111.  
  112. prevText: 'Prev', // Prev directionNav text
  113.  
  114. nextText: 'Next', // Next directionNav text
  115.  
  116. beforeChange: function(){}, // Triggers before a slide transition
  117.  
  118. afterChange: function(){}, // Triggers after a slide transition
  119.  
  120. slideshowEnd: function(){}, // Triggers after all slides have been shown
  121.  
  122. lastSlide: function(){}, // Triggers when last slide is shown
  123.  
  124. afterLoad: function(){} // Triggers when slider has loaded
  125.  
  126. });
  127.  
  128. });
  129.  
  130. </script>
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138. </head>
  139.  
  140. <style type="text/css" media="screen">
  141.  
  142. /* corpo */
  143. body {background: #fff URL('http://25.media.tumblr.com/7659013aa045cf8b63bd287add6f0650/tumblr_mi423hjVy91s508jxo8_100.png') fixed; color: #828282; font-family: tahoma; font-size: 11px; margin: 0;padding: 0;text-align: justify; overflow-y: scroll; overflow-x: hidden;}
  144.  
  145. /* botão +follow */
  146. iframe#tumblr_controls {!important; position:fixed !important; opacity: 0.4;}
  147.  
  148. /* personalização de links e formatação */
  149. a {color: #619089; text-decoration: none; }
  150. a:hover {color: #619089; }
  151. b, strong, bold {color:rgba(65, 53, 53, 1);}
  152. u,underline {color: #; border-bottom: 3px solid #6c6467; text-decoration:none; }
  153. i, em{color:rgba(44, 105, 50, 1); font-family: georgia; }
  154. m {color: #;}
  155. .clear {clear:both; }
  156. em {color:#;}
  157. c {text-transform:uppercase; font-family:"04b03", small fonts; font-size:8px; text-transform: uppercase; color: #828282; background: #b3cfcf; padding: 1px;}
  158. c b{color: #94b99e;}
  159. dat {color: #; border-bottom: 1px solid #; }
  160. p { padding-bottom: 8px;color: #828282; }
  161. table, td, tr {font-size: 11px; font-family : 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; color: #74786b;}
  162. .la {float: right;}
  163. li {color: #828282; }
  164. .hide_overflow{color: #828282; }
  165. .post_info{color: #828282; }
  166.  
  167. /* quote */
  168. blockquote {border-left: 5px solid rgba(44, 105, 50, 1); line-height: 25px; font-style: italic; font-family: Georgia; color: #000; margin-right: 4px; margin-left: 4px; background: rgba(44, 105, 50, 0.3); padding: 6px; margin-top: 4px; overflow: hidden; margin-bottom: 5px;}
  169. blockquote p {margin: auto;}
  170.  
  171. /* importante */
  172. ful { list-style: none; }
  173. ol { list-style-position: inside; }
  174. * { margin: 0; padding: 0; outline: none;}
  175.  
  176.  
  177. /* pagina */
  178. #content {width:900px; background: url('http://static.tumblr.com/cir8k0k/hxHml9jbh/page.png'); margin:auto;}
  179. #header {background: url('http://static.tumblr.com/cir8k0k/vXlmld60a/bombastic-chi.png'); background-repeat: repeat-x; width: 898px; height: 400px; margin-left: auto 0px;}
  180. #final {background: url('http://static.tumblr.com/cir8k0k/gLXmleyah/fim.png'); background-repeat:repeat; width: 1500px; height: 35px; clear: both; background-position: bottom center;margin-left:-230px}
  181. .bgx {background: url('http://static.tumblr.com/e4yc5en/jmSmlazgm/bgx.png'); background-position: top center;
  182. background-repeat: repeat-x; margin-top: -1px;}
  183.  
  184. /* Footer index */
  185. #footer {background: #867c7f repeat-x scroll right; font-size:12px; width:100%; clear:both; height: 30px; border-top: 5px solid #75696c; }
  186. .fcred{width: 880px; margin:0px auto;}
  187.  
  188.  
  189. /* postagem e sidebar */
  190. #main {width: 503px; background: #; margin-top: -10px; float: right; position: relative; margin-right: 62px; }
  191. #sidebar { width: 256px; float: left; margin-top: -190px; position: relative; margin-left: 60px; background: #;}
  192. #sidebar a {color: #5d5658; }
  193.  
  194.  
  195. /* sidebar box e conteudo diversos */
  196. .side {line-height: 18px; font-size: 11px; color: #fff; background: rgba(174,203,160,0.5); padding: 7px; margin-left: 4px; margin-right: 4px; margin-bottom: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}
  197.  
  198.  
  199. /* box de postagem */
  200. .caixa {line-height: 18px; margin-bottom: 14px; background: #fff; overflow: hidden; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border: 1px solid rgba(174, 203, 160, 1);}
  201. .caixa img {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  202. .caixap {line-height: 18px; margin-bottom: 14px; background: #fff; overflow: hidden; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border: 1px solid rgba(174, 203, 160, 1)}
  203. .caption{padding-left: 5px; padding-right: 5px; }
  204.  
  205.  
  206.  
  207. /* titulos */
  208.  
  209. .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 ;}
  210. .h1 a {color: #6fa69e}
  211. .h1 a:hover {color: #6fa69e;}
  212. .h2 a {color: #6fa69e; line-height: 18px; margin-bottom: 3px; background: #8ec0b8; 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 #abd2cc;}
  213.  
  214.  
  215.  
  216.  
  217. /* destaque da sidebar */
  218. .destaque {float: left; margin-left: 10px; margin-top: 5px; background: url('http://cdn1.iconfinder.com/data/icons/diagona/icon/10/019.png'); background-repeat: no-repeat!important; width: 15px; height: 15px;text-align: center;}
  219. .boxdestaque {text-align: center;margin-left: 1px; margin-right: 1px; overflow: hidden; display: inline-block; width: 108px; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(241, 239, 225, 1); padding: 2px; margin-top: 3px; margin-bottom: 3px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-box-shadow: 0px 0px 3px rgba(174, 203, 160, 1); -moz-box-shadow: 0px 0px 3px rgba(174, 203, 160, 1); box-shadow: 0px 0px 3px rgba(174, 203, 160, 1);}
  220. .boxdestaque .title {margin-left: 3px; letter-spacing: -1px; color:rgba(51, 102, 51, 1); font-size: 10px; font-weight:none;font-family: 'Scada', sans-serif; --webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; text-transform: uppercase;text-align: center;}
  221. .boxdestaque:hover .title{color: #000; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
  222.  
  223.  
  224. .menuzim {text-align: center;}
  225. .menuzim a {margin-left: 3px; margin-right: 2px; overflow: hidden; display: inline-block; width: 228px; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; 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: 1px solid rgba(174, 203, 160, 1)}
  226. .menuzim a:hover {color: #696969;}
  227. .menuzims2 {text-align: center;}
  228. .menuzims2 a {margin-left: 3px; margin-right: 2px; overflow: hidden; display: inline-block; width: 460px; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; 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: 1px solid rgba(174, 203, 160, 1)}
  229. .menuzims2 a:hover {color: #696969;}
  230.  
  231.  
  232. /*** Stilo da Ask por tthy ****/
  233. .pergunta {font-family : calibri; display: block; padding: 5px; text-align: justify; background: rgba(65, 53, 53, 1); color: #fff;; overflow: hidden; box-shadow: 0 6px 2px -2px rgba(160,160,160,0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 12px; line-height: 20px;}
  234. .fotoperfil {box-shadow: 0 6px 2px -2px rgba(160,160,160,0.1); -webkit-border-radius: 5px; border: 5px solid rgba(174,203,160,1); display: block; position: absolute; }
  235. .local { display: block; position: relative;}
  236. .perguntou {-webkit-border-radius: 5px; display: block; background:rgba(174,203,160,1); margin-left: 36px; height: 24px; padding: 5px; line-height: 24px; font-family : calibri; color: #fff; font-size: 10px; text-transform: uppercase;}
  237. .perguntou a {text-decoration: none; border-bottom: 1px solid #fff; margin-left: 1px; margin-right: 1px; color: #696969; letter-spacing: 0px;}
  238. .perguntou g {border-bottom: 1px solid #fff; margin-left: 1px; margin-right: 1px; color: #fff; text-shadow: 1px 1px 0px #fff; letter-spacing: 0px;}
  239. .oi {margin-top: -3px; border-top: 4px solid rgba(44, 105, 50, 0.6); font-family : calibri; display: block; padding: 5px; text-align: justify; background:rgba(44, 105, 50, 0.3); color: #FFFFFF; overflow: hidden; font-size: 12px; line-height: 20px; margin-left: 5px; margin-right: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
  240. .perme {float: right; margin-right: 10px;}
  241. .perme a {border: none; color: #FF0000; text-shadow: 0px 0px 1px #fff; text-decoration: none; font-size: 13px;}
  242.  
  243.  
  244.  
  245. /* like direto */
  246. .likep a:hover {}
  247. .likep a {display: none; position: absolute; margin-left: 510px; margin-top: 1px; margin-bottom: 10px; background: url('http://static.tumblr.com/tx5g7yp/ZRWmecrtx/perma.png'); background-repeat: no-repeat!important; width: 38px; height: 33px; }
  248. .likep img {width: 38px; height: 33px;webkit-transition: all 0.2s linear;
  249. -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
  250. #likeiframe {display: none;}
  251. .pss {display: block; position: absolute; margin-top: 1px; position: absolute; margin-left: 522px;}
  252.  
  253. /* parceiros */
  254. .wrapper {width: 300px; background: #; margin-left: -12px; margin-top: -12px; text-align: center;}
  255. .wrapper .descri m {color: #685a74;}
  256. .list_carousel {width: 270px;}
  257. .list_carousel ul {margin: 0; list-style: none; display: inline-block; }
  258. .list_carousel li {margin-right: 15px; width: 96px; height: 41px; margin-top: 3px; display: inline-block;}
  259. .list_carousel.responsive { width: 270px; height: 41px;}
  260. .list_carousel.responsive img { display: inline-block; -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear; }
  261. .list_carousel.responsive img:hover {opacity: 1;-webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear;filter: none; -webkit-filter: grayscale(0%); }
  262.  
  263.  
  264.  
  265. /* pre */
  266. pre {text-align: justify; padding: 8px;line-height: 22px; background:rgba(174, 203, 160, 0.6) ; font-weight:none; color: #000; overflow-x: scroll; margin-left: 2px; margin-right: 2px; margin-bottom: 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid rgba(174, 203, 160, 1); }
  267.  
  268.  
  269. /* outros */
  270. .is img { margin-bottom: -3px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  271. .select {background: rgba(174, 203, 160, 1); padding: 4px; border: 1px solid rgba(44, 105, 50, 0.6); width: 220px; color: rgba(65, 53, 53, 1); font-size: 13px; font-weight:none; font-family: 'Iceland', cursive; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  272. input, textarea, select, button {background: #000; padding: 4px; border: 1px solid #000; width: 257px; color:rgba(65, 53, 53, 1); font-size: 13px; font-weight:none; font-family: 'Iceland', cursive; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  273. option {color: rgba(65, 53, 53, 1); padding-left: 10px; font-size: 13px;}
  274.  
  275.  
  276.  
  277. /* notes perma */
  278. ol.notes {list-style: none; margin: 1px 1px 0 1px;}
  279. ol.notes li.note {margin-bottom: 2px; padding: 4px; padding-right: 5px; margin-left: 0px; background: #fff; font-size: 13px; font-weight:none; font-family: 'Iceland', cursive; margin-left: -1px; margin-right: -1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border: 1px solid rgba(174, 203, 160, 1)}
  280. ol.notes li.note a {color: #000;}
  281. ol.notes li.note img.avatar {display: none;}
  282. ol.notes li.note span.action {color: #bbb;}
  283. ol.notes li.note .answer_content {font-weight: normal;}
  284. ol.notes li.note blockquote {display: none;}
  285. ol.notes li.note blockquote a {text-decoration: none; color: #bbb;}
  286. #perma{margin: 1px 1px 0 1px;}
  287. #permalink{margin-bottom: 2px; padding: 4px 5px; display: block; background: #000; font-size: 13px; font-weight: none; font-family: 'Iceland', cursive; margin-left: -1px; margin-right: -1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  288. #permalink a {color: #000;}
  289. #permalink n {color:#000;}
  290. #permalink img{padding: 0 3px 0 0;}
  291.  
  292.  
  293.  
  294. /* extras */
  295. .regras {text-transform: uppercase;font-weight:none; font-family: 'Iceland', cursive;font-weight:none;font-family: 'Scada', sans-serif; margin-right: 0px;background: #fff; padding: 2px; margin-bottom: 4px; font-size: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(174, 203, 160, 1)}
  296. .cred {text-transform: uppercase;font-weight:none; font-family: 'Iceland', cursive;font-weight:none;font-family: 'Scada', sans-serif; margin-right: 0px;background:rgba(174, 203, 160, 0.5); padding: 2px; margin-bottom: 4px; font-size: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  297. .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: 2px; margin-bottom: 5px; font-size: 8px; display: inline-block; margin-top: -2px; margin-bottom: -2px; margin-left: -1px;}
  298. .cred a:hover {opacity: 0.9;}
  299. .ti { margin-left: 102px; margin-bottom: 10px; margin-top: -6px;}
  300. .fa a {display: block; text-transform: uppercase;font-weight:none; font-family: 'Ubuntu Mono', sans-serif; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;margin-right: 0px;background: #999; padding: 3px; margin-bottom: 4px; font-size: 11px; }
  301. .lj {text-transform: uppercase;font-weight:none; font-family: 'Iceland', cursive;font-weight:none;font-family: 'Scada', sans-serif; margin-right: 0px;background: #f2d8d5; padding: 2px; margin-bottom: 4px; font-size: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  302.  
  303. .pagea {text-transform: uppercase; display: block; font-weight:none;font-family: 'Ubuntu Mono', sans-serif; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;margin-right: 0px;background: #eee; padding: 3px; margin-bottom: 2px; font-size: 11px; }
  304. .pagea g {color: #839559; }
  305. .pagea a {color: #839559;}
  306.  
  307.  
  308. /* postagem e sidebar extra */
  309. .caixa li {margin-left: 70px; }
  310. .caixap li {margin-left: 40px;}
  311. .sidetop {margin-left: -31px; margin-bottom: 3px;}
  312.  
  313.  
  314. /* frase ganhador */
  315. .frase {padding-bottom: 5px; font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; font-size: 15px; font-style: italic; color: #fff;}
  316. .frase .ela {float: right; background:rgba(65, 53, 53, 1); padding: 2px; margin-top: 3px; margin-bottom: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 9px; text-shadow: 0px 0px 0px #fff; text-transform: uppercase;font-weight:none; font-family: 'Ubuntu Mono', sans-serif; font-style: normal;}
  317.  
  318.  
  319. /* parceiros descrição */
  320. .par {-webkit-border-radius: 6px; padding: 6px;-moz-border-radius: 6px; border-radius: 6px; letter-spacing: 0px; color:rgba(51,102,51,1); font-size: 9px; font-weight:none;font-family: 'Scada', sans-serif; --webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background: rgba(241,239,225,0.9); text-transform: uppercase;}
  321.  
  322.  
  323. /* sidebar img */
  324. .side img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right: 5px;}
  325.  
  326. /* iframe creditos e submit */
  327. .dv {background: rgba(241,239,225,0.9); padding: 2px; font-size: 9px; font-weight:none;font-family: 'Scada', sans-serif; --webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; text-transform: uppercase;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: rgba(51,102,51,1);}
  328.  
  329.  
  330. /* status moderas */
  331. .linksa {bottom: -40px; left: 50px; position: absolute; color: #fff; width: 60px;}
  332. .links2 { padding: 3px; background: rgba(174, 203, 160, 1); color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Scada', sans-serif; font-size: 9px; text-transform: uppercase; text-align: center; text-shadow: 0px 1px 1px #000; font-style: normal; }
  333.  
  334. .chi {width: 130px; height: 70px; position: absolute; margin-left: 350px; margin-top: 10px; padding: 9px; background: #; line-height: 13px;font-family: Georgia; font-style: italic; color: #fff; text-shadow: 0px 0px 1px #000;}
  335. .pam {width: 130px; height: 70px; position: absolute; margin-left: 510px; margin-top: 10px; padding: 9px; background: #; line-height: 13px; font-family: Georgia; font-style: italic; color: #fff; text-shadow: 0px 0px 1px #000;}
  336. .gi {width: 130px; height: 70px; position: absolute; margin-left: 670px; margin-top: 10px; padding: 9px; background: #; line-height: 13px; font-family: Georgia; font-style: italic; color: #fff; text-shadow: 0px 0px 1px #000;}
  337.  
  338. .twitter {position: absolute; margin-top: 6px; background: url('http://static.tumblr.com/wa79tuo/V4imfpcqj/twitter.png') no-repeat; width: 103px; height: 16px;}
  339. .twitter:hover {background-position: 0px -16px;}
  340.  
  341. .face {position: absolute; margin-top: 6px; margin-left: 110px; background: url('http://static.tumblr.com/wa79tuo/ukCmfpcz4/facebook.png') no-repeat; width: 103px; height: 16px;}
  342. .face:hover {background-position: 0px -16px;}
  343.  
  344. .simplemenu {cursor: pointer; font-weight:none;font-family: 'Fascinate', sans-serif; position: absolute; width: 800px; background: #; margin-top: 170px; height: 62px; font-size: 20px; letter-spacing: 1px; overflow: hidden; font-style: normal; margin-left: 50px; text-transform: uppercase;}
  345. .simplemenu a {
  346. color: rgba(65, 53, 53, 1);
  347. padding-left: 5px;
  348. padding-right: 6px;
  349. text-shadow: 0px -100px 1px #e37e98;
  350. padding-top: 58px;
  351. -webkit-transition: all 0.8s ease;
  352. -moz-transition: all 0.8s ease;
  353. -o-transition: all 0.8s ease;}
  354.  
  355. .simplemenu a:hover {
  356. color: transparent;
  357. padding-left: 5px;
  358. padding-right: 6px;
  359. text-shadow: 0px 0px 0px rgba(28, 83, 45, 1);
  360. -webkit-transition: all 0.8s ease;
  361. -moz-transition: all 0.8s ease;
  362. -o-transition: all 0.8s ease;}
  363.  
  364. /* The Nivo Slider styles */
  365. #slider {position:relative;top:217px;left:565px}
  366. #slider img {position:absolute; top:100px; left:0px; display:none;border-radius:30px;}
  367. #slider a {border:0; display:block;}
  368. .nivoSlider {position:relative; width: 268px;}
  369. .nivoSlider img {position:absolute; top:0px; left:0px;border-radius:30px;}
  370. /* If an image is wrapped in a link */
  371. .nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0;
  372. padding:0;margin:0; z-index:6; display:none;}
  373. /* The slices and boxes in the Slider */
  374. .nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
  375. .nivo-box {display:block;position:absolute;z-index:5;}
  376. /* Caption styles */
  377. .nivo-caption {position:absolute;left:0px; bottom:0px; background:#111; color:#ddd; width: 100%;font-family:georgia;
  378. z-index:50; border-right: 5px solid #;padding: 5px 0;}
  379. .nivo-caption p {padding:0 20px;margin:0;font-size:14px;}
  380. .nivo-caption a {display:inline !important;}
  381. .nivo-html-caption {display:none;}
  382. /* Direction nav styles (e.g. Next & Prev) */
  383. .nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;}
  384. .nivo-prevNav {left:0px;}
  385. .nivo-nextNav {right:0px;}
  386. /*============================*/
  387. /*=== Custom Slider Styles ===*/
  388. /*============================*/
  389. .slider {width:100%;}
  390. .slider img {position:absolute;top:0px;left:0px;display:none;}
  391. .slider a {border:0;display:block;}
  392. .nivo-controlNav {display:none;}
  393. .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;
  394. }
  395. a.nivo-nextNav {background-position:-30px 0;right:15px;}
  396. a.nivo-prevNav { left:15px;}
  397. .nivo-caption {font-family:"play", Arial, Helvetica, sans-serif;}
  398. .nivo-caption a {color:#efe9d1; text-decoration:underline;}
  399.  
  400. .box7 {position: absolute; margin-top: 217px; margin-left: 326px; width: 60px .z-index: 40000;}
  401.  
  402. .box71 {position: absolute; margin-top: 131px; margin-left: 393px; width: 60px .z-index: 40000;}
  403.  
  404. .box72 {position: absolute; margin-top: 44px; margin-left: 460px; width: 60px .z-index: 40000;}
  405. .mode1 {background:url('http://static.tumblr.com/cir8k0k/dVqmld5kk/chi.png'); width:60px; height: 146px; position:absolute; border:0px solid rgba(215, 87, 133, 1); -webkit-transition-duration: .90s;
  406. -webkit-transition: all 1s ease;
  407. -moz-transition: all 1s ease;
  408. -o-transition: all 1s ease;
  409. transition: all 1s ease;}
  410. .mode1:hover{background-position:-60px 0px;}
  411. .mode1 a {color:transparent;}
  412.  
  413. .mode2 {background:url('http://static.tumblr.com/cir8k0k/Mtgmld5qg/pam.png'); width:60px; height: 146px; position:absolute;-webkit-transition-duration: 1.90s; border:0px solid rgba(215, 87, 133, 1); margin-top: 86px;
  414. -webkit-transition: all 1s ease;
  415. -moz-transition: all 1s ease;
  416. -o-transition: all 1s ease;
  417. transition: all 1s ease;}
  418. .mode2:hover{background-position:-60px 0px;}
  419. .mode2 a {color:transparent;}
  420. .mode3 {
  421. -webkit-transition: all 1s ease;
  422. -moz-transition: all 1s ease;
  423. -o-transition: all 1s ease;
  424. transition: all 1s ease;
  425. background:url('http://static.tumblr.com/cir8k0k/hYDmld574/gi.png'); width:60px; height: 146px; position:absolute; margin-top: 173px; -webkit-transition-duration: .90s; border:0px solid rgba(215, 87, 133, 1);}
  426. .mode3:hover{background-position:-60px 0px;}
  427. .mode3 a {color:transparent;}
  428. ::selection {background:#F5F5F5; color:rgba(65, 53, 53, 1);}
  429. /* Search */
  430. .search {color: #fff;}
  431. .search input {font-family: 'play', sans-serif; width:200px; 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; }
  432. .wishlist1 {;display : block; font-size: 7pt; font-family: arial; line-height: 15px;color:#696969;padding-bottom : 3px solid #fff; text-indent : 5px; vertical-align : middle; background:#fff; padding-left : 10px;padding:5px; padding-left:11px;border: 1px solid rgba(174, 203, 160, 1);border-radius: 5px;margin:2px}
  433.  
  434. .mennur2 {
  435. background-color: rgba(174, 203, 160, 1);
  436. color: rgba(65, 53, 53, 1);height: 16px;line-height: 15px;
  437. font-family: tahoma;
  438. font-size: 11px;margin-top:-10px;margin-bottom:5px;
  439. text-align: center;
  440. padding-left: 2px;
  441. letter-spacing: 0px;
  442. border-radius: 2px;
  443.  
  444. } /* caixa do reblog */
  445.  
  446. .mennur2 a {
  447. color:rgba(65, 53, 53, 1);
  448. font-family: tahoma;
  449. font-size: 11px;}
  450.  
  451. /*** Paginação por things to help you ******/
  452. #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;}
  453. #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;}
  454. #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;}
  455. #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;}
  456.  
  457. </style>
  458.  
  459. <body>
  460. <div id="fb-root"></div>
  461. <script>(function(d, s, id) {
  462. var js, fjs = d.getElementsByTagName(s)[0];
  463. if (d.getElementById(id)) return;
  464. js = d.createElement(s); js.id = id;
  465. js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=412515408819946";
  466. fjs.parentNode.insertBefore(js, fjs);
  467. }(document, 'script', 'facebook-jssdk'));</script>
  468.  
  469. <div class="bgx">
  470. <div id="content">
  471. <div id="header">
  472. <div class="simplemenu">
  473. <div class="cor">
  474. <a href="/">Home</a>
  475.  
  476. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('04').innerHTML" title=":)">Correio</a>
  477.  
  478. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('05').innerHTML" title=":)">Extras</a>
  479.  
  480.  
  481. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('css').innerHTML" title=":)">Tutoriais</a>
  482.  
  483. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('themes').innerHTML" title=":)">Themes</a>
  484.  
  485. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title=":)">About</a>
  486.  
  487. <a href="/tagged/faq">Faq</a>
  488.  
  489. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('tumblr').innerHTML" title=":)">Pedidos</a>
  490.  
  491.  
  492. </div>
  493. </div>
  494.  
  495.  
  496.  
  497. <div class="chi">
  498. <div class="linksa"><div class="links2">Status Chi</div></div>
  499. Siwon ♥ Donghae ♥ Hyuna ♥ Kyuhyun ♥ Gayoon ♥ Nam Jihyun ♥ meus só meus *-* /faca
  500. </div>
  501.  
  502.  
  503.  
  504.  
  505.  
  506. <div class="pam">
  507. <div class="linksa"><div class="links2">Status Pam</div></div>
  508. Simplesmente a melhor de tds "I am Daenerys Stormborn of the House Targaryen, of the blood of old Valyria. Valyrian is my mother tongue" <i>Dracarys</i>!
  509. </div>
  510.  
  511.  
  512.  
  513.  
  514. <div class="gi">
  515. <div class="linksa"><div class="links2">Status Gi</div></div>
  516. Como faz para dar like nesse theme? Eu to apaixonada aqui. :ooo ♥
  517. </div>
  518.  
  519.  
  520. <div class="box7">
  521. <a href="http://botaodecerejeira.tumblr.com/" target="_blank" title="Chi"><div class="mode1"></div></a></div>
  522. <div class="box71">
  523. <a href="http://secret-dialogues.tumblr.com/" target="_blank" title="Pam"><div class="mode2"></div></a></div>
  524. <div class="box72">
  525. <a href="http://youletmeg0.tumblr.com/" target="_blank" title="Gi"><div class="mode3"></div></a></div>
  526.  
  527.  
  528. <div id="slide"><div id="slider">
  529.  
  530. <img src="http://static.tumblr.com/cir8k0k/slzmld2mp/tumblr_mlcqs9td6b1qhnk45o1_500.png" width="259" height="148" title="Bombastic renovando e inovando" /></a>
  531.  
  532. <img src="http://static.tumblr.com/cir8k0k/kbemld1w9/tumblr_meckr36n1d1qjr4zeo1_500.png" width="259" height="148" title="Bem-vindos ao Bombastic Design" /></a>
  533.  
  534. <img src="http://static.tumblr.com/cir8k0k/zAJmld2we/tumblr_ml1gh6b9gk1s8doqno1_500.png" width="259" height="148" title="Curti nossa pagina no facebook" /></a></div></div></div>
  535.  
  536.  
  537.  
  538.  
  539.  
  540. <div id="sidebar">
  541. <div class="sidetop"><img src="http://static.tumblr.com/e4yc5en/YWomlcxzy/15.png"></div>
  542. <div class="side">
  543. <img style="float: left; margin-right: 5px;background:rgba(64, 57, 58, 1); padding: 3px;" src="{PortraitURL-64}">Estamos aqui no Tumblr há <i>mais de um ano</i>. Nosso objetivo é simples: te ajudar cada dia mais. Então, tem alguma dúvida? Nos contate sem medo! Estamos aqui pra auxiliar, mesmo. Aceitamos pedidos de icons, tutoriais, materiais entre várias outras coisas. Está afim de conversar? De perguntar alguma coisa? Nossa ask está aí pra isso! Sinta-se a vontade. O Bombastic é <b>pra vocês</b>. Esperamos que gostem.<br><center><iframe src="http://www.facebook.com/plugins/like.php?href=
  544. http://www.facebook.com/designbombastic/&amp;layout=button_count&amp;
  545. show_faces=false&amp;width=98&amp;action=like&amp;
  546. colorscheme=light" scrolling="no" frameborder="0"
  547. allowTransparency="true" style="border:none;
  548. overflow:hidden; width:98px; height:20px"></iframe></center>
  549. </div>
  550.  
  551. <div class="sidetop"><img src="http://static.tumblr.com/e4yc5en/iujmlcy1p/15.png"></div>
  552. <div class="side">
  553. <script src="http://totallylayouts.com/tumblr/users-online-counter/online.js?id=4JaGL9oANc2vdwPyQYUI&style=text" values="font-family: arial; color: #fff; font-size:10px;"></script> Bombastic's Online</div>
  554. <div class="side"style="margin-top: -10px;">
  555. <script src="http://totallylayouts.com/tumblr/visitor-counter/counter.js?id=376944&style=text" values="font-family: arial; color: #fff; font-size:10px;"></script> Visitantes </div>
  556.  
  557. <div class="sidetop"><img src="http://static.tumblr.com/e4yc5en/uX5mlcy42/15.png"></div>
  558. <div class="side">
  559. <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
  560. <script>
  561. new TWTR.Widget({
  562. version: 3,
  563. type: 'profile',
  564. rpp: 3,
  565. interval: 30000,
  566. width: 'auto',
  567. height: 200,
  568. theme: {
  569. shell: {
  570. background: 'rgba(64, 57, 58, 1)',
  571. color: '#'
  572. },
  573. tweets: {
  574. background: '#',
  575. color: '#fff',
  576. links: 'rgba(174, 203, 160, 1)'
  577. }
  578. },
  579. features: {
  580. scrollbar: false,
  581. loop: false,
  582. live: false,
  583. behavior: 'all'
  584. }
  585. }).render().setUser('designbombastic').start();
  586. </script>
  587. <center><a href="https://twitter.com/designbombastic" class="twitter-follow-button" data-show-count="false">Follow @designbombastic</a>
  588. <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>
  589. </div>
  590.  
  591. <div class="sidetop"><img src="http://static.tumblr.com/e4yc5en/bwEmlcy6l/15.png"></div>
  592. <div class="side">
  593. <div class="frase">
  594. <a href="http://tell-me-your-wishes.tumblr.com/"><img style="float: left; -webkit-box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #9d645f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right: 5px;"src="http://25.media.tumblr.com/d426c147f7c7b111be702111af0c2ecb/tumblr_mlaqmtcKxP1rf5ik2o1_250.gif" border="3" width="64" height="64"></a>Tell me you wishes (tyw) Novo tumblr de html, css e photoshop e parceiro do Bombastic Design, vale a pena seguir e conferir, gratos por sua visita <font color=#FF0000>♥</font>
  595. <div class="ela"><a href="http://tell-me-your-wishes.tumblr.com/"><font color=#fff>chi ♥</a></font></div></div>
  596.  
  597. </div>
  598.  
  599.  
  600.  
  601.  
  602.  
  603.  
  604.  
  605.  
  606. <div class="sidetop"><img src="http://static.tumblr.com/e4yc5en/svcmlcy9n/15.png"></div>
  607. <center><div class="side">
  608. <div class="boxdestaque">
  609. <span class="title">Downloads<a class="destaque" href="/tagged/downloads"></a></span></div>
  610. <div class="boxdestaque">
  611. <span class="title">contador<a class="destaque" href="/post/34029497924"></a></span></div>
  612. <div class="boxdestaque">
  613. <span class="title">base para theme<a class="destaque" href="/post/12165762346"></a></span></div>
  614. <div class="boxdestaque">
  615. <span class="title">anti-plagias<a class="destaque" href="/post/8446399558"></a></span></div>
  616. <div class="boxdestaque">
  617. <span class="title">icons/avatares<a class="destaque" href="/tagged/avatares"></a></span></div>
  618. <div class="boxdestaque">
  619. <span class="title">video aulas<a class="destaque" href="/tagged/video%20aula"></a></span></div>
  620. <div class="boxdestaque">
  621. <span class="title">music player</span>
  622. <a class="destaque" href="/post/10411999492/"></a></div>
  623. <div class="boxdestaque">
  624. <span class="title">banners</span>
  625. <a class="destaque" href="/tagged/banners"></a>
  626. </div></div></center>
  627.  
  628.  
  629.  
  630.  
  631.  
  632. <div class="sidetop"><img src="http://static.tumblr.com/e4yc5en/vaFmlcydi/15.png"></div>
  633. <div class="side">
  634. <div class="par">
  635. Não encontrou oque desejava em nosso tumblr? Faça uma visitinha ao nossos <b>parceiros</b> pra ver se encontra!<br>
  636. <marquee direction="left" onmouseover="this.stop();" onmouseout="this.start();" scrolldelay="95" scrollamount="3" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" truespeed>
  637.  
  638. <a href="http://themes-for-all.tumblr.com/">
  639. <img src="http://static.tumblr.com/gdasrfz/yBGmlgokx/untitled-1.png">
  640. </a>
  641.  
  642. <a href="http://codigoxhtml.tumblr.com/">
  643. <img src="http://25.media.tumblr.com/56ae289833506b352794874cbdab769e/tumblr_mlgo9zw4P01r0ekm8o1_100.png">
  644. </a>
  645.  
  646. <a href="http://mundohtml.tumblr.com/">
  647. <img src="http://25.media.tumblr.com/9ebadb803f4454b6c672f5bd4f1bf366/tumblr_mlgo9zw4P01r0ekm8o2_100.png">
  648. </a>
  649.  
  650. <a href="http://previewhtml.tumblr.com/">
  651. <img src="http://25.media.tumblr.com/5d17d2872e00b6174d74e0b92b87bd6e/tumblr_mlgo9zw4P01r0ekm8o3_100.png">
  652. </a>
  653.  
  654. <a href="http://just-ourhtml.tumblr.com/">
  655. <img src="http://24.media.tumblr.com/47360f541497ff069470a98886fddc72/tumblr_mlgo9zw4P01r0ekm8o4_100.png">
  656. </a>
  657.  
  658. <a href="http://upalldesign.tumblr.com/">
  659. <img src="http://25.media.tumblr.com/c426cec86eed41620997f32000ad0f11/tumblr_mlgo9zw4P01r0ekm8o5_100.png">
  660. </a>
  661.  
  662. <a href="http://html-2-you.tumblr.com/">
  663. <img src="http://25.media.tumblr.com/98a645d9082fe8b4553e5ab36a0abad8/tumblr_mlgo9zw4P01r0ekm8o6_100.png">
  664. </a>
  665.  
  666. <a href="http://html-smiler.tumblr.com/">
  667. <img src="http://25.media.tumblr.com/f2bece6db6f385491753c57c06a89d7b/tumblr_mlgo9zw4P01r0ekm8o7_100.png">
  668. </a>
  669.  
  670. <a href="http://young-html.tumblr.com/">
  671. <img src="http://24.media.tumblr.com/8fa38241f97da13319847fce7f7e4fcb/tumblr_mlgo9zw4P01r0ekm8o8_100.png">
  672. </a>
  673.  
  674. <a href="http://dopest-resources.tumblr.com/">
  675. <img src="http://24.media.tumblr.com/420d359979e9081ecf17bc9411968f77/tumblr_mlgo9zw4P01r0ekm8o9_100.png">
  676. </a></marquee><br>
  677. <select onchange="location=this.options[this.selectedIndex].value;" class="select">
  678. <option value="#">Afiliados</option>
  679. <option value="http://mirrordesigns.tumblr.com/">mirror designs</option>
  680. <option value="http://fanaticsof-icons.tumblr.com">fanaticsof icons</option>
  681. <option value="http://iconslif3.tumblr.com/">iconslif3</option>
  682.  
  683.  
  684.  
  685.  
  686. </select>
  687. </div></div>
  688.  
  689.  
  690. <div class="sidetop"><img src="http://static.tumblr.com/e4yc5en/Cpcmlcygq/15.png"></div>
  691. <div class="side">
  692. <div class="boxdestaque">
  693. <span class="title">cortinas<a class="destaque" href="/tagged/cortininhas"></a></span></div>
  694. <div class="boxdestaque">
  695. <span class="title">peixinhos<a class="destaque" href="/post/46123737238"></a></span></div>
  696. <div class="boxdestaque">
  697. <span class="title">styles</span>
  698. <a class="destaque" href="/tagged/styles"></a></div>
  699. <div class="boxdestaque">
  700. <span class="title">paletas</span>
  701. <a class="destaque" href="/tagged/paletas"></a>
  702. </div></div>
  703.  
  704. <div class="sidetop"><img src="http://static.tumblr.com/e4yc5en/Z6lmlcys9/15.png"></div>
  705. <div class="side">
  706. <div class="boxdestaque">
  707. <span class="title">criando psd</span>
  708. <a class="destaque" href="/post/40469977308"></a>
  709. </div>
  710.  
  711. <div class="boxdestaque">
  712. <span class="title">colocando textura</span>
  713. <a class="destaque" href="/post/35997636696"></a>
  714. </div>
  715.  
  716. Nós recebemos muitas ask perguntando como fazer psd e como colocar textura, por isso vamos colocar em destaque aqui!</div>
  717.  
  718.  
  719. <div class="sidetop"><img src="http://static.tumblr.com/e4yc5en/l68mlgqj8/15.png"></div>
  720. <div class="side">
  721. <div class="frase">
  722. <a href="http://end-ofthe-dream.tumblr.com/"><img style="float: right; -webkit-box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #9d645f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right: 5px;"src="http://media.tumblr.com/fbdf06dbe1991a667ebd0b0dc6152272/tumblr_inline_mlgh6yqGtK1qz4rgp.png" border="3" width="64" height="64"></a>❝Eu posso ouvir você em um sussurro,
  723. Mas você nem consegue me ouvir gritando.
  724. (Evanescence). Vale a pena segui *-*
  725. <div class="ela"><a href="http://end-ofthe-dream.tumblr.com/"><font color=#fff>end-ofthe-dream</a></div></div>
  726.  
  727. </div>
  728.  
  729.  
  730.  
  731. <div class="sidetop"><img src="http://static.tumblr.com/e4yc5en/FEVmlcyu3/15.png"></div>
  732. <div class="side">
  733. 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. Este theme foi desenvolvido para uso do <b>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"> Confira os créditos</span><center><script id="_wauno8">var _wau = _wau || []; _wau.push(["small", "f7grqlvjeolg", "no8"]);
  734. (function() {var s=document.createElement("script"); s.async=true;
  735. s.src="http://widgets.amung.us/small.js";
  736. document.getElementsByTagName("head")[0].appendChild(s);
  737. })();</script>
  738. <br><div class="search">
  739. <form action="/search" method="get">
  740. <input type="text" name="q" value="" placeholder="Search">
  741. <button type="submit" style="display: none"></button>
  742. </form></div>
  743.  
  744. </font>
  745. </center>
  746. </div>
  747.  
  748.  
  749.  
  750.  
  751.  
  752.  
  753.  
  754. </div>
  755.  
  756. <div id="main"><font color=#fff>
  757. <!---------- POSTS --------------------------->
  758. {block:Posts}
  759. {block:Regular}<div class="post"><div class="box8">
  760. {block:Title}<div class="h1">{Title}<br></div>{/block:Title}
  761. <div class="entry"><div class="caixap">{Body}</div></div>
  762. <div class="divdate"></div>
  763.  
  764. <!---------------- DATA DOS POSTS ------------->
  765. <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>
  766. </div></div> </div>
  767. <div class="bottomcaixa"></div>
  768. {/block:Regular}
  769. <!---------- PHOTOS --------------------------->
  770. {block:Photo}
  771. <div class="post"><div class="box8">
  772. <div class="caixap"><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=480px/>{LinkCloseTag}</center>
  773. {block:Caption}
  774. <div class="caption">{Caption}</div></div>
  775. {/block:Caption}
  776. <div class="divdate"></div>
  777. <!---------------- DATA DOS POSTS ------------->
  778. <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>
  779.  
  780.  
  781. </div></div></div>
  782. {/block:Photo}
  783. <!---------------- ASK ------------->
  784.  
  785. {block:Answer}
  786. <div class="caixa">
  787. <div class="local">
  788. <img src="{AskerPortraitURL-24}" class="fotoperfil"></div>
  789. <div class="perguntou">O que você quer <g><a>{Asker}</a></g>? <span class="perme"><a href="{Permalink}">♥</a></span></div>
  790. <div class="pergunta">
  791. {Question}
  792. </div>
  793. <div class="oi"><font color=#fff>
  794. {Answer}
  795. </div></font>
  796.  
  797. </div>
  798. {/block:Answer}
  799.  
  800. <!---------- QUOTES --------------------------->
  801.  
  802.  
  803. {block:Quote}
  804. <div class="post"><div class="box8">
  805. <div class="h1">{Quote}</div>
  806. </span><br>
  807. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  808.  
  809. <div class="divdate"></div>
  810.  
  811. <!---------------- DATA DOS POSTS ------------->
  812.  
  813. <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>
  814.  
  815.  
  816. </div></div> </div>
  817. {/block:Quote}
  818.  
  819.  
  820.  
  821.  
  822.  
  823. <!---------- LINKS --------------------------->
  824.  
  825.  
  826. {block:Link}
  827. <div class="post"><div class="box8">
  828.  
  829.  
  830.  
  831. <a href="{URL}" class="link" {Target}><div class="h1">{Name}</div></a>
  832. {block:Description}
  833. <div class="description"><div class="caixap">{Description}</div></div>
  834. {/block:Description}
  835.  
  836.  
  837. <div class="divdate"></div>
  838.  
  839.  
  840.  
  841. <!---------------- DATA DOS POSTS ------------->
  842.  
  843. <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>
  844.  
  845.  
  846. </div></div> </div>
  847. {/block:Link}
  848.  
  849.  
  850.  
  851.  
  852. <!---------- CHAT --------------------------->
  853. {block:Chat}
  854. <div class="post"><div class="box8">
  855.  
  856.  
  857.  
  858.  
  859. <p>{block:Title}<div class="h1"><a href="{Permalink}">{Title}</a></div>
  860. {/block:Title}
  861.  
  862. <div class="chat">
  863. <div class="chat1">
  864. {block:Lines}
  865. <div class="chat2 {Alt}">
  866. {block:Label}
  867. <span>{Label}</span>
  868. {/block:Label}
  869. {Line}</div>
  870. {/block:Lines}
  871. </div>
  872. </div>
  873. <div class="divdate"></div>
  874.  
  875.  
  876.  
  877. <!---------------- DATA DOS POSTS ------------->
  878.  
  879. <br><div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> | {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} | <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> </div>
  880.  
  881.  
  882. </div></div> </div>
  883. {/block:Chat}
  884.  
  885.  
  886.  
  887.  
  888.  
  889.  
  890. <!---------- AUDIO --------------------------->
  891. {block:Audio}
  892. <div class="post"><div class="box8">
  893.  
  894.  
  895.  
  896. <p>{AudioPlayerWhite}
  897. {block:Caption}
  898. <div class="caption">{Caption}</div>
  899. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  900. {/block:Caption}
  901.  
  902.  
  903. <div class="divdate"></div>
  904.  
  905.  
  906.  
  907. <!---------------- DATA DOS POSTS ------------->
  908.  
  909. <br><div style="float: center"><div class="mennur2">postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> | {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} | <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> </div>
  910.  
  911.  
  912. </div></div> </div>
  913. {/block:Audio}
  914.  
  915.  
  916.  
  917.  
  918. <!---------- VIDEOS --------------------------->
  919.  
  920. {block:Video}
  921. <div class="post">
  922. <div class="box8">
  923.  
  924.  
  925.  
  926. <center>{Video-500}
  927. <br>
  928. {block:Caption}
  929. <div class="caption">{Caption}</div>
  930. {/block:Caption}</center>
  931.  
  932. <div class="divdate"></div>
  933.  
  934.  
  935.  
  936. <!---------------- DATA DOS POSTS ------------->
  937.  
  938. <br><div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> | {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} | <a href="{ReblogURL}" target="_blank" class="details"> Reblogue This! </a> </div>
  939.  
  940.  
  941. </div></div> </div>
  942. {/block:Video}
  943.  
  944.  
  945.  
  946.  
  947. <!---------------- NOTAS DOS POSTS ------------->
  948. {block:PostNotes}<div class="post"><div class="box8">
  949. <div class="notes-bottom">
  950. {PostNotes}
  951. </div></div></div>
  952. {/block:PostNotes}
  953.  
  954. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  955. {/block:Posts}
  956.  
  957.  
  958.  
  959. <center>
  960. {block:IndexPage}
  961. <div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  962. {block:JumpPagination length="9"}
  963. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  964. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  965. {/block:JumpPagination}
  966. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  967. </div></center>
  968. {/block:IndexPage}
  969.  
  970. </div>
  971.  
  972. <!– FIM DO CONTEUDO –>
  973.  
  974.  
  975.  
  976. <!-- Conteudo dos menus -->
  977.  
  978.  
  979.  
  980.  
  981.  
  982.  
  983.  
  984.  
  985. <div id="final">
  986. </div>
  987. </div>
  988.  
  989.  
  990.  
  991.  
  992. <div id="01" style="display:none;">
  993. <div class="ti"><img src="http://static.tumblr.com/cir8k0k/1vqmlen38/faixa.png">
  994. </div>
  995. <div class="caixap"><font color=#696969>
  996. <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>
  997. <div class="cred"><a href="http://ilovethemes.tumblr.com/">tthy & ilt♥</a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg"> Grande inspiração e tutoriais</div>
  998. <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>
  999. <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>
  1000.  
  1001. <div class="cred"><a href="http://things-to-help-you.com/">tthy</a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg"> muitos detalhes e tutoriais</div>
  1002. <div class="caixap">
  1003. 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>.
  1004. <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" />
  1005. </div></font>
  1006.  
  1007.  
  1008. </div></div>
  1009.  
  1010.  
  1011. <div id="05" style="display:none;">
  1012. <div class="h1">Materiais/ Extras</div>
  1013. <div class="caixap">
  1014. <div class="menuzims2">
  1015. <a href="http://bombasticdesign.tumblr.com/tagged/paletas">Paletas de Cores</a>
  1016. <a href="http://bombasticdesign.tumblr.com/tagged/video%20aula">Video Aulas</a>
  1017. <a href="http://bombasticdesign.tumblr.com/tagged/mini%20gifs">Mini Gifs</a>
  1018. <a href="http://bombasticdesign.tumblr.com/tagged/patterns">Patterns e Backgrounds</a>
  1019. <a href="http://bombasticdesign.tumblr.com/tagged/PNG's">PNG's</a>
  1020. <a href="http://bombasticdesign.tumblr.com/tagged/cortininhas">Cortininhas</a>
  1021. <a href="http://bombasticdesign.tumblr.com/tagged/avatares">Avatares/Icons</a>
  1022. <a href="http://bombasticdesign.tumblr.com/tagged/action_e_psd">Actions e PSD's</a>
  1023. <a href="http://bombasticdesign.tumblr.com/tagged/dicas_psd">PSD's reblogador</a>
  1024. <a href="http://bombasticdesign.tumblr.com/tagged/fontes">Fontes</a>
  1025. <a href="http://bombasticdesign.tumblr.com/tagged/downloads">Downloads</a>
  1026. <a href="http://bombasticdesign.tumblr.com/tagged/banners">Banners Prontos</a>
  1027. <a href="http://bombasticdesign.tumblr.com/tagged/fontes">Fontes</a>
  1028. <a href="http://bombasticdesign.tumblr.com/tagged/styles">Styles para Photoshop</a>
  1029. <a href="http://bombasticdesign.tumblr.com/tagged/skins_para_dash">Skins/Themes para dash.</a>
  1030. <a href="http://bombasticdesign.tumblr.com/post/32142177837">Galerias de fotos de famosos.</a>
  1031. <a href="http://bombasticdesign.tumblr.com/tagged/capas_para_facebook">Capas para seu Facebook.</a>
  1032. <a href="http://bombasticdesign.tumblr.com/tagged/bases_ps">Bases para Photoshop.</a></div></div></div>
  1033.  
  1034. <div id="04" style="display:none;">
  1035. <div class="h1"><center>Correio Eletronico</center></div>
  1036. <div class="caixap"><font color=#696969>
  1037. <div class="regras">Antes de perguntar <b>LEIA OS TUTORIAIS!</b></div>
  1038. <div class="regras">Nunca, jamais, em hipótese alguma retire <u><b>nossos créditos</b></u>.</div>
  1039. <div class="regras">Não vamos te ensinar como fazer um theme do zero. Use o Google, existem centenas de tutoriais.</div>
  1040. <div class="regras">Não use nossos themes como base, só para uso pessoal.</div>
  1041. <div class="regras">Pode modificar os themes, contanto que não retire os créditos nem disponibilize.</div>
  1042. <div class="regras">Aceitamos sugestões, pedidos de tutoriais, materiais e críticas <b>construtivas</b>.
  1043. </div>
  1044. <div class="regras">Não estamos a procura de moderadores.</div>
  1045. <div class="regras">Não aceitamos encomendas de header e banner com logo-tipos, ou seja, nomes!</div>
  1046. <div class="regras">Perguntas frequentes (FAQ) <a href="http://bombasticdesign.tumblr.com/tagged/FAQ" target="_blank"><b>aqui</b></a></div>
  1047. <div class="regras">Não aceitamos pedidos de anônimos.</div>
  1048. <div class="regras">Pedidos ABERTOS. Escolha a ficha para seu pedido <a href="http://freetexthost.com/vftyw2ewdv" target="_blank">aqui</a> e mande por submit.</div>
  1049. <div style="margin-top: 7px;"></div>
  1050. <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]-->
  1051. <br>
  1052. <div class="h1">Submit</div>
  1053. <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"/>
  1054. <!--[if IE]><script type="text/javascript">
  1055. document.getElementById('submit_form').allowTransparency=true;
  1056. </script><![endif]--></iframe>
  1057. </div></div></font>
  1058.  
  1059. <div id="css" style="display:none;">
  1060. <div class="h1"><center>Tutoriais</center></div>
  1061. <div class="caixap">
  1062. <div class="h1"><center>Menu</center></div>
  1063. <div class="menuzim">
  1064. <a href="http://bombasticdesign.tumblr.com/post/12342902164/"> Menu Slide Down.</a>
  1065. <a href="http://bombasticdesign.tumblr.com/post/14414663775/">Como fazer Menu Mapeado</a>
  1066. <a href="http://bombasticdesign.tumblr.com/post/14815125616/">Menu de coração</a>
  1067. <a href="http://bombasticdesign.tumblr.com/post/21721558182">Menu que rola para cima.</a>
  1068. <a href="http://bombasticdesign.tumblr.com/post/23941100254">Menu/Imagem Zoom. </a>
  1069. <a href="http://bombasticdesign.tumblr.com/post/34187578863">Menu de Sombra (shadow). </a>
  1070. <a href="http://bombasticdesign.tumblr.com/post/34186178428">Menu (tópicos) shadow 2. </a>
  1071. <a href="http://bombasticdesign.tumblr.com/post/35938731028">Menu de Imagem hover. </a>
  1072. <a href="http://bombasticdesign.tumblr.com/post/36093463579">Menu Explosion.</a>
  1073. <a href="http://bombasticdesign.tumblr.com/post/36825382954">Letras/Menu de sombras hover.</a>
  1074. <a href="http://bombasticdesign.tumblr.com/post/37206502403">Colocando um caractere no menu.</a>
  1075. <a href="http://bombasticdesign.tumblr.com/post/43839505930">Como fazer menu pop-up.</a></div>
  1076.  
  1077. <div class="caixap">
  1078. <div class="h1"><center>Imagens</center></div>
  1079. <div class="menuzims2">
  1080. <a href="http://bombasticdesign.tumblr.com/post/8784714270/">Como deixar imagem opaca.</a>
  1081. <a href="http://bombasticdesign.tumblr.com/post/35996889940"> Imagem que treme ao passar o mouse.</a>
  1082. <a href="http://bombasticdesign.tumblr.com/post/14314838057"> Fazer imagens passando na theme de um lado para outro (marquee personalizado)</a>
  1083. <a href="http://bombasticdesign.tumblr.com/post/14814517257/">Imagens Redondas no Theme</a>
  1084. <a href="http://bombasticdesign.tumblr.com/post/15627035740">Imagem que muda ao passar o mouse.</a>
  1085. <a href="http://bombasticdesign.tumblr.com/post/8447047810/">Como alterar o tamanho de uma foto (imagem).</a>
  1086. <a href="http://bombasticdesign.tumblr.com/post/9513819728/">Como colocar banner a cima dos posts.</a>
  1087. <a href="http://bombasticdesign.tumblr.com/imagem_no_theme">Como colocar imagem em seu theme e/ou alterar largura e altura (tamanho).</a>
  1088. <a href="http://bombasticdesign.tumblr.com/post/23941100254">Menu/Imagem Zoom. </a>
  1089. <a href="http://bombasticdesign.tumblr.com/post/27852546436">Borda estilo quadro. </a>
  1090. <a href="http://bombasticdesign.tumblr.com/post/27853842201">Borda de imagem (pattern) nas fotos. </a>
  1091. <a href="http://bombasticdesign.tumblr.com/post/29007339937">Como deixar as imagens do seu tumblr em branco e preto. </a>
  1092. <a href="http://bombasticdesign.tumblr.com/post/30118375762">Imagem que muda ao passar o mouse (2º modo). </a>
  1093. <a href="http://bombasticdesign.tumblr.com/post/30481897657">Efeito embaçado e branco e preto hover (Grayblur). </a>
  1094. <a href="http://bombasticdesign.tumblr.com/post/34842864011">Imagens aleatórias (mudam em cada página). </a>
  1095. <a href="http://bombasticdesign.tumblr.com/post/35993455505">Como colocar imagens sépia no theme (ou hover). </a>
  1096. <a href="http://bombasticdesign.tumblr.com/post/37124835013">Imagem preto e branco que normaliza ao passar o mouse (ou contrário). </a>
  1097. <a href="http://bombasticdesign.tumblr.com/post/42774233349">Ajustando o tamanho das imagens no theme. </a>
  1098. </div></div>
  1099. <div class="caixap">
  1100. <div class="h1"><center>Edição de Imagens - Photoshop e afins</center></div>
  1101. <div class="menuzims2">
  1102. <a href="http://bombasticdesign.tumblr.com/post/14412399692/">Como colocar efeitos em gifs pelo Photoshop/Image Ready com PSD’s</a>
  1103. <a href="http://bombasticdesign.tumblr.com/post/8603284080/">Como aplicar efeitos em gifs (photoshop).</a>
  1104. <a href="http://bombasticdesign.tumblr.com/post/35864151474">Borda Overlay - Photoshop.</a>
  1105. <a href="http://bombasticdesign.tumblr.com/post/35985293895">Efeito 3D em foto - Photoshop.</a>
  1106. <a href="http://bombasticdesign.tumblr.com/post/35986131813">Efeito Halftone (Photoshop).</a>
  1107. <a href="http://bombasticdesign.tumblr.com/post/35986561048">Redução de ruído - “Efeito Boneca” (Photoshop).</a>
  1108. <a href="http://bombasticdesign.tumblr.com/post/35990688634">Como aplicar bases em imagens (photoshop).</a>
  1109. <a href="http://bombasticdesign.tumblr.com/post/35997636696">Efeito Texture - Photoshop.</a>
  1110. <a href="http://bombasticdesign.tumblr.com/post/35991537732">Como colocar chapéu de papai noel em fotos.</a>
  1111. <a href="http://bombasticdesign.tumblr.com/post/37140611656">Como diminuir tamanho de gifs no PS.</a>
  1112. <a href="http://bombasticdesign.tumblr.com/post/39494633130">Como realçar uma cor em foto branco e preto (PS - vídeo aula). </a>
  1113. <a href="http://bombasticdesign.tumblr.com/post/39501110581">Colocando maquiagem com Photoshop.</a>
  1114. <a href="http://bombasticdesign.tumblr.com/post/40469977308">Como criar um PSD.</a>
  1115. <a href="http://bombasticdesign.tumblr.com/post/43097930211">Abrindo Gifs no Photoshop normalmente.</a>
  1116. <a href="http://bombasticdesign.tumblr.com/post/43841331181">Como baixar e instalar actions (Photoshop).</a>
  1117. <a href="http://bombasticdesign.tumblr.com/post/44489814249">Como mesclar fotos.</a>
  1118. <a href="http://bombasticdesign.tumblr.com/post/44569496205">Efeito gradiente de lado.</a>
  1119. <a href="http://bombasticdesign.tumblr.com/post/45452277740">"Shape" oval em imagem.</a>
  1120. <a href="http://bombasticdesign.tumblr.com/post/45701259912">Como colocar actions em gifs.</a>
  1121. <a href="http://bombasticdesign.tumblr.com/post/46620025029">Como pintar o cabelo no Photoshop.</a>
  1122. <a href="LINK DO TUTORIAL">EM BREVE</a></div></div>
  1123. <div class="caixap">
  1124. <div class="h1"><center>Estilo de ask</center></div>
  1125. <div class="menuzims2">
  1126. <a href="http://bombasticdesign.tumblr.com/post/46260569138">Estilo #1</a>
  1127. <a href="LINK DO TUTORIAL">EM BREVE</a>
  1128. </div></div>
  1129. <div class="caixap">
  1130. <div class="h1"><center>Música no theme (Player)</center></div>
  1131. <div class="menuzims2">
  1132. <a href="http://bombasticdesign.tumblr.com/post/9498798656/">Player do Youtube branco </a>
  1133. <a href="http://bombasticdesign.tumblr.com/post/8583925179/">Como colocar m&uacute;sica no Tumblr</a>
  1134. <a href="http://bombasticdesign.tumblr.com/post/10411999492/">Como colocar musica no Tumblr pelo SCM Music.</a>
  1135. <a href="http://bombasticdesign.tumblr.com/post/18663955591">Como personalizar o player do SCM Music.</a>
  1136. <a href="http://bombasticdesign.tumblr.com/post/30536539946">Adicionar musica a o playlist sem que se faça outro player do SCM Music.</a>
  1137. <a href="http://bombasticdesign.tumblr.com/post/34030454251">Novo Player - Personalizado.</a>
  1138. <a href="http://bombasticdesign.tumblr.com/post/36306701407">Colocar skin numa playlist já existente (SCM Music).</a>
  1139. <a href="http://bombasticdesign.tumblr.com/post/46798188240">Player Hypster</a></div></div>
  1140. <div class="caixap">
  1141. <div class="h1"><center>Cursores (Mouse)</center></div>
  1142. <div class="menuzims2">
  1143. <a href="http://bombasticdesign.tumblr.com/post/12610565730/"> Como colocar cursor personalizado no seu tumblr.</a>
  1144. <a href="http://bombasticdesign.tumblr.com/post/12342525707/"> Bolhas saindo do mouse (cursor).</a>
  1145. <a href="http://bombasticdesign.tumblr.com/post/12044173521"> Cursores em uma div, formatações etc.</a>
  1146. <a href="http://bombasticdesign.tumblr.com/post/8478980437/">MouseOver</a>
  1147. </div></div>
  1148. <div class="caixap">
  1149. <div class="h1"><center>Barra de Rolagem</center></div>
  1150. <div class="menuzims2">
  1151. <a href="http://bombasticdesign.tumblr.com/post/14410478460/"> Barra de Rolagem Personalizada (MAIS EFICAZ)</a>
  1152. <a href="http://bombasticdesign.tumblr.com/post/12341767405/"> Barra de Rolagem Infinita</a>
  1153. <a href="http://bombasticdesign.tumblr.com/post/9257308242">Colocando barra de rolagem personalizada.</a>
  1154. <a href="http://bombasticdesign.tumblr.com/post/27851174388">Rolagem que desce “lentamente” - com opacidade.</a>
  1155. <a href="http://bombasticdesign.tumblr.com/post/36454734533">Novo estilo de barra de rolagem.</a></div></div>
  1156. <div class="caixap">
  1157. <div class="h1"><center>Usando Cortininhas & Patterns</center></div>
  1158. <div class="menuzims2">
  1159. <a href="http://bombasticdesign.tumblr.com/post/9928452368/">Como colocar fonte personalizada nos titulos</a>
  1160. <a href="http://bombasticdesign.tumblr.com/post/8446928947/">Formata&ccedil;&otilde;es b&aacute;sicas de texto</a>
  1161. <a href="http://bombasticdesign.tumblr.com/post/15354891653">Personalizando o itálico, negrito, sublinhado e riscado no seu tumblr.</a>
  1162. <a href="http://bombasticdesign.tumblr.com/post/21286439470">Frase que muda ao passar o mouse.</a>
  1163. <a href="http://bombasticdesign.tumblr.com/post/21287176554">Font Face (Fonte Personalizada)</a>
  1164. <a href="http://bombasticdesign.tumblr.com/post/36825382954">Letras/Menu de sombras hover.</a>
  1165. <a href="http://bombasticdesign.tumblr.com/post/36826708201">Mudando a primeira letra de um texto.</a></div></div>
  1166. <div class="caixap">
  1167. <div class="h1"><center>Códigos e links úteis do próprio tumblr</center></div>
  1168. <div class="menuzims2">
  1169. <a href="http://bombasticdesign.tumblr.com/post/9498933459/">C&oacute;digo de "Reblog"</a>
  1170. <a href="http://bombasticdesign.tumblr.com/post/36084577311">Código de “Source” e “Via” ATUALIZADOS.</a>
  1171. <a href="http://bombasticdesign.tumblr.com/post/9053211175/">Colocando o bot&atilde;o "Follow" na sua theme.</a>
  1172. <a href="http://bombasticdesign.tumblr.com/post/15724661880/">Código de Submit.</a>
  1173. <a href="http://bombasticdesign.tumblr.com/post/8480091654/">C&oacute;digo da caixinha de ask</a>
  1174. <a href="http://bombasticdesign.tumblr.com/post/8541200022/">Como fazer nuvem de tags. </a>
  1175. <a href="http://bombasticdesign.tumblr.com/post/10656536414/">Nuvem de Tags (de outro modo MAIS SIMPLES)</a>
  1176. <a href="http://bombasticdesign.tumblr.com/post/27864875390">Como fazer photosets</a>
  1177. <a href="http://bombasticdesign.tumblr.com/post/17501767002/">Fundo da ask personalizado. </a>
  1178. <a href="http://bombasticdesign.tumblr.com/post/8528091740/">Como colocar o bot&atilde;o "Follow" e "Dashboard" fixos no topo.</a>
  1179. <a href="http://bombasticdesign.tumblr.com/post/11023338129">Meu botão de follow/dasboard sumiu, o que eu faço?</a>
  1180. <a href="http://bombasticdesign.tumblr.com/post/19295697341">Como mudar sua URL.</a>
  1181. <a href="http://bombasticdesign.tumblr.com/post/22519067948">Como ativar a ask do seu tumblr.</a>
  1182. <a href="http://bombasticdesign.tumblr.com/post/31290894016">Como impedir que vejam seus likes.</a>
  1183. <a href="http://bombasticdesign.tumblr.com/post/32883308772">Como colocar quem você segue no theme.</a>
  1184. <a href="http://bombasticdesign.tumblr.com/post/32949186439">Como funcionam as queues - posts “programados” para serem postados sozinhos.</a>
  1185. <a href="http://bombasticdesign.tumblr.com/post/36307216716">Como recuperar um theme que você estava usando.</a>
  1186. <a href="http://bombasticdesign.tumblr.com/post/36376340084">Como fazer perguntas em posts do tumblr.</a>
  1187. <a href="http://bombasticdesign.tumblr.com/post/36539429313">Instalando e configurando Missing-e.</a>
  1188. <a href="http://bombasticdesign.tumblr.com/post/38733764249">Mudando o tamanho da imagem de quem perguntou (ask).</a>
  1189. <a href="http://bombasticdesign.tumblr.com/post/39883423779">Mudando o "título" da askbox.</a>
  1190. <a href="http://bombasticdesign.tumblr.com/post/45843151396">Paginação com símbolos ou setas.</a>
  1191. <a href="http://bombasticdesign.tumblr.com/post/45843077933">Paginação Simples.</a>
  1192. <a href="http://bombasticdesign.tumblr.com/post/45761218400">Base simples.</a></div></div>
  1193. <div class="caixap">
  1194. <div class="h1"><center>Proteções anti plágio/cópia</center></div>
  1195. <div class="menuzims2">
  1196. <a href="http://bombasticdesign.tumblr.com/post/17047921402">Código que impede que arrastem imagem pra aba (ajuda a proteger de cópias).</a>
  1197. <a href="http://bombasticdesign.tumblr.com/post/8446399558/">Como bloquear&nbsp;o bot&atilde;o direito do mouse</a>
  1198. <a href="http://bombasticdesign.tumblr.com/post/8426239154/">Como bloquear a sele&ccedil;&atilde;o do mouse.</a>
  1199. <a href="http://bombasticdesign.tumblr.com/post/16672143616">Aviso anti cópia após teclar algo.</a>
  1200. <a href="http://bombasticdesign.tumblr.com/post/31290470090">Como bloquear o teclado em seu theme.</a></div></div>
  1201. <div class="caixap">
  1202. <div class="h1"><center>Contadores em geral</center></div>
  1203. <div class="menuzims2">
  1204. <a href="http://bombasticdesign.tumblr.com/post/8959326461/">Como colocar contador de visitas 1.</a>
  1205. <a href="http://bombasticdesign.tumblr.com/post/9257657024/">Como colocar contador de visitas 2</a>
  1206. <a href="http://bombasticdesign.tumblr.com/post/34029497924">Como colocar contador de visitas 3º modo (NOVO!).</a>
  1207. <a href="http://bombasticdesign.tumblr.com/post/34030877959">Vendo (e colocando) as estatísticas de seu tumblr - contador de seguidores.</a></div></div>
  1208. <div class="caixap">
  1209. <div class="h1"><center>Links Úteis e outros utilitários</center></div>
  1210. <div class="menuzims2">
  1211. <a href="http://bombasticdesign.tumblr.com/post/16868663600">Site que gera utilitários de CSS</a>
  1212. <a href="http://bombasticdesign.tumblr.com/post/15137684766">Como descobrir quem te deu unfollow (Está funcionando)</a>
  1213. <a href="http://bombasticdesign.tumblr.com/post/12165762346/">Bases para Themes.</a>
  1214. <a href="http://bombasticdesign.tumblr.com/post/8785158307/">Themes para Dashboard do Tumblr.</a>
  1215. <a href="http://bombasticdesign.tumblr.com/post/36360654169">Como bloquear posts na sua dash (Lista Negra Tumblr).</a></div></div>
  1216.  
  1217. <div class="caixap">
  1218. <div class="h1"><center>Edições de Links</center></div>
  1219. <div class="menuzims2">
  1220. <a href="http://bombasticdesign.tumblr.com/post/9257949714">Como mudar a cor dos links na Theme.</a>
  1221. <a href="http://bombasticdesign.tumblr.com/post/15570820815">Como fazer o link ficar colorido ao passar o mouse.</a>
  1222. <a href="http://bombasticdesign.tumblr.com/post/17489786460">Como colocar link em frase ou imagem.</a>
  1223. <a href="http://bombasticdesign.tumblr.com/post/27217194333">Link que abre em outra aba.</a>
  1224. <a href="http://bombasticdesign.tumblr.com/post/35994599545">Como colocar seus textos no theme/página com sua autoria.</a></div></div>
  1225.  
  1226. <div class="caixap">
  1227. <div class="h1"><center>Outros</center></div>
  1228. <div class="menuzims2">
  1229. <a href="http://bombasticdesign.tumblr.com/post/34376297238">Colocando parceria</a>
  1230. <a href="http://bombasticdesign.tumblr.com/post/34487878347">Colocando parcerias (que “aparecem” - 2º modo).</a>
  1231. <a href="http://bombasticdesign.tumblr.com/post/24080546855">Colocando o background(fundo)para não repetir</a>
  1232. <a href="http://bombasticdesign.tumblr.com/post/8451680918/">Janela de energia.</a>
  1233. <a href="http://bombasticdesign.tumblr.com/post/9179639461/">Colocando sele&ccedil;&atilde;o colorida.</a>
  1234. <a href="http://bombasticdesign.tumblr.com/post/10132981611/">Código para frase passando na sidebar.</a>
  1235. <a href="http://bombasticdesign.tumblr.com/post/10459277942/">Como fazer um portfólio</a>
  1236. <a href="http://bombasticdesign.tumblr.com/post/13075270804/"> Código da seta "Voltar ao topo".</a>
  1237. <a href="http://bombasticdesign.tumblr.com/post/16709252089">Botão voltar para o topo da página (2º modo)</a>
  1238. <a href="http://bombasticdesign.tumblr.com/post/14312876135/"> Redirecionamento de Página</a>
  1239. <a href="http://bombasticdesign.tumblr.com/post/14313102264/"> Colocando neve caindo</a>
  1240. <a href="http://bombasticdesign.tumblr.com/post/14410272675"> Como fazer caixinha de texto com barra de rolagem</a>
  1241. <a href="http://bombasticdesign.tumblr.com/post/15129166629/">Como fazer Borda Crazy</a>
  1242. <a href="http://bombasticdesign.tumblr.com/post/15423769852">Como colocar slideshow no theme.</a>
  1243. <a href="http://bombasticdesign.tumblr.com/post/31927754820">Como colocar slideshow no theme (2º modo - Fade-in Slideshow).</a>
  1244. <a href="http://bombasticdesign.tumblr.com/post/15478841667/">Como fazer o titulo do tumblr ficar “passando” na guia do navegador.</a>
  1245. <a href="http://bombasticdesign.tumblr.com/post/15725175100">Como fazer Lista de Desejos (Wishlist).</a>
  1246. <a href="http://bombasticdesign.tumblr.com/post/17715299877">Colocando borda na ask.</a>
  1247. <a href="http://bombasticdesign.tumblr.com/post/20674815720">Como colocar tags em ask (Pelo missing e). </a>
  1248. <a href="http://bombasticdesign.tumblr.com/post/21721286577">Como fazer uma FAQ. </a>
  1249. <a href="http://bombasticdesign.tumblr.com/post/24687655296">Colocar 2 colunas (wishlist, etc.). </a>
  1250. <a href="http://bombasticdesign.tumblr.com/post/25112287635">BG que não repete ao descer a página. </a>
  1251. <a href="http://bombasticdesign.tumblr.com/post/30116164184">Como colocar caixinha que fica ao lado dos posts. </a>
  1252. <a href="http://bombasticdesign.tumblr.com/post/30119191939">Como colocar botão (follow) do Twitter em seu Tumblr.</a>
  1253. <a href="http://bombasticdesign.tumblr.com/post/30415421511">Arrumando a acentuação em seu theme.</a>
  1254. <a href="http://bombasticdesign.tumblr.com/post/30616160390">Fazer vídeo (gravar) a sua tela.</a>
  1255. <a href="http://bombasticdesign.tumblr.com/post/31945100108">Como colocar slideshow num banner.</a>
  1256. <a href="http://bombasticdesign.tumblr.com/post/32077336180">Como fazer o posicionamento de theme de 2 ou 3 colunas.</a>
  1257. <a href="http://bombasticdesign.tumblr.com/post/32944377802">Como fazer theme em grade.</a>
  1258. <a href="http://bombasticdesign.tumblr.com/post/32355480156">Como mudar a foto que fica na aba/guia do navegador.</a>
  1259. <a href="http://bombasticdesign.tumblr.com/post/32947874939">Como colocar seus tweets no tumblr.</a>
  1260. <a href="http://bombasticdesign.tumblr.com/post/35437681179">Como colocar caixinha do ask.fm no tumblr.</a>
  1261. <a href="http://bombasticdesign.tumblr.com/post/35858983203">Como baixar séries/filmes pelo torrent (com legenda separada).</a>
  1262. <a href="http://bombasticdesign.tumblr.com/post/36232157300">Como deixar as caixas de posts do seu tumblr opacas.</a>
  1263. <a href="http://bombasticdesign.tumblr.com/post/36360846959">Colocando asks respondidas abaixo da sua askbox.</a>
  1264. <a href="http://bombasticdesign.tumblr.com/post/36452845674">Código lâmpada - acende o tumblr.</a>
  1265. <a href="http://bombasticdesign.tumblr.com/post/36453018001">Código estilo iPhone para acessar o tumblr.</a>
  1266. <a href="http://bombasticdesign.tumblr.com/post/36536948881">Como colocar opção “Curtir” do Facebook em seu Tumblr.</a>
  1267. <a href="http://bombasticdesign.tumblr.com/post/36595596006">Caixa rápida de reblog (missing-e).</a>
  1268. <a href="http://bombasticdesign.tumblr.com/post/37482028902">Como colocar mensagem de despedida pra alguém que visitou seu tumblr.</a>
  1269. <a href="http://bombasticdesign.tumblr.com/post/37482878480">Como salvar o icon/avatar de alguém pela dashboard (missing-e).</a>
  1270. <a href="http://bombasticdesign.tumblr.com/post/40377649058">Como colocar reblog hover.</a>
  1271. <a href="http://bombasticdesign.tumblr.com/post/42057026851">Como colocar o Widget do We Heart It no seu blog/tumblr.</a>
  1272. <a href="http://bombasticdesign.tumblr.com/post/43028826718">Como colocar gif ou outra imagem da resposta da ask.</a>
  1273. <a href="http://bombasticdesign.tumblr.com/post/43030621207">Colocando moderação hover (que rola pra cima).</a>
  1274. <a href="http://bombasticdesign.tumblr.com/post/43249728598">Botão +Follow e Dashboard brancos.</a>
  1275. <a href="http://bombasticdesign.tumblr.com/post/43840550445">Colocando Google Tradutor em seu Tumblr.</a>
  1276. <a href="http://bombasticdesign.tumblr.com/post/43843802796">Colocando FAQ (texto) e askbox juntos.</a>
  1277. <a href="http://bombasticdesign.tumblr.com/post/46123737238">Peixinhos nadando no theme.</a></div></div></div>
  1278.  
  1279.  
  1280. <div id="about" style="display:none;">
  1281. <div class="caixap">
  1282. <div class="h1"><center>About (Chi)</center></div><font color=#696969>
  1283. <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>
  1284. <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ê.
  1285. <div class="h1"><center>About (Pam)</center></div>
  1286. <img style="float: right; margin-right: 5px;background:rgba(64, 57, 58, 1); padding: 3px;width:150px; height:230px" src="http://24.media.tumblr.com/08f13571dd64882efa02eb83df8cc12f/tumblr_mlevprI7nu1rhsvaoo1_500.jpg">
  1287. <letra>M</letra>eu nome é Pamella (ou somente <i>Pam</i>), tenho 16 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 :)
  1288. <div class="h1"><center>About (Gi)</center></div>
  1289. <img style="float: left; margin-right: 5px;background:rgba(64, 57, 58, 1); padding: 3px;width:150px; height:230px" src="http://25.media.tumblr.com/e1387818185086401e34ec5412db6de8/tumblr_mleuw507Iu1qbt85do1_500.png">
  1290. <letra>G</letra>iovanna, 14 anos. Viciada em One Piece, Super Junior, 4Minute e música boa. Adoradora da cultura oriental. Aspirante à Psiquiatra, mas não se importaria em trocar tal sonho por Gastronomia, uma de suas paixões. Ama indie rock, k pop e principalmente séries, tendo suas favoritas The Following, Game of Thrones e Arrow. E ah, ciumes eterno do Lee Donghae.
  1291. </div></div>
  1292.  
  1293. <div id="themes" style="display:none;">
  1294. <div class="h1"><center>Themes</center></div>
  1295. <div class="caixap">
  1296. <div class="wishlist1">Não use os themes como base. Se quiser alguma acesse nossos tutoriais, lá temos sugestões.</div>
  1297. <div class="wishlist1">Pode modificar, mas para uso pessoal.</div>
  1298. <div class="wishlist1">Não repasse os códigos NUNCA (mesmo que seja sua adaptação).</div>
  1299. <div class="wishlist1">Não retire nossos créditos.</div>
  1300. <div class="wishlist1">Não reblogue os posts dos Themes. Apenas os autorizados podem ser reblogados.</div>
  1301. <div class="wishlist1">Problemas de adaptação consulte os tutoriais ou passe na ask.</div>
  1302. <div class="wishlist1">Em themes de appearence, caso queira mexer no HTML, mexa primeiro nele, depois no appearance.</div>
  1303. <div class="wishlist1">Em themes alterados pelo HTML, troque "suatag" pela tag dos seus textos.</div>
  1304. <div class="wishlist1">Em <u>alguns</u> themes alterados pelo HTML, troque "suaurl" pela sua url para arrumar a ask.</div>
  1305. <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>
  1306. <div class="h1"><a href="/tagged/theme"><font color=#fff>Clique aqui para ver os themes</font></a></div></div>
  1307. <div class="caixap">
  1308. <div class="wishlist1">Fiquem cientes que todos os themes daqui são de nossa autorias, temos creditos de outros pessoas por
  1309. 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>
  1310. <div class="caixap">
  1311. <div class="h1">Como fazer um theme?</div>
  1312. <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
  1313.  
  1314. 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.
  1315.  
  1316. 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.
  1317.  
  1318. Aqui no TumbleTricks também tem algumas dicas básicas de HTML.
  1319.  
  1320. 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”).
  1321.  
  1322. 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”.
  1323.  
  1324. 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”.
  1325.  
  1326. Caso se interesse pelo tutorial, clique neste link: CSS desde o início.
  1327.  
  1328. 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.
  1329.  
  1330. 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:
  1331.  
  1332. Create custom themes
  1333. Crear tema personalizado
  1334. 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.
  1335.  
  1336. Depois de criar um theme, caso você queira disponibilizá-lo para outros usuários, veja este tutorial de como disponibilizar themes no Tumblr.
  1337.  
  1338. 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.
  1339.  
  1340. 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>
  1341. </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!