Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <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/fyc2dbo/Pufn974z0/sem_t__tulo-1.jpg" 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 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>
- <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
- <style type="text/css">
- body {background-color:#eee; font-family: verdana; color: ; text-align: center; font-size: 11px; background-image:url('http://static.tumblr.com/fyc2dbo/QBHn973x3/22.png'); background-attachment: fixed; overflow-y:hidden;
- 5.
- overflow-x:hidden;}
- a {color: #aaa; text-decoration: none; text-transform: none;}
- a:hover {color: #aaa; background-color: transparent; text-decoration: none;}
- #header {background: url('http://static.tumblr.com/fyc2dbo/SKHn974yl/sem_t__tulo-1.png'); background-repeat: repeat-x; width:561px; margin-top: 150px; height:351px; margin-left: 400px;}
- /*******by futurasuicida usar credite ao helpdesigns pegar sem credito vai ter porrada.*** *******/
- #linkinvidia {width:388px; height: 42px; float: left; margin-left:610px; margin-top:-110px; text-align: center; position: fixed;}
- #linkinvidia a {display: inline-block;float: left; font: 8px PF Arma Five;text-align:center text-align: center; margin-top: 0px; height: 15px; width: 43px; color:#aaa; line-height: 15px;text-transform: none;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color:; opacity:1;; -webkit-transition: all 0.5s ease-in-out;}
- #linkinvidia a:hover{background-color:; color:#5c716e;-webkit-transition: all 0.5s ease-in-out;}
- @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
- /*helpdesigns*/
- /*** MENU POP-UP (helpdesigns) ***/
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: #0a0a0a;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: #eee;
- padding: 20px;
- float: left;
- font-size: 1.2em;
- position: fixed;
- top: 50%; left: 50%;
- z-index:10000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000; background: #eee;
- /*--CSS3 Box Shadows--*/
- -webkit-box-shadow: 0px 0px 20px #000; /*--Sombras--*/
- -moz-box-shadow: 0px 0px 20px #000; /*--Sombras--*/
- box-shadow: 0px 0px 20px #000; /*--Sombras--*/
- /*--CSS3 Rounded Corners--*/
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- }
- img.btn_close {
- float: right;
- margin: -17px -18px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- .wishlist {font: 8px 'PF Arma Five'; line-height: 10px; text-indent : 5px; vertical-align : middle; no-repeat left; text-align: left; color:#aaa;
- padding-bottom : 2px;padding:5px; padding-left:1px; background:; -webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;}
- @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
- #foto{border-radius:0px 50px 50px 50px;-webkit-transition-duration: .90s;}
- #foto:hover{border-radius:50px 50px 0px 50px;-webkit-transition-duration: .90s;}
- /**Se usar credite ao helpdesigns***/
- #parr a {float: left; display: block; letter-spacing:2px; font-size:11px; font-family:Calibri; text-align: center; margin-bottom:2px; margin-left:2px; color:#fff;text-decoration: none; line-height:37px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; height:38px;width:38px;background-color:#97a9a6;opacity: 0.7;}
- #parr a:hover { -webkit-transition: all 0.9s ease-out;opacity:0.8; color:#fff; font-weight:calibri;-webkit-transition: all 0.5s ease-out;background-color:#5c716e}
- #parr:hover a {opacity: 0.4;}
- #parr a:hover {opacity: 1;-webkit-transition: background 0.9s linear; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
- #s-m-t-tooltip {max-width:300px; padding:3px 4px 5px 4px;margin:15px 20px;background-color:#fff; font: 8px 'PF Arma Five'; text-transform:uppercase; color:#aaa; z-index:99999999999999999999999999; border: 1px solid #5c716e;}/*********helpdesigns******/
- .list {float:left;text-align: left; margin-left:4px;margin-bottom:4px;width: 250px;background: #eee; padding: 3px;margin-bottom: 1px;height:15px;line-height:15px;text-indent:4px;font-family:PF Arma Five;font-size: 8px;color:#aaa;border-left:3px solid #97a9a6;}
- .list:hover{color:;text-shadow:none;-webkit-transition: all .4s ease-out;text-indent:20px;border-left:3px solid #5c716e;}
- </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="header">
- </div>
- <div id="linkinvidia">
- <a href="#?w=500" rel="motivo" class="poplight">Motivo</a>
- <a href="#?w=500" rel="mod" class="poplight">modera</a>
- <a href="#?w=500" rel="par" class="poplight">partners</a>
- <a href="#?w=500" rel="cre" class="poplight">Credits</a>
- </a></div>
- </body>
- <div id="motivo" class="popup_block">
- <div class="wishlist"><img height="64" img src="{PortraitURL-64}" align="left" width="64" style="border:3px solid #5c716e;">Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok?
- </div>
- <div class="wishlist"><p><iframe frameborder="0" height="200" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/SEUTUMBLR.tumblr.com/ask" width="100%"></iframe></p></div>
- </div></div></div>
- <div id="par" class="popup_block"><center><div id="parr">
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- </div></center>
- </div></div></div></div></div></div>
- <div id="mod" class="popup_block">
- <div class="wishlist"><center>
- <a href="url" title="Nome"><img height="94" img src="http://38.media.tumblr.com/9f3258fe7ff8331b019369b0f1c77317/tumblr_n8qf30HPiO1rkiuiwo4_250.jpg" width="94" style="border:3px solid #5c716e;"></a></a>
- <a href="url" title="Nome"><img height="94" img src="http://38.media.tumblr.com/efe1f83afc4650dd61e06c90da681e5d/tumblr_n8qf30HPiO1rkiuiwo5_250.jpg"width="94" style="border:3px solid #5c716e;"></a></a>
- <a href="url" title="Nome"><img height="94" img src="http://38.media.tumblr.com/1a0d49e812a5cc0e09cb40eead7240ea/tumblr_n8qf8leRTE1rkiuiwo7_250.jpg"width="94" style="border:3px solid #5c716e;"></a></a>
- <a href="url" title="Nome"><img height="94" img src="http://31.media.tumblr.com/4f0d9bdf2463d6cfb6fc1175c06d5fa1/tumblr_n8qf8leRTE1rkiuiwo8_250.jpg"width="94" style="border:3px solid #5c716e;"></a></a></center>
- </div></div></div>
- <div id="cre" class="popup_block">
- <div class="list"><a href="http://futurasuicida.tumblr.com/">Juliane Meira - Codificação e Design. </a></div>
- <div class="list"><a href="http://helpdesigns.tumblr.com/">helpdesigns - Várias Ajudas </a></div>
- <div class="list"><a href="http://helpavatars.tumblr.com/">helpavatars - Avatares </a></div>
- <div class="wishlist"><div style="text-align:right">Themes Helpdesigns</a></div>
- </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement