VeggieBoards banner

1 - 6 of 6 Posts

·
Registered
Joined
·
0 Posts
Discussion Starter #1
I am trying to add a Capture Box to my website.<br><br>
This is the only name I know it by. If you go to this website <a href="http://www.personaltraineru.com" target="_blank">www.personaltraineru.com</a> you will see this type of box pop-up asking you to sign up for a newsletter.<br><br>
Can any one help me? I need to know how to create this or where to find HTML code.<br><br><br><br>
THANK YOU SOOO MUCH!
 

·
Registered
Joined
·
2,472 Posts
I'm a little confused as to what you mean by capture box. Do you mean the box that is over the actual web page? Or the box you insert text into?
 

·
Registered
Joined
·
0 Posts
Discussion Starter #3
On the personaltrainer.com website a yellow box pops up and ask if you would like to subscribe to their journal. It is that box I am looking to add to my web page.<br><br>
Hopefully I explained this to you correctly.<br><br>
THANKS!
 

·
Banned
Joined
·
10,763 Posts
Probably you need to make a second web page with the box, and add a javascript to the first page, to link to and open the box page, when you load the first page. Search for javascripts to do it.<br><br><br><br>
Look at the source code for the page to see what is there.
 

·
Banned
Joined
·
10,763 Posts
I suspect this text, on the page, is the box<br><br><br><br>
<SCRIPT LANGUAGE="Javascript" type="text/javascript"><br><br>
if (early_exit == 0)<br><br>
{<br><br>
// change these settings to modify display<br><br>
var width = "125"<br><br>
// width of display box<br><br>
var title = "Recent forum posts"<br><br>
// title headline on box<br><br>
var title_display = "Yes"<br><br>
// select Yes to show title, No to not show title<br><br>
var date_display = "No"<br><br>
// select Yes to show article date, no to not show article date<br><br>
var numberofarticles = "10"<br><br>
// number of articles to display in box - maximum 20<br><br>
var item_spacing = "3"<br><br>
// spacing between items - 5 is good<br><br>
var box_bgcolor = "ffffff"<br><br>
// box background color<br><br>
var box_border = "0"<br><br>
// box border size - 1 for border, 0 for no border<br><br>
var cell_spacing = "0"<br><br>
// spacing between articles<br><br>
var cell_padding = "3"<br><br>
// padding in front of articles<br><br>
var title_bgcolor = "ffffff"<br><br>
// title font color<br><br>
var title_font = "Verdana, Arial,Helvetica, sans-serif"<br><br>
// title font face<br><br>
var title_font_size = "-1"<br><br>
// title font size<br><br>
var title_fgcolor = "ff0000"<br><br>
// title box font color<br><br>
var headline_bgcolor = "ffffff"<br><br>
// article headline background color<br><br>
var headline_font = "Verdana, Arial,Helvetica, sans-serif"<br><br>
// article headline font face<br><br>
var headline_font_size = "-2"<br><br>
// article headline font size<br><br>
var headline_fgcolor = "333333"<br><br>
// article headline font color<br><br>
var date_font = "Verdana, Arial,Helvetica, sans-serif"<br><br>
// date font face<br><br>
var date_font_size = "-2"<br><br>
// date font size<br><br>
var date_fgcolor = "ff6600"<br><br>
// date font color<br><br>
var time = new Array(global_article.length)<br><br>
// Print out the table to hold the title and headlines<br><br>
document.writeln("<TABLE BORDER="+box_border+" BGCOLOR='#"+box_bgcolor+"' WIDTH='"+width+"' CELLPADDING=2 CELLSPACING=0>")<br><br>
document.writeln("<TR><TD><TABLE BGCOLOR='#"+box_bgcolor+"' CELLPADDING="+cell_padding+" CELLSPACING="+cell_spacing+" WIDTH='100%'>")<br><br>
if (title_display == "Yes")<br><br>
{<br><br>
document.writeln("<TR BGCOLOR='#"+title_bgcolor+"'><TD>")<br><br><br><br>
document.writeln("<span class=hdr2>"+title+"</span></TD></TR>")<br><br>
}<br><br><br><br>
// Start loop for articles<br><br>
for (var counter=0; counter < numberofarticles; counter++)<br><br>
{<br><br>
// Print out the headline<br><br>
document.writeln("<TR BGCOLOR='#"+headline_bgcolor+"'><TD><A class=navleft HREF="+global_article[counter].url+">")<br><br>
document.writeln(" "+global_article[counter].headline_text+"</A>")<br><br>
\tif (date_display == "Yes")<br><br>
\t{<br><br>
\tdocument.writeln("<FONT SIZE="+date_font_size+" FACE="+date_font+" COLOR='#"+date_fgcolor+"'")<br><br>
\t document.writeln("> "+global_article[counter].article_date+"</FONT>")<br><br>
\t}<br><br>
\tdocument.writeln("<br>
")<br><br>
\t<br><br>
document.writeln("</TD></TR><TR BGCOLOR='#"+headline_bgcolor+"'><TD BGCOLOR='#"+headline_bgcolor+"' HEIGHT="+item_spacing+"></TD></TR>")<br><br>
} // End of article loop<br><br>
document.writeln("</TABLE></TD></TR></TABLE>")<br><br>
}<br><br>
</SCRIPT>
 

·
Registered
Joined
·
0 Posts
Discussion Starter #6
<div class="quote-container"><span>Quote:</span>
<div class="quote-block">Originally Posted by <strong>soilman</strong> <a href="/forum/post/0"><img alt="View Post" class="inlineimg" src="/img/forum/go_quote.gif" style=""></a><br><br>
I suspect this text, on the page, is the box<br><br><br><br>
<SCRIPT LANGUAGE="Javascript" type="text/javascript"><br><br>
if (early_exit == 0)<br><br>
{<br><br>
// change these settings to modify display<br><br>
var width = "125"<br><br>
// width of display box<br><br>
var title = "Recent forum posts"<br><br>
// title headline on box<br><br>
var title_display = "Yes"<br><br>
// select Yes to show title, No to not show title<br><br>
var date_display = "No"<br><br>
// select Yes to show article date, no to not show article date<br><br>
var numberofarticles = "10"<br><br>
// number of articles to display in box - maximum 20<br><br>
var item_spacing = "3"<br><br>
// spacing between items - 5 is good<br><br>
var box_bgcolor = "ffffff"<br><br>
// box background color<br><br>
var box_border = "0"<br><br>
// box border size - 1 for border, 0 for no border<br><br>
var cell_spacing = "0"<br><br>
// spacing between articles<br><br>
var cell_padding = "3"<br><br>
// padding in front of articles<br><br>
var title_bgcolor = "ffffff"<br><br>
// title font color<br><br>
var title_font = "Verdana, Arial,Helvetica, sans-serif"<br><br>
// title font face<br><br>
var title_font_size = "-1"<br><br>
// title font size<br><br>
var title_fgcolor = "ff0000"<br><br>
// title box font color<br><br>
var headline_bgcolor = "ffffff"<br><br>
// article headline background color<br><br>
var headline_font = "Verdana, Arial,Helvetica, sans-serif"<br><br>
// article headline font face<br><br>
var headline_font_size = "-2"<br><br>
// article headline font size<br><br>
var headline_fgcolor = "333333"<br><br>
// article headline font color<br><br>
var date_font = "Verdana, Arial,Helvetica, sans-serif"<br><br>
// date font face<br><br>
var date_font_size = "-2"<br><br>
// date font size<br><br>
var date_fgcolor = "ff6600"<br><br>
// date font color<br><br>
var time = new Array(global_article.length)<br><br>
// Print out the table to hold the title and headlines<br><br>
document.writeln("<TABLE BORDER="+box_border+" BGCOLOR='#"+box_bgcolor+"' WIDTH='"+width+"' CELLPADDING=2 CELLSPACING=0>")<br><br>
document.writeln("<TR><TD><TABLE BGCOLOR='#"+box_bgcolor+"' CELLPADDING="+cell_padding+" CELLSPACING="+cell_spacing+" WIDTH='100%'>")<br><br>
if (title_display == "Yes")<br><br>
{<br><br>
document.writeln("<TR BGCOLOR='#"+title_bgcolor+"'><TD>")<br><br><br><br>
document.writeln("<span class=hdr2>"+title+"</span></TD></TR>")<br><br>
}<br><br><br><br>
// Start loop for articles<br><br>
for (var counter=0; counter < numberofarticles; counter++)<br><br>
{<br><br>
// Print out the headline<br><br>
document.writeln("<TR BGCOLOR='#"+headline_bgcolor+"'><TD><A class=navleft HREF="+global_article[counter].url+">")<br><br>
document.writeln(" "+global_article[counter].headline_text+"</A>")<br><br>
\tif (date_display == "Yes")<br><br>
\t{<br><br>
\tdocument.writeln("<FONT SIZE="+date_font_size+" FACE="+date_font+" COLOR='#"+date_fgcolor+"'")<br><br>
\t document.writeln("> "+global_article[counter].article_date+"</FONT>")<br><br>
\t}<br><br>
\tdocument.writeln("<br>
")<br><br>
\t<br><br>
document.writeln("</TD></TR><TR BGCOLOR='#"+headline_bgcolor+"'><TD BGCOLOR='#"+headline_bgcolor+"' HEIGHT="+item_spacing+"></TD></TR>")<br><br>
} // End of article loop<br><br>
document.writeln("</TABLE></TD></TR></TABLE>")<br><br>
}<br><br>
</SCRIPT></div>
</div>
<br><br><br>
still playing around with this one....thanks!
 
1 - 6 of 6 Posts
Top