Advertisement
ladysephi

Owners Page #1 ladysephi | tunestofly

Feb 28th, 2014
179
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.23 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  3. <!--
  4.     Theme por: Sephi
  5.     http://ladysephi.tumblr.com/
  6.     http://tunestofly.tumblr.com/
  7.    
  8. ----------------------------------------------------------
  9.    
  10.                     Como personalizar:
  11. Para alterações, substitua os textos e codigos:
  12. Cor do fundo:  #ffffff
  13. Cor da fonte: #ffffff
  14. Cor dos titulos e links: #d7d4d4
  15. Cor da faixa e bordas: #f3f3f3
  16.  
  17. Titulo: Perfect Team
  18. Descrição: This is the team that makes the magic happen
  19.  
  20. Substitua:
  21.    Owner Name pelo nome,
  22.    "OwnerUser" pelo user,
  23.    "ownertag" pela tag,
  24.    "other tumblr link" pelo link de outro tumblr (ou exclua),
  25.    "Description / phrase / whatever..." por uma descrição, frase ou qualquer coisa.
  26.  
  27. Para alterar os icons, procure por "<div id="tudo">", depois dela terá códigos como esse:
  28.    
  29.         <a href="#?w=500" rel="01" class="poplight"><img src="http        ://static.tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png" class="icon"></a>
  30.  
  31. Troque: http://static.tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png pela url da imagem.
  32.  
  33.  
  34.  
  35. Apague os códigos parecidos com esse:
  36.  
  37.         <a href="#?w=500" rel="01" class="poplight"><img src="http    ://static.tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png" class="icon"></a>
  38.  
  39. que sobrarem.
  40.  
  41.        Qualquer dúvida me procure em um desses links:
  42. twitter.com/tunestofly // tunestofly.tumblr.com // ask.fm/tunestofly
  43.  
  44. -----------------------------------------------------------------
  45.                How to customize:
  46. To change, replace the texts and codes:
  47. Background color: #ffffff
  48. Font color: #ffffff
  49. Color titles and links: #d7d4d4
  50. Color range and borders: #f3f3f3
  51.  
  52. Title: Perfect Team
  53. Description: This is the team que makes the magic happen
  54.  
  55. Replace:
  56.    Owner Name by name,
  57.    "OwnerUser" by the user,
  58.    "ownertag" by tag
  59.    "other tumblr link" the link from another tumblr (or delete)
  60.    "Description / phrase / whatever ..." for a description, phrase or anything.
  61.  
  62. To change the icons, look for "<div id="tudo">" then it will have code like this:
  63.  
  64.    <a href="#?w=500" rel="01" class="poplight"> <img src = "http://static    .tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png" class = "icon" > </ a>
  65.  
  66. Swap: http://static.tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png the image url.
  67.  
  68. Erase codes similar to this:
  69.  
  70.    <a href="#?w=500" rel="01" class="poplight"> <img src = "http://static    .tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png" class = "icon" > </ a>
  71.  
  72.   that are left.
  73.  
  74.        Any questions look me up on one of these links:
  75. http://twitter.com/tunestofly / / http://tunestofly.tumblr.com / / http://ask.fm/tunestofly
  76.  
  77. -->
  78. <head>
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  81.  
  82.     <link rel="shortcut icon" href="{Favicon}">
  83.     <title>{title}</title>
  84.    
  85.     <style type="text/css">
  86. iframe#tumblr_controls {
  87.     position: fixed !important;
  88.     top: 0 !important;
  89.     right: 0 !important;
  90.     }
  91.    
  92. body {
  93.     background: #ffffff; /* FUNDO */
  94.     font-family: Arial, Helvetica, sans-serif;
  95.     font-size:9px;
  96.     color: #aaaaaa;
  97.     overflow: auto;}
  98.    
  99. a:link, a:active, a:visited, a:hover {
  100.     text-decoration: none;
  101.     color:#d7d4d4;
  102.     -moz-transition: all 1s ease-out;
  103.     -webkit-transition: all 1s ease-out; }
  104.  
  105. b,  strong, i, em, u, underline, s, strike {
  106.     color:#d7d4d4;
  107.     }
  108.    
  109. h1 {
  110.     font-family: 'Allura', cursive;
  111.     font-size: 35px;
  112.     color: #d7d4d4;
  113.     margin-bottom: -10px;
  114. }
  115.  
  116. ::-moz-selection {  /* SELEÇÃO COLORIDA */
  117.     color: #ffffff;
  118.     background: {color:Fonte};
  119.     }
  120.    
  121. ::selection {
  122.     color: #ffffff;
  123.     background: {color:Fonte};
  124.     }
  125.  
  126. /*NÃO MEXER - ALINHAMENTO*/
  127. #tudo {
  128.     width: 620px;
  129.     margin-top: 120px;
  130.     margin-left: auto; /* CENTRALIZA O THEME */
  131.     margin-right: auto; /* CENTRALIZA O THEME */
  132.     }
  133. /*NÃO MEXER - ALINHAMENTO*/
  134.    
  135. /*topo *-**/
  136. #content {
  137.     position: absolute;
  138.     width: 100%; /* TAMANHO */
  139.     background: #f3f3f3;
  140.     top: -5px;}
  141.    
  142. .center {
  143.     width: 500px; /* TAMANHO */
  144.     margin-left: auto; /* CENTRALIZA O THEME */
  145.     margin-right: auto; /* CENTRALIZA O THEME */
  146. }
  147.    
  148. .descri {
  149.     width: 300px;
  150.     margin-left: auto; /* CENTRALIZA O THEME */
  151.     margin-right: auto; /* CENTRALIZA O THEME */
  152.     color: #ffffff;
  153.     text-align: center;
  154. }
  155. /*topo *-**/
  156.  
  157. .icon {
  158.     width: 100px;
  159.     margin: 20px;
  160.     border: solid #ffffff 5px;
  161.     outline: double 4px #f3f3f3;
  162.     padding: 1px;
  163.     -moz-transition: all .7s linear;
  164.     -webkit-transition: all .7s linear;
  165. }
  166.  
  167. .icon:hover {
  168.     border: double 5px #f3f3f3;
  169.     outline: solid #ffffff 5px;
  170.     opacity: .8;
  171.     -moz-transition: all .7s linear;
  172.     -webkit-transition: all .7s linear;
  173. }
  174.  
  175.  
  176. .naoretire {
  177.     position: fixed;
  178.     bottom: 1px;
  179.     right: 3px;}
  180.    
  181. #fade { /*--Transparent background layer--*/
  182.     display: none; /*--hidden by default--*/
  183.     background: #f3f3f3;
  184.     position: fixed; left: 0; top: 0;
  185.     width: 100%; height: 100%;
  186.     opacity: .50;
  187.     z-index: 9999;
  188. }
  189. .popup_block{
  190.     display: none; /*--hidden by default--*/
  191.     background: #fff;
  192.     padding-bottom: 20px;
  193.     float: left;
  194.     font-size: 1.2em;
  195.     position: fixed;
  196.     top: 50%; left: 50%;
  197.     z-index: 99999;
  198. }
  199. img.btn_close {
  200.     float: right;
  201.     margin: 0px 0px 0 0;
  202. }
  203. /*--Making IE6 Understand Fixed Positioning--*/
  204. *html #fade {
  205.     position: absolute;
  206. }
  207. *html .popup_block {
  208.     position: absolute;
  209. }
  210.  
  211. .titulo{
  212.     background: #f3f3f3;
  213.     padding: 10px;
  214.     font-family: 'Allura', cursive;
  215.     font-size: 25px;
  216.     font-weight: bold;
  217.     margin-bottom: 3px;
  218.     color: #d7d4d4;
  219.     text-indent: 20px;
  220. }
  221.  
  222. li {
  223.     list-style-type: none;
  224.     border-left: 3px #f3f3f3 solid;
  225.     padding: 5px;
  226.     margin-bottom: 1px;
  227.     margin-left: 10px;
  228.     width: 60%;
  229. }
  230.  
  231. .fofa {
  232.     background: url('http://static.tumblr.com/nqcm3ld/S0Cn1mr70/aspas.png') right no-repeat;
  233.     height: 60px;
  234.     padding: 20px;
  235.     margin: 10px;
  236. }
  237.     </style>
  238.    
  239. <script type="text/javascript"
  240. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  241. <script>
  242. $(document).ready(function() {
  243.     //
  244. //When you click on a link with class of poplight and the href starts with a #
  245.  
  246. $('a.poplight[href^=#]').click(function() {
  247.  
  248.     var popID = $(this).attr('rel'); //Get Popup Name
  249.  
  250.     var popURL = $(this).attr('href'); //Get Popup href to define size
  251.  
  252.     //Pull Query & Variables from href URL
  253.  
  254.    var query= popURL.split('?');
  255.  
  256.     var dim= query[1].split('&');
  257.  
  258.     var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  259.  
  260.     //Fade in the Popup and add close button
  261.  
  262.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/nqcm3ld/TKFn1mqwq/x.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  263.  
  264.     //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
  265.  
  266.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  267.  
  268.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  269.  
  270.     //Apply Margin to Popup
  271.  
  272.     $('#' + popID).css({
  273.  
  274.         'margin-top' : -popMargTop,
  275.  
  276.         'margin-left' : -popMargLeft
  277.  
  278.     });
  279.  
  280.     //Fade in Background
  281.  
  282.     $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body <a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a>.
  283.  
  284.     $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  285.  
  286.     return false;
  287.  
  288. });
  289.  
  290.  
  291. //Close Popups and Fade Layer
  292.  
  293. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  294.  
  295.     $('#fade , .popup_block').fadeOut(function() {
  296.  
  297.         $('#fade, a.close').remove();  //fade them both out
  298.     });
  299.     return false;
  300. });
  301.  
  302. });
  303.  
  304. </script>
  305.    
  306. </head>
  307. <body>
  308.  
  309.     <div id="content">
  310.     <div class="center">
  311.  
  312. <center><h1>Perfect Team</h1></center>
  313.    
  314.      <p class="descri">This is the team that makes the magic happen <br>
  315.      <a href="/">back</a> // <a href="http://tumblr.com/">dashboard</a>
  316.          
  317.          
  318.      </p>
  319.     </div><!--fim div id center-->
  320.    
  321.  
  322.     </div><!--fim div id content-->
  323.    
  324. <div id="tudo">
  325.    
  326.     <a href="#?w=500" rel="01" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png" class="icon"></a>
  327.    
  328.     <a href="#?w=500" rel="02" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/SEQn1mrvl/a2_c__pia.png" class="icon"></a>
  329.    
  330.     <a href="#?w=500" rel="03" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/57bn1mrvo/a3_c__pia.png" class="icon"></a>
  331.    
  332.     <a href="#?w=500" rel="04" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/sKEn1mrvt/a4_c__pia.png" class="icon"></a>
  333.    
  334.     <a href="#?w=500" rel="05" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/SEmn1mtgr/a5_c__pia.png" class="icon"></a>
  335.    
  336.     <a href="#?w=500" rel="06" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/Bjtn1mtgv/a6_c__pia.png" class="icon"></a>
  337.    
  338.     <a href="#?w=500" rel="07" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/JJWn1mtgz/a7_c__pia.png" class="icon"></a>
  339.    
  340.     <a href="#?w=500" rel="08" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/IJbn1mth3/a8_c__pia.png" class="icon"></a>
  341.    
  342.     <a href="#?w=500" rel="09" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/8gVn1mth7/a9_c__pia.png" class="icon"></a>
  343.    
  344.     <a href="#?w=500" rel="10" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/imMn1mthd/a10_c__pia.png" class="icon"></a>
  345.    
  346.     <a href="#?w=500" rel="11" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png" class="icon"></a>
  347.    
  348.     <a href="#?w=500" rel="12" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/SEQn1mrvl/a2_c__pia.png" class="icon"></a>
  349.    
  350.     <a href="#?w=500" rel="13" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/57bn1mrvo/a3_c__pia.png" class="icon"></a>
  351.    
  352.     <a href="#?w=500" rel="14" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/sKEn1mrvt/a4_c__pia.png" class="icon"></a>
  353.    
  354.     <a href="#?w=500" rel="15" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/SEmn1mtgr/a5_c__pia.png" class="icon"></a>
  355.    
  356.     <a href="#?w=500" rel="16" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/Bjtn1mtgv/a6_c__pia.png" class="icon"></a>
  357.    
  358.     <a href="#?w=500" rel="17" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/JJWn1mtgz/a7_c__pia.png" class="icon"></a>
  359.    
  360.     <a href="#?w=500" rel="18" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/IJbn1mth3/a8_c__pia.png" class="icon"></a>
  361.    
  362.     <a href="#?w=500" rel="19" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/8gVn1mth7/a9_c__pia.png" class="icon"></a>
  363.    
  364.     <a href="#?w=500" rel="20" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/imMn1mthd/a10_c__pia.png" class="icon"></a>
  365.    
  366.    
  367. </div><!--fim div id tudo-->
  368.  
  369. <div class="naoretire">
  370. <a href="http://ladysephi.tumblr.com/" target="_blank" style="text-transform: uppercase;">&copy; Theme by LadySephi</a>
  371. </div>
  372.  
  373. </body>
  374. </html>
  375.  
  376. <div id="01" class="popup_block">
  377. <div class="titulo">Owner Name</div>
  378.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  379.     <li><a href="/tagged/ownertag">tag</a> // <a href="other tumblr link">Other Tumblr</a></li>
  380.    
  381.     <div class="fofa">Description / phrase / whatever...</div>
  382. </div>
  383.  
  384. <div id="02" class="popup_block">
  385. <div class="titulo">Owner Name</div>
  386.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  387.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  388.    
  389.     <div class="fofa">Description / phrase / whatever...</div>
  390. </div>
  391.  
  392. <div id="03" class="popup_block">
  393. <div class="titulo">Owner Name</div>
  394.     <li><a href="http://twitter.com/http://twitter.com/owneruser">@OwnerUser</a></li>
  395.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  396.    
  397.     <div class="fofa">Description / phrase / whatever...</div>
  398. </div>
  399.  
  400. <div id="04" class="popup_block">
  401. <div class="titulo">Owner Name</div>
  402.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  403.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  404.    
  405.     <div class="fofa">Description / phrase / whatever...</div>
  406. </div>
  407.  
  408. <div id="05" class="popup_block">
  409. <div class="titulo">Owner Name</div>
  410.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  411.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  412.    
  413.     <div class="fofa">Description / phrase / whatever...</div>
  414. </div>
  415.  
  416. <div id="05" class="popup_block">
  417. <div class="titulo">Owner Name</div>
  418.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  419.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  420.    
  421.     <div class="fofa">Description / phrase / whatever...</div>
  422. </div>
  423.  
  424. <div id="06" class="popup_block">
  425. <div class="titulo">Owner Name</div>
  426.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  427.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  428.    
  429.     <div class="fofa">Description / phrase / whatever...</div>
  430. </div>
  431.  
  432. <div id="07" class="popup_block">
  433. <div class="titulo">Owner Name</div>
  434.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  435.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  436.    
  437.     <div class="fofa">Description / phrase / whatever...</div>
  438. </div>
  439.  
  440. <div id="08" class="popup_block">
  441. <div class="titulo">Owner Name</div>
  442.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  443.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  444.    
  445.     <div class="fofa">Description / phrase / whatever...</div>
  446. </div>
  447.  
  448. <div id="09" class="popup_block">
  449. <div class="titulo">Owner Name</div>
  450.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  451.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  452.    
  453.     <div class="fofa">Description / phrase / whatever...</div>
  454. </div>
  455.  
  456. <div id="10" class="popup_block">
  457. <div class="titulo">Owner Name</div>
  458.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  459.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  460.    
  461.     <div class="fofa">Description / phrase / whatever...</div>
  462. </div>
  463.  
  464. <div id="11" class="popup_block">
  465. <div class="titulo">Owner Name</div>
  466.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  467.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  468.    
  469.     <div class="fofa">Description / phrase / whatever...</div>
  470. </div>
  471.  
  472. <div id="12" class="popup_block">
  473. <div class="titulo">Owner Name</div>
  474.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  475.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  476.    
  477.     <div class="fofa">Description / phrase / whatever...</div>
  478. </div>
  479.  
  480. <div id="13" class="popup_block">
  481. <div class="titulo">Owner Name</div>
  482.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  483.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  484.    
  485.     <div class="fofa">Description / phrase / whatever...</div>
  486. </div>
  487.  
  488. <div id="14" class="popup_block">
  489. <div class="titulo">Owner Name</div>
  490.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  491.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  492.    
  493.     <div class="fofa">Description / phrase / whatever...</div>
  494. </div>
  495.  
  496. <div id="15" class="popup_block">
  497. <div class="titulo">Owner Name</div>
  498.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  499.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  500.    
  501.     <div class="fofa">Description / phrase / whatever...</div>
  502. </div>
  503.  
  504. <div id="16" class="popup_block">
  505. <div class="titulo">Owner Name</div>
  506.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  507.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  508.    
  509.     <div class="fofa">Description / phrase / whatever...</div>
  510. </div>
  511.  
  512. <div id="17" class="popup_block">
  513. <div class="titulo">Owner Name</div>
  514.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  515.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  516.    
  517.     <div class="fofa">Description / phrase / whatever...</div>
  518. </div>
  519.  
  520. <div id="18" class="popup_block">
  521. <div class="titulo">Owner Name</div>
  522.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  523.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  524.    
  525.     <div class="fofa">Description / phrase / whatever...</div>
  526. </div>
  527.  
  528. <div id="19" class="popup_block">
  529. <div class="titulo">Owner Name</div>
  530.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  531.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  532.    
  533.     <div class="fofa">Description / phrase / whatever...</div>
  534. </div>
  535.  
  536. <div id="20" class="popup_block">
  537. <div class="titulo">Owner Name</div>
  538.     <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
  539.     <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
  540.    
  541.     <div class="fofa">Description / phrase / whatever...</div>
  542. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement