API tools faq
paste
Advertisement
ladysephi

Theme 4Themes #2 s/ appeareance by ladysephi | tunestofly

ladysephi
Apr 24th, 2014
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.37 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  3. <!--
  4.        Theme por: Sephi
  5.      
  6.  
  7. http://ladysephi.tumblr.com/
  8.        http://tunestofly.tumblr.com/
  9.      
  10. ----------------------------------------------------------
  11. Como postar seus themes:
  12. Crie uma
  13.  
  14. nova postagem de texto, selecione o modo de edição em html (botão "< html >") e cole o
  15.  
  16. seguinte código:
  17.  
  18.   <img src="URL">
  19.   <br><br>
  20.  
  21.   <p><span class="menuzin"> NOME DO
  22.  
  23. THEME</span>
  24.   [[MORE]]
  25.   <a class="menuzin">preview</a><a class="menuzin">code</a></p>
  26.  
  27.  
  28.  Escreva sobre o theme, se quiser ;)
  29.  
  30. ---------------------------------------------------------
  31.  
  32. How to post your themes:
  33. Create
  34.  
  35. a new posting text, select the edit mode in html button ("<html>") and paste the following
  36.  
  37. code:
  38.  
  39.   <img src="URL">
  40.   <br> <br>
  41.  
  42.  <p><span class="menuzin">THEME NAME</span>
  43.  
  44.  
  45. [[MORE]]
  46.  <a class="menuzin">preview</a><a class="menuzin">code</a></p>
  47.  White about
  48.  
  49. the theme, if you want ;)
  50.  
  51. -->
  52. <head>
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  55.  
  56.     <link rel="shortcut icon" href="{Favicon}">
  57.        
  58.  
  59. <title>{title}</title>
  60.        
  61.         <style type="text/css">
  62. iframe#tumblr_controls {
  63. position: fixed !important;
  64.         top: 0 !important;
  65.         right: 0 !important;
  66.         }
  67.        
  68. .read_more_container {display: none;}
  69.        
  70. body {
  71.         background: #fff; /* FUNDO
  72.  
  73. */
  74.     font-family: Arial, Helvetica, sans-serif;
  75.     font-size:9px;
  76.     color:
  77.  
  78. #aaa;
  79.         overflow: auto;
  80. }
  81.        
  82. a:link, a:active, a:visited, a:hover {
  83.        
  84.  
  85. text-decoration: none;
  86.         color:#d7d4d4;
  87.         -moz-transition: all 1s ease-out;
  88.        
  89.  
  90. -webkit-transition: all 1s ease-out; }
  91.  
  92. b,  strong, i, em, u, underline, s, strike {
  93.        
  94.  
  95. color:#d7d4d4;
  96.         }
  97.        
  98. h1 {
  99.     font-family: 'Allura', cursive;
  100.     font-size:
  101.  
  102. 35px;
  103.     color: #d7d4d4;
  104.     margin-bottom: -5px;
  105.     margin-top: -7px;
  106. }
  107.  
  108. ::-moz-selection {  /* SELEÇÃO COLORIDA */
  109.         color: #fff;
  110.         background:
  111.  
  112. {color:Fonte};
  113.         }
  114.        
  115. ::selection {
  116.         color: #fff;
  117.         background: {color:Fonte};
  118.        
  119.  
  120. }
  121.  
  122. /*NÃO MEXER - ALINHAMENTO*/
  123. #tudo {
  124.     width: 850px;
  125.     margin-left: auto;
  126.    
  127.  
  128. margin-right: auto;
  129. }
  130. /*NÃO MEXER - ALINHAMENTO*/
  131.        
  132. .naoretire {
  133.         position: fixed;
  134.        
  135.  
  136. bottom: 1px;
  137.         right: 3px;}
  138.        
  139. li {
  140.     list-style-type: none;
  141.     border-left: 3px
  142.  
  143. #f3f3f3 solid;
  144.     padding: 5px;
  145.     margin-bottom: 1px;
  146.     margin-left: -10px;
  147.    
  148.  
  149. width: 60%;
  150. }
  151.  
  152. .head {
  153.     background: #f3f3f3;
  154.     padding: 8px;
  155.     margin-bottom:
  156.  
  157. -3px;
  158.     margin-top: -10px;
  159.     margin-left: -10px;
  160. }
  161.  
  162. #descrip {
  163.     width: 410px;
  164.    
  165.  
  166. margin-left: auto;
  167.     margin-right: auto;
  168. }
  169.  
  170. .portrait{
  171.     border-radius: 100px;
  172.    
  173.  
  174. float: right
  175.     margin-top: -20px;
  176. }
  177.  
  178. .about {
  179.     display: inline-block;
  180.     text-align:
  181.  
  182. justify;
  183.     width: 300px;
  184.     margin: 5px;
  185. }
  186.  
  187. .menuzin {
  188.     display: inline-block;
  189.    
  190.  
  191. background: #f3f3f3;
  192.     padding: 5px;
  193.     margin: 3px;
  194. }
  195.  
  196. .menu {
  197.     width: 101%;
  198.    
  199.  
  200. background: #d7d4d4;
  201.     color: #f3f3f3;
  202.     line-height: 30px;
  203.     margin-left:
  204.  
  205. -10px;
  206. }
  207.  
  208. .menu a {
  209.     color: #f3f3f3;
  210. }
  211.  
  212. .linkmenu {
  213.     padding: 10px;
  214.     margin:
  215.  
  216. 2px;
  217. }
  218.  
  219. .linkmenu:hover {
  220.     color: #fff;
  221.     background: #aaa;
  222. }
  223.  
  224. .posts {
  225.    
  226.  
  227. display: inline-block;
  228.     width: 200px;
  229.     margin: 5px;
  230. }
  231.  
  232. .box img  {
  233.     border: solid
  234.  
  235. thin #f3f3f3;
  236.     padding: 3px;
  237.     margin-bottom: -8px;
  238.     width: 200px;
  239.     height:
  240.  
  241. 140px;
  242. }
  243.         </style>
  244.        
  245. </head>
  246. <body>
  247. <div class="head">
  248.         <div id="descrip">
  249.  
  250.  
  251.         <h1 style="margin-top: 10px; margin-bottom: -50px;">{title}</h1><br>
  252.             <span
  253.  
  254. class="about">{description}</span>
  255.  
  256.         <img src="{PortraitURL-96}" class="portrait">
  257.         <br>
  258.     </div>
  259. </div>
  260.  
  261. <div
  262.  
  263. class="menu">
  264. <center>
  265.  
  266. <a href="link1" class="linkmenu">link 1</a>
  267. <a href="link1" class="linkmenu">link 1</a>
  268. <a href="link1" class="linkmenu">link 1</a>
  269. <a href="link1" class="linkmenu">link 1</a>
  270. <a href="link1" class="linkmenu">link 1</a>
  271. <a href="link1" class="linkmenu">link 1</a>
  272. <a href="link1" class="linkmenu">link 1</a>
  273. <a href="link1" class="linkmenu">link 1</a>
  274. <a href="link1" class="linkmenu">link 1</a>
  275. <a href="link1" class="linkmenu">link 1</a>
  276.  
  277. </center>
  278. </div>
  279.  
  280. <br>
  281.  
  282.  
  283. <div
  284.  
  285. id="tudo">
  286. {block:Posts}
  287.         <div class="posts">
  288.         <div class="box">
  289.            
  290.  
  291. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  292.             {/block:Text}
  293.      
  294.  
  295.    <div style="float: right; margin-top:-37px;"><a href="{permalink}" class="menuzin">+
  296.  
  297. info</a><div style="display: inline-block;">{LikeButton color="grey" size="14"}</div>
  298.  
  299. </div>
  300.         </div>
  301.     </div>
  302.    
  303.     <div style="display:
  304. none;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  305. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  306. {/block:Posts}
  307. </div>
  308.  
  309.        
  310. </div><!--fim div id tudo-->
  311.  
  312. <div class="naoretire">
  313. <a
  314.  
  315. href="http://ladysephi.tumblr.com/" target="_blank" style="text-transform:
  316. uppercase;">&copy; Theme by LadySephi</a>
  317. </div>
  318.  
  319.  
  320. </body>
  321. </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!