Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!--- Theme about by Helpdesigns - Isah Revolucionou --->
- <head>
- <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://media.tumblr.com/95eb55c7756ab7a801fb3e06d529530d/tumblr_inline_mxrgp0VVOZ1s14gux.png" class="btn_close" title="Feche aqui" 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 tag.
- $('#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>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <style>
- a {color: #aaa; text-decoration: none; text-transform: none;}
- a:hover {color:#aaa; background-color: transparent; text-decoration: none;}
- body {background-color:#efefef; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url(''); background-attachment: fixed; }
- /*--- Descreva-se - Revolucionou - Helpdesigns---*/
- #descrevase {width:370px;height:300px;background:#;color:#aaa;position:fixed;margin-top:210px;font-family:calibri;font-size:8px;margin-left:500px;line-height:17px;text-transform:uppercase;}
- /*--- Frase - Revolucionou - Helpdesigns---*/
- #tihd {font-family:georgia;font-size:35px;color:#fff;z-index:999999999999999999999;text-shadow:0px 1px 1px #;position:fixed;margin-left:500px;margin-top:150px;}
- @font-face {font-family: 'LavanderiaRegular';src: url('http://static.tumblr.com/2lqtwbf/G1Dlyrsst/lavanderia_regular-webfont.eot');src: url('http://static.tumblr.com/2lqtwbf/G1Dlyrsst/lavanderia_regular-webfont.eot?#iefix') format('embedded-opentype'),url('http://static.tumblr.com/2lqtwbf/RAPlyrset/lavanderia_regular-webfont.ttf') format('truetype'),url('http://static.tumblr.com/2lqtwbf/kb1lyrsq2/lavanderia_regular-webfont.svg#LavanderiaRegular') format('svg');}
- #tumblr_controls{position: fixed!important}
- #tumblr_controls{position: fixed!important}
- #tumblr_controls{position: fixed!important}
- #tumblr_controls{position: fixed!important}
- #s-m-t-tooltip {max-width:300px;padding:3px 4px 5px 4px;margin:15px 20px;background-color:fff; font-family:calibri; font-size:8px; letter-spacing:1px; text-transform:uppercase; color:#ccc; z-index:9999999;}/*********helpdesigns******/
- /*--- Pop up - Revolucionou - Helpdesigns---*/
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background-image:url('');background:#eee;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: #fff;
- padding: 20px;
- border:0px double #fff;
- float: left;
- font-size: 1.2em;
- position: fixed;
- top: 50%; left: 50%;
- z-index:10000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000;background-image:url('');
- background:#fff;
- /*--CSS3 Box Shadows--*/
- -webkit-box-shadow: 0px 0px 20px #aaa;
- -moz-box-shadow: 0px 0px 20px #aaa;
- box-shadow: 0px 0px 20px #aaa;
- /*--CSS3 Rounded Corners--*/
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- border-radius: 0px;
- }
- img.btn_close {
- float: right;
- margin: -20px -20px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- /*--- Titulo e box - Helpdesigns---*/
- .helpdesignstitulo {text-align:left; font:30px 'georgia'; opacity:1; line-height:19px; padding:1px;padding-bottom:2px; color:#ccc;}
- .boxhelp {background:#fff;overflow: auto;font-family:calibri;color:#ccc; font-size:8px;text-transform:uppercase;}
- /*--- Link - Revolucionou - Helpdesigns---*/
- #gainhelpd {z-index:999999999999999;position: fixed; width:500px; margin-left:620px; margin-top:330px; padding: 0px; text-align: center;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
- #gainhelpd a {float: left; display: block; letter-spacing:0px;font-size:8px; font-family: calibri; text-align: center; margin-bottom:0px; margin-left:1px; color:#aaa; text-decoration: none; line-height:27px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.3s ease-out; height:30px;opacity:1;width:50;overflow:hidden;text-indent:0px;background:#;text-transform:uppercase;}
- #gainhelpd a:hover {-webkit-transition: all 0.5s ease-out;color:#fff; font-weight:calibri;-webkit-transition: all 0.5s ease-out;width:50px;text-shadow:1px 1px 1px #;background:#;}
- @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
- /*--- Não remover os creditos ---*/
- </style>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <body>
- <div id="tihd">About tumblr</div>
- <div id="gainhelpd">
- <a href="#?w=500" rel="pop" class="poplight">• Nome</a>
- <a href="#?w=500" rel="poptwo" class="poplight">• Nome</a>
- <a href="#?w=500" rel="poptree" class="poplight">• Nome</a>
- <a href="#?w=500" rel="popfor" class="poplight">• Nome</a>
- </div>
- </div>
- <!--- DESCRIÇÃO AQUI --->
- <div id="descrevase"><img src="http://40.media.tumblr.com/8e7cf0c3a4fdbbdff3c9dcb1cfee278d/tumblr_n8djcjiEp71stws7go8_250.png" style="float:left;width:64px;height:64px;margin-right:5px ">Aqui neste espaço, você pode descrever um pouco do seu tumblr, quando ele foi criado, com que intuito, quando tal moderadora entrou e afins, não precisa ser uma coisa muito longa. Então já pra deixar explicadinho, os pop ups já estão arrumados, ele é todo pelo html, e pode ser mudada as cores, os abouts das moderadoras e as fotos, deixei tudo indicado entre outros, esse icon ao lado da descri você coloca a url da img. Peço a você que não use de base, e não retire os créditos, se pegar por favor de like, assim irá nos motivar a postar mais coisas.</div>
- <div style="display:block;top:610px;left:20px;font-size:8px;font-family:calibri;text-transform:uppercase;position:fixed;padding:3px;z-index:55554235555;}"><a href="http://helpdesigns.tumblr.com/" title="Theme about by helpdesigns - Isah">HELPDESIGNS ©</a>
- </div>
- </body>
- </html>
- <!--- Moderadora 1 --->
- <div id="pop" class="popup_block">
- <div class="helpdesignstitulo">Url da moderadora</div></br>
- <div class="boxhelp">
- <img src="http://40.media.tumblr.com/a29dfde574a036069b8cd47aadccc90d/tumblr_nau4mj4p3K1rkiuiwo1_250.png" style="float: left;margin-right:3px; border:0px solid #1c1c1c;width:64px;height:64px">Arrume a foto, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal. Fica bonito ir apenas até aqui.<br><br>
- </div>
- </div></div>
- <!--- Moderadora 2 --->
- <div id="poptwo" class="popup_block">
- <div class="helpdesignstitulo">Url da moderadora</div></br>
- <div class="boxhelp">
- <img src="http://40.media.tumblr.com/2bf77cb56bcd977f9dd9a04f6a640f26/tumblr_n9pry5MXQD1rkiuiwo5_250.jpg" style="float: left;margin-right:3px; border:0px solid #1c1c1c;width:64px;height:64px">Arrume a foto, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal. Fica bonito ir apenas até aqui.<br><br>
- </div>
- </div></div>
- <!--- Moderadora 3 --->
- <div id="poptree" class="popup_block">
- <div class="helpdesignstitulo">Url da moderadora</div></br>
- <div class="boxhelp">
- <img src="http://40.media.tumblr.com/56ebe3977b46c8730209cac331260886/tumblr_n8qf67Vpad1rkiuiwo7_250.jpg" style="float: left;margin-right:3px; border:0px solid #1c1c1c;width:64px;height:64px">Arrume a foto, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal. Fica bonito ir apenas até aqui.<br><br>
- </div>
- </div></div>
- <!--- Moderadora 4 --->
- <div id="popfor" class="popup_block">
- <div class="helpdesignstitulo">Url da moderadora</div></br>
- <div class="boxhelp">
- <img src="http://41.media.tumblr.com/5be3baf5fce44fd0a064261deca73625/tumblr_n98evrI8c91rkiuiwo2_250.jpg" style="float: left;margin-right:3px; border:0px solid #1c1c1c;width:64px;height:64px">Arrume a foto, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal, about aqui, aqui você se descreve e tal. Fica bonito ir apenas até aqui.<br><br>
- </div>
- </div></div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement