top



How do you do a pop up like the logn one, olne the effecto of the pop up and making the background darker.

Have created a very simiple code for you, that you can change by uself easily.

jQuery:

Code:
$(function(){
   $(".open_and_close").click(function() {
      $("#login-float").fadeToggle("slow");
   });
});
CSS:
Code:
#login-float {
background-image : url('http://i52.tinypic.com/2v9oqxx.png');
display:none;
width : 100%;
height : 100%;
left : 0px;
top : 0px;
position : fixed;
}
#login-float div {
background : #FFFFFF;
margin : 30px auto;
padding : 10px;
width : 900px;
}
HTML:
Code:
<a href="#" class="open_and_close">Open or close</a>

<div id="login-float">
   <div>
This is the content stuff. <br/><br/>
<a href="#" class="open_and_close">Open or close</a>
   </div>
</div>

How do i put the script

You put them in your CSS, askor. Smile

Meminto wrote:You put them in your CSS, askor. Smile

Really ??

jQuety in the css?

i said the

Code:
<srcipt ...></script>

If you want put the code on the forum you need put the jquery on "Javascript codes management"

Yes.

jQuery:

Code:
$(function(){
   $(".open_and_close").click(function() {
      $("#login-float").fadeToggle("slow");
   });
});

This one goes in the "JavaScript Codes Management".

CSS:
Code:
#login-float {
background-image : url('http://i52.tinypic.com/2v9oqxx.png');
display:none;
width : 100%;
height : 100%;
left : 0px;
top : 0px;
position : fixed;
}
#login-float div {
background : #FFFFFF;
margin : 30px auto;
padding : 10px;
width : 900px;
}

This one goes in your CSS.

HTML:
Code:
<a href="#" class="open_and_close">Open or close</a>

<div id="login-float">
   <div>
This is the content stuff. <br/><br/>
<a href="#" class="open_and_close">Open or close</a>
   </div>
</div>

This one goes in the "HTML Pages Management".