Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html xmlns="http://www.w3.org/1999/xhtml">
- <!--
- Theme por: Sephi
- http://ladysephi.tumblr.com/
- http://tunestofly.tumblr.com/
- ----------------------------------------------------------
- Como personalizar:
- Para alterações, substitua os textos e codigos:
- Cor do fundo: #ffffff
- Cor da fonte: #ffffff
- Cor dos titulos e links: #d7d4d4
- Cor da faixa e bordas: #f3f3f3
- Titulo: Perfect Team
- Descrição: This is the team that makes the magic happen
- Substitua:
- Owner Name pelo nome,
- "OwnerUser" pelo user,
- "ownertag" pela tag,
- "other tumblr link" pelo link de outro tumblr (ou exclua),
- "Description / phrase / whatever..." por uma descrição, frase ou qualquer coisa.
- Para alterar os icons, procure por "<div id="tudo">", depois dela terá códigos como esse:
- <a href="#?w=500" rel="01" class="poplight"><img src="http ://static.tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png" class="icon"></a>
- Troque: http://static.tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png pela url da imagem.
- Apague os códigos parecidos com esse:
- <a href="#?w=500" rel="01" class="poplight"><img src="http ://static.tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png" class="icon"></a>
- que sobrarem.
- Qualquer dúvida me procure em um desses links:
- twitter.com/tunestofly // tunestofly.tumblr.com // ask.fm/tunestofly
- -----------------------------------------------------------------
- How to customize:
- To change, replace the texts and codes:
- Background color: #ffffff
- Font color: #ffffff
- Color titles and links: #d7d4d4
- Color range and borders: #f3f3f3
- Title: Perfect Team
- Description: This is the team que makes the magic happen
- Replace:
- Owner Name by name,
- "OwnerUser" by the user,
- "ownertag" by tag
- "other tumblr link" the link from another tumblr (or delete)
- "Description / phrase / whatever ..." for a description, phrase or anything.
- To change the icons, look for "<div id="tudo">" then it will have code like this:
- <a href="#?w=500" rel="01" class="poplight"> <img src = "http://static .tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png" class = "icon" > </ a>
- Swap: http://static.tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png the image url.
- Erase codes similar to this:
- <a href="#?w=500" rel="01" class="poplight"> <img src = "http://static .tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png" class = "icon" > </ a>
- that are left.
- Any questions look me up on one of these links:
- http://twitter.com/tunestofly / / http://tunestofly.tumblr.com / / http://ask.fm/tunestofly
- -->
- <head>
- <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
- <link rel="shortcut icon" href="{Favicon}">
- <title>{title}</title>
- <style type="text/css">
- iframe#tumblr_controls {
- position: fixed !important;
- top: 0 !important;
- right: 0 !important;
- }
- body {
- background: #ffffff; /* FUNDO */
- font-family: Arial, Helvetica, sans-serif;
- font-size:9px;
- color: #aaaaaa;
- overflow: auto;}
- a:link, a:active, a:visited, a:hover {
- text-decoration: none;
- color:#d7d4d4;
- -moz-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out; }
- b, strong, i, em, u, underline, s, strike {
- color:#d7d4d4;
- }
- h1 {
- font-family: 'Allura', cursive;
- font-size: 35px;
- color: #d7d4d4;
- margin-bottom: -10px;
- }
- ::-moz-selection { /* SELEÇÃO COLORIDA */
- color: #ffffff;
- background: {color:Fonte};
- }
- ::selection {
- color: #ffffff;
- background: {color:Fonte};
- }
- /*NÃO MEXER - ALINHAMENTO*/
- #tudo {
- width: 620px;
- margin-top: 120px;
- margin-left: auto; /* CENTRALIZA O THEME */
- margin-right: auto; /* CENTRALIZA O THEME */
- }
- /*NÃO MEXER - ALINHAMENTO*/
- /*topo *-**/
- #content {
- position: absolute;
- width: 100%; /* TAMANHO */
- background: #f3f3f3;
- top: -5px;}
- .center {
- width: 500px; /* TAMANHO */
- margin-left: auto; /* CENTRALIZA O THEME */
- margin-right: auto; /* CENTRALIZA O THEME */
- }
- .descri {
- width: 300px;
- margin-left: auto; /* CENTRALIZA O THEME */
- margin-right: auto; /* CENTRALIZA O THEME */
- color: #ffffff;
- text-align: center;
- }
- /*topo *-**/
- .icon {
- width: 100px;
- margin: 20px;
- border: solid #ffffff 5px;
- outline: double 4px #f3f3f3;
- padding: 1px;
- -moz-transition: all .7s linear;
- -webkit-transition: all .7s linear;
- }
- .icon:hover {
- border: double 5px #f3f3f3;
- outline: solid #ffffff 5px;
- opacity: .8;
- -moz-transition: all .7s linear;
- -webkit-transition: all .7s linear;
- }
- .naoretire {
- position: fixed;
- bottom: 1px;
- right: 3px;}
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: #f3f3f3;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .50;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: #fff;
- padding-bottom: 20px;
- float: left;
- font-size: 1.2em;
- position: fixed;
- top: 50%; left: 50%;
- z-index: 99999;
- }
- img.btn_close {
- float: right;
- margin: 0px 0px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- .titulo{
- background: #f3f3f3;
- padding: 10px;
- font-family: 'Allura', cursive;
- font-size: 25px;
- font-weight: bold;
- margin-bottom: 3px;
- color: #d7d4d4;
- text-indent: 20px;
- }
- li {
- list-style-type: none;
- border-left: 3px #f3f3f3 solid;
- padding: 5px;
- margin-bottom: 1px;
- margin-left: 10px;
- width: 60%;
- }
- .fofa {
- background: url('http://static.tumblr.com/nqcm3ld/S0Cn1mr70/aspas.png') right no-repeat;
- height: 60px;
- padding: 20px;
- margin: 10px;
- }
- </style>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- //When you click on a link with class of poplight and the href starts with a #
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- //Pull Query & Variables from href URL
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- //Fade in the Popup and add close button
- $('#' + 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>');
- //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
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- //Fade in Background
- $('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>.
- $('#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
- return false;
- });
- //Close Popups and Fade Layer
- $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- </head>
- <body>
- <div id="content">
- <div class="center">
- <center><h1>Perfect Team</h1></center>
- <p class="descri">This is the team that makes the magic happen <br>
- <a href="/">back</a> // <a href="http://tumblr.com/">dashboard</a>
- </p>
- </div><!--fim div id center-->
- </div><!--fim div id content-->
- <div id="tudo">
- <a href="#?w=500" rel="01" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="02" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/SEQn1mrvl/a2_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="03" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/57bn1mrvo/a3_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="04" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/sKEn1mrvt/a4_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="05" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/SEmn1mtgr/a5_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="06" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/Bjtn1mtgv/a6_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="07" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/JJWn1mtgz/a7_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="08" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/IJbn1mth3/a8_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="09" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/8gVn1mth7/a9_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="10" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/imMn1mthd/a10_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="11" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/yJIn1mru6/a1_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="12" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/SEQn1mrvl/a2_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="13" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/57bn1mrvo/a3_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="14" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/sKEn1mrvt/a4_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="15" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/SEmn1mtgr/a5_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="16" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/Bjtn1mtgv/a6_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="17" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/JJWn1mtgz/a7_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="18" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/IJbn1mth3/a8_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="19" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/8gVn1mth7/a9_c__pia.png" class="icon"></a>
- <a href="#?w=500" rel="20" class="poplight"><img src="http://static.tumblr.com/nqcm3ld/imMn1mthd/a10_c__pia.png" class="icon"></a>
- </div><!--fim div id tudo-->
- <div class="naoretire">
- <a href="http://ladysephi.tumblr.com/" target="_blank" style="text-transform: uppercase;">© Theme by LadySephi</a>
- </div>
- </body>
- </html>
- <div id="01" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="other tumblr link">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="02" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="03" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="04" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="05" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="05" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="06" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="07" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="08" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="09" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="10" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="11" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="12" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="13" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="14" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="15" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="16" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="17" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="18" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="19" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
- <div id="20" class="popup_block">
- <div class="titulo">Owner Name</div>
- <li><a href="http://twitter.com/owneruser">@OwnerUser</a></li>
- <li><a href="/tagged/ownertag">tag</a> // <a href="/">Other Tumblr</a></li>
- <div class="fofa">Description / phrase / whatever...</div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement