Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title></title>
- <link rel="shortcut icon" href="">
- <meta name="credit" content="popup coding taken from ary@ij - general style by tentacool@ij">
- <link rel="stylesheet" href="https://fontcity.neocities.org/candyheart.css?family=candy+heart">
- <link rel="stylesheet" href="https://fontcity.neocities.org/austiebostwibbly.css?family=austie+bost+wibbly">
- <link rel="stylesheet" href="https://fontcity.neocities.org/study.css?family=study">
- <link rel="stylesheet" href="https://fontcity.neocities.org/heyalicemono.css?family=hey+alice+mono">
- <link href='https://fonts.googleapis.com/css?family=Monoton|Leckerli+One|Sarina|Sonsie+One|Ribeye+Marrow|Warnes|Baloo+Bhai' rel='stylesheet' type='text/css'>
- <link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css">
- <link href="http://fonts.googleapis.com/css?family=Allura" rel="stylesheet" type="text/css">
- <title></title>
- <style>
- a, a:visited, a:active {
- text-decoration: none;
- }
- body {
- background-color:#E8E8E8;
- background-image:URL();
- }
- td {
- font-family: 'open sans condensed';
- font-size: 10px;
- line-height: 16px;
- letter-spacing: 1px;
- font-weight: none;
- color: #000;
- text-shadow: 0px 0px 1px #000;
- text-transform: uppercase;
- }
- .title {
- font-family: study;
- font-size: 45px;
- line-height: 45px;
- letter-spacing: -1.5px;
- color: #C12622 ;
- text-shadow: 0px 0px 2px #C12622 ;
- font-weight: lighter;
- text-transform:lowercase;
- }
- .otherstuff {
- font-family: study;
- font-size: 15px;
- line-height: 45px;
- letter-spacing: -1.5px;
- color: #C12622 ;
- text-shadow: 0px 0px 2px #C12622 ;
- font-weight: lighter;
- text-transform:lowercase;
- }
- .etc {
- font-family: 'hey alice mono';
- font-size: 15px;
- line-height: 14px;
- letter-spacing: 1px;
- font-weight: none;
- color: #fff;
- text-shadow: 0px 0px 1px #fff;
- text-transform: ;
- }
- .yo {
- font-family: 'hey alice mono';
- font-size: 15px;
- line-height: 14px;
- letter-spacing: 1px;
- font-weight: none;
- color: #red;
- text-shadow: 0px 0px 1px #red;
- text-transform: ;
- }
- #fade {
- display: none;
- background: #000;
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: .8;
- z-index: 9999;
- }
- .popup_block{
- display: none;
- background: #FFFFFF;
- padding: 20px;
- float: left;
- position: fixed;
- top: 53%;
- left: 51%;
- z-index: 99999;
- opacity: 1;
- }
- ::-webkit-scrollbar {width: 5px;}
- ::-webkit-scrollbar-thumb {border-radius: 0px; -webkit-box-shadow: inset 0px 0px 15px rgba(241, 215, 254, 1);}
- ::-webkit-scrollbar-track {border-radius: 0px; -webkit-box-shadow: inset 0px 0px 0px transparent;}
- </style>
- <!-- Scripts -->
- <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();
- //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>
- <body>
- <table width="750" cellpadding="0" cellspacing="0" align="center">
- <tr><td>
- <center><font class="title"><br><i></i></font><br><br>
- <font class="etc">(may 6th -12th) </font>
- <br><br><center>
- <!--YOU CAN CHANGE THE GREY CIRCLES AROUND PICTRES TO PATTERNS BY PUTTING AN IMAGE LINK IN THE BACKGROUND-IMAGE: URL PARENTHESES-->
- <!--GIFT ONE - CHANGE #?w=300 TO REFLECT THE WIDTH YOU'D LIKE YOUR POPUP BOX TO BE-->
- <!--GIFT THREE - CHANGE #?w=300 TO REFLECT THE WIDTH YOU'D LIKE YOUR POPUP BOX TO BE-->
- <a href="#?w=500" class="poplight" rel="03"><img src="" class="bw" style="width: 200px; padding: 5px; background-color:#C12622; border-radius: 100px; border: 1px solid #C12622; background-image: url( ); margin-right: 20px;"></a>
- <br><br>
- <font class="title"></font>
- <font class="etc"><br></center>
- <br><br>
- </font>
- </center></center></td></tr></table>
- <!--GIFT ONE POPUP - THESE DO NOT HAVE TO BE THE SAME IMAGE BUT CAN BE IF YOU CHOOSE-->
- <div id="03" class="popup_block">
- <font class="otherstuff">blah blah</font></center><br>
- <font class="yo">blah blah blah</font>
- </font>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement