API tools faq
paste
Advertisement
helpdesigns

Theme About-me Helpdesigns #verão 2 claro- Isah

helpdesigns
Oct 27th, 2013
150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.93 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Crafty+Girls|Akronim' rel='stylesheet' type='text/css'>
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Akronim' rel='stylesheet' type='text/css'>
  6.  
  7. <head>
  8.  
  9.  
  10.  
  11.  
  12.                       <title>{Title}</title>
  13.         <link rel="shortcut icon" href="{favicon}">
  14.  
  15. <style>
  16.  
  17. a {color: #ccc; text-decoration: none; text-transform: none;}
  18. a:hover {color:#ccc; background-color: transparent; text-decoration: none;}
  19.  
  20.  
  21.  
  22.  
  23.  
  24. body {background-color:#eee; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url(''); background-attachment: fixed; }
  25.  
  26. /*--- Pratica base - helpdesigns ----*/
  27. #corpohd {margin-left:500px;margin-top:100px;width:500px;height:421px;position: fixed;}
  28.  
  29. /*--- Descreva-se - Revolucionou - Helpdesigns---*/
  30. #descrevase {width:465px;height:255px;background:#TRANSPARENT;color:#ccc;position:fixed;margin-top:185px;font-family:PF Arma Five;font-size:8px;margin-left:520px;}
  31.  
  32. /*---By futurasuicida usar credite ao helpdesigns pegar sem credito vai ter porrada ---*/
  33. #linkcute {width:388px; height: 42px; float: left; margin-left:530px; margin-top:450px; text-align: center; position: fixed;}
  34. #linkcute a {display: inline-block;float: left; font: 8px PF Arma Five;  height: 23px; width: 25px; color:transparent; line-height: 22px;text-transform: none; background-color: #eee; -webkit-transition: all 0.99s ease-in-out; border-radius: 50px 50px 50px 50px; margin-left:2px;-webkit-transition: all .99s ease-out; -moz-transition: all .99s ease-out;color:#fff;}
  35. #linkcute a:hover{background-color: #87a3e4; color:#FFFFFF;-webkit-transition: all 0.99s ease-in-out;-webkit-transform: rotateZ(360deg);}
  36. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  37.  
  38. /*--- Helpdesigns futurasuicida ---*/
  39. .wishlist {font: 8px  'PF Arma Five'; line-height: 15px; text-indent : 5px; vertical-align : middle; no-repeat left;  text-align: left;  color:#ccc;
  40. padding-bottom : 2px;padding:5px; padding-left:1px; background:#eee;-webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;margin-top:1px}
  41. .wishlist:hover {box-shadow: inset 250px 0px #87a3e4, inset -250px 0px #87a3e4;text-indent: 20px;}
  42.  
  43. /*--- Helpdesigns Frase ---*/
  44. #tihd {font-family:georgia;font-style:italic;font-size:15px;color:#87a3e4;z-index:999999999999999999999;}
  45.  
  46. /*--- Social revolucionou ---*/
  47.  #isax {z-index:999999999999999;position: fixed; width:320px; padding: 0px; text-align: center;margin-left:70px}
  48.  
  49. #isax  a {float: left; display: block; letter-spacing:2px; font-size:8px; font-family:PF Arma Five; text-align: center; margin-bottom:2px; margin-left:1px; color:#ccc; text-decoration: none; line-height:25px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; height:25px;width:100px;background:#eee;border-radius:3px;}
  50. #isax  a:hover { -webkit-transition: all 0.9s ease-out;opacity:0.8; color:#fff;  font-weight:calibri;-webkit-transition: all 0.5s ease-out; box-shadow:inset 0px -50px 0px 0px #87a3e4,inset 0px 50px 0px 0px #87a3e4;}
  51.  
  52. /*--- Não remover os Créditos ----*/
  53.  
  54.  
  55. #tumblr_controls{position: fixed!important}
  56. #tumblr_controls{position: fixed!important}
  57. #tumblr_controls{position: fixed!important}
  58. #tumblr_controls{position: fixed!important}
  59.  
  60.  
  61. #s-m-t-tooltip {max-width:300px; -webkit-border-radius: 5px 5px 5px 5px; padding:3px 4px 5px 4px;margin:15px 20px;background-color:#fff; font-family:calibri;  font-size:9px;  letter-spacing:1px;   text-transform:uppercase; color:#ccc; z-index:9999999;}/*********helpdesigns******/
  62.  
  63. </style>
  64.  
  65.  <script type="text/javascript"
  66. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  67. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  68. <script>
  69.     (function($){
  70.  
  71.         $(document).ready(function(){
  72.             $("[title]").style_my_tooltips();
  73.         });
  74.     })(jQuery);
  75. </script>
  76.  
  77. <body>
  78.  
  79.  
  80.  
  81. <div id="corpohd"><img src="http://static.tumblr.com/fyc2dbo/faPmvc8x6/helpdesigns_2.png"></div>
  82.  
  83. <!--- DESCRIÇÃO AQUI --->
  84. <div id="descrevase"><img src="http://24.media.tumblr.com/3c1aab1096a42232f2405bb377305aa6/tumblr_mgp30fyyCm1r6uvzso6_250.png" style="float:left;width:64px;height:64px;margin-right:10px;border-radius:0px 50px 50px 50px;border:1px solid #eee;">Bom eu resolvi fazer um theme para about e tals então saiu isso. Ele é todo pelo html, não tem apparence. O menu 'MORE' é falso i-frame então vou deixar as partes a onde que muda ta tá assim MUDA O IFRAME AQUI. A descrição muda aqui a onde ta esse texto deixei indicado também, a fotiha muda junto com a descrição. Essa caixinha tem limite pra escrever, lá em baixo aviso. NÃO aconselho mudar as cores, pois a barra e a frase NÃO tem como muda de cor e tals. Então básicamente ele é assim. Por favor N-Ã-O, NEVER , NUNCA RETIRE OS CREDITS E N-U-N-C-A USE COMO BASE FLW. É isso.Bom eu resolvi fazer um theme para about e tals então saiu isso. Ele é todo pelo html, não tem apparence. O menu 'MORE' é falso i-frame então vou deixar as partes a onde que muda ta tá assim MUDA O IFRAME AQUI. A descrição muda aqui a onde ta esse texto deixei indicado também, a fotiha muda junto com a descrição. Essa caixinha tem limite pra escrever, lá em baixo aviso. NÃO aconselho mudar as cores, pois a barra e a frase NÃO tem como muda de cor e tals. Então básicamente ele é assim. Por favor N-Ã-O, NEVER , NUNCA RETIRE OS CREDITS E N-U-N-C-A USE COMO BASE FLW. É isso.Bom eu resolvi fazer um theme para about e tals então saiu isso. Ele é todo pelo html, não tem apparence. O menu 'MORE' é falso i-frame então vou deixar as partes a onde que muda ta tá assim MUDA O IFRAME AQUI. A descrição muda aqui a onde ta esse texto deixei indicado também, a fotiha muda junto com a descrição. Essa caixinha tem limite pra escrever, lá em baixo aviso. NÃO aconselho mudar as cores, pois a barra e a frase NÃO tem como muda de cor e tals. Então básicamente ele é assim. Por favor N-Ã-O, NEVER , NUNCA RETIRE OS CREDITS E N-U-N-C-A USE COMO BASE FLW. É isso.Bom eu resolvi fazer um theme para about e tals então saiu isso. Ele é todo pelo html, não tem apparence. O menu 'MORE' é falso i-frame então vou deixar as partes a onde que muda ta tá assim MUDA O IFRAME AQUI. A descrição muda aqui a onde ta esse texto deixei indicado também, a fotiha muda junto com a descrição. Essa caixinha tem limite pra escrever, lá em baixo aviso. NÃO aconselho mudar as cores, pois a barra e a frase NÃO tem como muda de cor e tals. Então básicamente ele é assim. ESCREVE até aqui que é o limite e tals SÓ ATÉ AQUI essa linha, da pra escrever isso.</div>
  85.  
  86. <div id="linkcute">
  87. <a href="LINK DO TEU TUMBLR" >Home</a>
  88. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('descrevase').innerHTML=document.getElementById('02').innerHTML">More</a>
  89. <a href="http://helpdesigns.tumblr.com" title="By Helpdesigns + I-frame Things-to-help-you" >Credt</a>
  90.  
  91. </div>
  92.  
  93. <!--- MUDA O IFRAME AQUI --->
  94.  
  95. <div id="02" style="display:none;">
  96. <div class="descrevase">
  97. <div id="tihd">Favorites</div>
  98. <br>
  99. <div class="wishlist">Coisinhas favoritas. </div>
  100. <div class="wishlist">Coisinhas favoritas. </div>
  101. <div class="wishlist">Coisinhas favoritas. </div>
  102. <div class="wishlist">Coisinhas favoritas. </div>
  103. <br>
  104. <div id="tihd">Redes Sociais</div>
  105. <br>
  106.  
  107.  <div id="isax">
  108. <a href="LINK DO FACEBOOK" >Facebook</a>
  109. <a href="TWITTER" >Twitter</a>
  110. <a href="Instagram" >Instagram</a>
  111. <a href="ASK FM" >Ask.fm</a>
  112. <a href="WHATSAPP" >Whatsapp</a>
  113. <a href="TUMBLR" >Tumblr</a>
  114. </div>
  115.  
  116.  
  117.  
  118.  
  119.  
  120. </div></div>
  121.  
  122.  
  123.  
  124.  
  125. </body>
  126.  
  127. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!