API tools faq
paste
Advertisement
helpdesigns

Theme about #4 - By Isah (revolucionou)

helpdesigns
Apr 27th, 2014
205
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.45 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.  <link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  7.  
  8.  
  9. <head>
  10.  
  11.  
  12.  
  13.  
  14.                       <title>{Title}</title>
  15.         <link rel="shortcut icon" href="{favicon}">
  16.  
  17. <style>
  18.  
  19. a {color: #aaa; text-decoration: none; text-transform: none;}
  20. a:hover {color:#aaa; background-color: transparent; text-decoration: none;}
  21.  
  22.  
  23.  
  24.  
  25.  
  26. body {background-color:#f8f8f8; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url(''); background-attachment: fixed; }
  27.  
  28. /*--- Pratica base - helpdesigns ----*/
  29. #corpohd {margin-left:300px;margin-top:100px;width:700px;height:421px;position: fixed;}
  30.  
  31. /*--- Descreva-se - Revolucionou - Helpdesigns---*/
  32. #descrevase {width:570px;height:255px;background:#TRANSPARENT;color:#ccc;position:fixed;margin-top:200px;font-family:Muli;font-size:12px;margin-left:360px;line-height:17px;text-shadow:0px 1px 1px #eee;}
  33.  
  34.  
  35. /*--- Wishlist by Revolucionou - Helpdesigns---*/
  36. .wishlist {font-size:10px ;font-family:PF Arma Five; background:#fff;line-height: 15px; text-indent : 5px; vertical-align : middle; no-repeat left;  text-align: left;color:#ccc;margin-bottom:1px; font-size:8px;;
  37. padding-bottom :1px;padding:5px; padding-left:1px; -webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;border-bottom:1px dotted #bcccd4;text-shadow:0px 1px 1px #eee;}
  38. .wishlist:hover {text-indent:20px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s;border-bottom:1px dotted #;}
  39.  
  40. .wishlist a{color:#ccc;text-indent : 5px; vertical-align : middle;  font-size:8px;}
  41.  
  42.  
  43. /*--- Mais Here ---*/
  44. .trecoluna{-moz-column-count:2;
  45. -webkit-column-count:2;
  46. column-count:2;}
  47.  
  48.  
  49. /*--- Helpdesigns Frase ---*/
  50. #tihd {font-family:Crafty Girls;font-size:15px;color:#ccc;z-index:999999999999999999999;text-shadow:0px 1px 1px #eee;}
  51.  
  52. /*--- Social revolucionou ---*/
  53.  #isax {z-index:999999999999999;position: fixed; width:320px; padding: 0px; text-align: center;margin-left:140px}
  54.  
  55. #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;text-shadow:0px 1px 1px #eee;}
  56.  
  57.  
  58. /*--- Menu by Revolucionou don't copy pegar credite ---*/
  59.  #isinha {z-index:999999999999999;position: fixed; width:500px; margin-left:600px; margin-top:465px; padding: 0px; text-align: center;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  60.  
  61. #isinha a {float: left; display: block; letter-spacing:0px;font-size:8px; font-family: PF Arma Five; text-align: center; margin-bottom:2px; margin-left:1px; color:#ccc; text-decoration: none; line-height:20px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; height:25px;opacity:;width:40;;overflow:hidden;}
  62.  
  63.  
  64. /*--- Não remover os Créditos ----*/
  65.  
  66.  
  67. #tumblr_controls{position: fixed!important}
  68. #tumblr_controls{position: fixed!important}
  69. #tumblr_controls{position: fixed!important}
  70. #tumblr_controls{position: fixed!important}
  71.  
  72.  
  73. #s-m-t-tooltip {max-width:300px; -webkit-border-radius: 5px 5px 5px 5px; padding:3px 4px 5px 4px;margin:15px 20px;background-color:#000; font-family:calibri;  font-size:9px;  letter-spacing:1px;   text-transform:uppercase; color:#fff; z-index:9999999;}/*********helpdesigns******/
  74.  
  75. </style>
  76.  
  77.  <script type="text/javascript"
  78. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  79. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  80. <script>
  81.     (function($){
  82.  
  83.         $(document).ready(function(){
  84.             $("[title]").style_my_tooltips();
  85.         });
  86.     })(jQuery);
  87. </script>
  88.  
  89. <body>
  90.  
  91. <div id="isinha">
  92. <a href="" >Home</a>
  93. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('descrevase').innerHTML=document.getElementById('02').innerHTML">+ More</a>
  94. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('descrevase').innerHTML=document.getElementById('03').innerHTML">Best</a>
  95. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('descrevase').innerHTML=document.getElementById('04').innerHTML">Credt</a>
  96. </div>
  97. </div></div>
  98.  
  99. <div id="corpohd"><img src="http://static.tumblr.com/fyc2dbo/WfNn4pbrz/basehd.png"></div>
  100.  
  101. <!--- DESCRIÇÃO AQUI --->
  102. <div id="descrevase"><img src="http://24.media.tumblr.com/f9b9fa4f20926dba8739974237626b4a/tumblr_n1uij7WW171s9sx29o1_500.jpg" style="float:left;width:170px;height:170px;margin-right:10px;border:5px solid #f8f8f8;">Eu resolvi fazer esse theme para about e etc, então nesse espaço você ira escrever sobre você, aperte ctrl +f e escreva mude o iframe, que irá aparecer onde é pra mudar ou seja apenas em + more e best e mude a descrição aqui, e a foto, não remova os créditos e não use de base, ah e as cores não da para mudar porque ta em psd. Eu resolvi fazer esse theme para about e etc, então nesse espaço você ira escrever sobre você, aperte ctrl +f e escreva mude o iframe, que irá aparecer onde é pra mudar ou seja apenas em + more e best e mude a descrição aqui, e a foto, não remova os créditos e não use de base, ah e as cores não da para mudar porque ta em psd. Eu resolvi fazer esse theme para about e etc, então nesse espaço você ira escrever sobre você, aperte ctrl +f e escreva mude o iframe, que irá aparecer onde é pra mudar ou seja apenas em + more e best e mude a descrição aqui, e a foto, não remova os créditos e não use de base, ah e as cores não da para mudar porque ta em psd. Eu resolvi fazer esse theme para about e etc. Escreva somente até aqui e mais nada.</div>
  103.  
  104.  
  105. <!--- MUDA O IFRAME AQUI --->
  106.  
  107. <div id="02" style="display:none;">
  108. <div class="descrevase">
  109. <div id="tihd">Favorites</div>
  110. <br>
  111. <div class="trecoluna">
  112. <div class="wishlist">Coisinhas favoritas. </div>
  113. <div class="wishlist">Coisinhas favoritas. </div>
  114. <div class="wishlist">Coisinhas favoritas. </div>
  115. <div class="wishlist">Coisinhas favoritas. </div>
  116. <div class="wishlist">Coisinhas favoritas. </div>
  117. <div class="wishlist">Coisinhas favoritas. </div></div>
  118. <br>
  119. <div id="tihd">Redes Sociais</div>
  120. <br>
  121.  
  122.  <div id="isax">
  123. <a href="LINK DO FACEBOOK" >Facebook</a>
  124. <a href="TWITTER" >Twitter</a>
  125. <a href="Instagram" >Instagram</a>
  126. <a href="ASK FM" >Ask.fm</a>
  127. <a href="WHATSAPP" >Whatsapp</a>
  128. <a href="TUMBLR" >Tumblr</a>
  129. </div>
  130.  
  131.  
  132.  
  133. <div id="03" style="display:none;">
  134. <div class="descrevase">
  135. <div id="tihd">Indico</div>
  136. <br>
  137. <div class="wishlist"><a href="LINK TUMBLR">Tumblr que indica</a>.</div>
  138. <div class="wishlist"><a href="LINK TUMBLR">Tumblr que indica</a>.</div>
  139. <div class="wishlist"><a href="LINK TUMBLR">Tumblr que indica</a>.</div>
  140. <div class="wishlist"><a href="LINK TUMBLR">Tumblr que indica</a>.</div>
  141. <div class="wishlist"><a href="LINK TUMBLR">Tumblr que indica</a>.</div>
  142. <div class="wishlist"><a href="LINK TUMBLR">Tumblr que indica</a>.</div>
  143. <div class="wishlist"><a href="LINK TUMBLR">Tumblr que indica</a>.</div>
  144.  
  145.  
  146. <div id="04" style="display:none;">
  147. <div class="descrevase">
  148. <div id="tihd">Créditos</div>
  149. <br>
  150. <div class="wishlist"><a href="http://helpdesigns.tumblr.com">Help Designs - Theme disponibilizado</a>.</div>
  151. <div class="wishlist"><a href="http://revolucionou.tumblr.com">Revolucionou - Design e codificação de theme</a>.</div>
  152. <div class="wishlist"><a href="http://acumulou.tumblr.com">Acumulou - Inspiração na foto e no iframe</a>.</div>
  153. <div class="wishlist"><a href="http://things-top-help-you.tumblr.com">Things to help you - Código do iframe</a>.</div>
  154. <div class="wishlist"><a href="http://realceinstagram.tumblr.com">Realce Instagram - Foto amostra</a>.</div>
  155. <div class="wishlist"><a href="http://adobe.com">Photoshop cs6 - Feito o psd</a>.</div>
  156.  
  157.  
  158. </div></div>
  159.  
  160.  
  161.  
  162.  
  163. </body>
  164.  
  165. </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!