Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- to delete popups, delete the code below from the css:
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- /* POP UP */
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: {color:background};
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: transparent;
- padding: 20px;
- float: left;
- position: fixed;
- top:50%;
- left:50%;
- z-index: 99999;
- height:347px;
- }
- .poptext {
- margin-left:auto;
- margin-right:auto;
- margin-top:-15px;
- width:250px;
- padding:10px;
- margin-left:170px;
- height:450px;
- overflow:auto;
- text-align:justify;
- color:{color:background};
- background-color:#dddddd;
- }
- .poptext a {
- color:{color:bold};
- }
- .popask {
- margin-left:auto;
- margin-right:auto;
- margin-top:-10px;
- width:400px;
- padding:40px 40px 40px 40px;
- margin-left:160px;
- font-weight:bold;
- overflow:hidden;
- text-align:justify;
- font-size:14px;
- }
- .popnav {
- margin-left:auto;
- margin-right:auto;
- margin-top:-70px;
- width:360px;
- padding:40px 40px 40px 40px;
- margin-left:150px;
- font-weight:bold;
- overflow:auto;
- text-align:justify;
- color:{color:text};
- font-size:14px;
- background-repeat:no-repeat;
- }
- img.btn_close {
- float: right;
- margin: -5px -5px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- /* POPUP NAVIGATION */
- #table {
- display: block;
- font-size: 12px;
- font-family: 'times';
- text-align: center;
- margin-left:-30px;
- margin-top:100px;
- }
- #links {
- display: block;
- font-decoration: none;
- width: 400px;
- }
- #links a {
- display: block;
- padding: 6px;
- color: white;
- background-color:#202020;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- text-decoration: none;
- }
- #links a:hover {
- display: block;
- padding: 6px;
- color:{color:em};
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- text-decoration: none;
- }
- AND all this from below the </body> part of the html:
- <div id="01" class="popup_block">
- <div class="popask">
- <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/USERNAME.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
- <p><iframe frameborder=“0” scrolling=“no” width=“100%” height=“190” src=“http://www.tumblr.com/ask_form/avegodafrid.tumblr.com” style=“background-color:transparent; overflow:hidden;” id=“ask_form”></iframe><!–[if IE]><script type=“text/javascript”>document.getElementById(‘ask_form’).allowTransparency=true;</script><![endif]–></p>
- </div>
- </div>
- <div id="02" class="popup_block">
- <div class="poptext">
- maybe some rules??
- </div>
- </div>
- <div id="03" class="popup_block">
- <div class="poptext">
- an about page or something idk
- </div>
- </div>
- <div id="04" class="popup_block">
- <div class="poptext">
- verses, whatever, whatever
- </div>
- </div>
- <div id="05" class="popup_block">
- <div class="popnav"><div id="links"><table id="table" table border="0" cellspacing="" cellpadding="2"><center>
- <tr>
- <td><a href="/">LINK</a></td>
- <td><a href="/">LINK</a></td>
- <td><a href="/">LINK</a></td>
- </tr>
- <td><a href="/">LINK</a></td>
- <td><a href="/">LINK</a></td>
- <td><a href="/">LINK</a></td>
- </tr>
- <tr>
- <td><a href="/">LINK</a></td>
- <td><a href="/">LINK</a></td>
- <td><a href="/">LINK</a></td>
- </tr>
- </center></table></div></div></div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement