Pop-up form like avacwab

I saw the avacweb 'get more points' button when you click it, this pop-up will appear Is there a way to do it?

I am not sure about the effect.

Have you tried this?
http://www.csgnetwork.com/puhtmlwincodegen.html

I do not know how to use it.

Give this a try:

Go to ACP > Display > Homepage > Generalities > Homepage and Message > Message Content: (Put this)

Code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/hhedat8/OUkmkh864/script.js"></script>
<script src="http://static.tumblr.com/hhedat8/cfemkh9df/script.js"></script>
<link rel="stylesheet" href="http://static.tumblr.com/hhedat8/Thhmkh9eb/script.css"><div id="modal"><div id="heading1">
<span style="font-family: Arial;">Hello!</span>
</div><div id="content1">
<p style="font-family: Arial;">Edit this content and it will be good now!</p>
</div>
</div>

<a href="#" id="button">Click me</a>

Just edit the 'Hello!' and the 'Edit this content and it will be good now!'

I want to make it in the nav bar. Is there a way to do it?


Edit: I also need to make it slightly bigger.

E-Mark wrote:Give this a try:

Go to ACP > Display > Homepage > Generalities > Homepage and Message > Message Content: (Put this)

Code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/hhedat8/OUkmkh864/script.js"></script>
<script src="http://static.tumblr.com/hhedat8/cfemkh9df/script.js"></script>
<link rel="stylesheet" href="http://static.tumblr.com/hhedat8/Thhmkh9eb/script.css"><div id="modal"><div id="heading1">
<span style="font-family: Arial;">Hello!</span>
</div><div id="content1">
<p style="font-family: Arial;">Edit this content and it will be good now!</p>
</div>
</div>

<a href="#" id="button">Click me</a>

Just edit the 'Hello!' and the 'Edit this content and it will be good now!'

I'm confused on how to use this.

Bump for someone who can help me!

Bumping this up again.

BUMP!!!

BUMP!!!!! lol

JavaScript Code's

Code:


function avacwebox {
$('head').append('<div id="pop-wrapper"></div><div id="aw-box">Text messages box</div>');
$('#aw-box').click(function() {
$(this).insertAfter('body').toggle();
$('#pop-wrapper').insertAfter('body').toggle();
});
}
$(function() {
$('#location to place').before('<a href="#" onclick="avacwebox();">Text Here</a>'); // #page-footer, #page-header etc.
});

CSS Code's

Code:

#pop-wrapper {
position: fixed;
background: #000;
opacity: 0.6;
width: 100%;
}

#aw-box {
background: #eee;
border: 1px solid #ccc;
position: fixed;
width: 700px;
height: 700px;
}


It does not do anything . But anyway thanks