The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Pop-up form like avacwab

View previous topic View next topic Go down

Pop-up form like avacwab

Post by aaronz on March 30th 2013, 12:36 pm

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

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Re: Pop-up form like avacwab

Post by Sanket on March 30th 2013, 12:42 pm

I am not sure about the effect.

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

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: Pop-up form like avacwab

Post by aaronz on March 30th 2013, 2:01 pm

I do not know how to use it.

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Re: Pop-up form like avacwab

Post by E-Mark on March 30th 2013, 3:26 pm

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!'
Razz

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Re: Pop-up form like avacwab

Post by aaronz on March 31st 2013, 10:20 am

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.

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Re: Pop-up form like avacwab

Post by puppycheese on April 1st 2013, 2:41 am

@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!'
Razz

I'm confused on how to use this.

puppycheese
Forumember

Posts : 141
Reputation : 2
Language : english

http://www.converseit.net/

Back to top Go down

Re: Pop-up form like avacwab

Post by aaronz on April 1st 2013, 12:15 pm

Bump for someone who can help me!

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Re: Pop-up form like avacwab

Post by aaronz on April 2nd 2013, 2:43 pm

Bumping this up again. bwi

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Re: Pop-up form like avacwab

Post by aaronz on April 4th 2013, 12:46 pm

Bump!!!!!!

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Re: Pop-up form like avacwab

Post by aaronz on April 6th 2013, 8:57 am

BUMP!!! Evil or Very Mad

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Re: Pop-up form like avacwab

Post by aaronz on April 8th 2013, 11:49 am

BUMP!!!!! lol

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Re: Pop-up form like avacwab

Post by Guest on April 8th 2013, 12:43 pm

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;
}

Guest
Guest


Back to top Go down

Re: Pop-up form like avacwab

Post by aaronz on April 9th 2013, 5:50 am

It does not do anything bwi . But anyway thanks

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum