PAGE 1



NOTE: If any of the codes below begin with */--></script> it means that this Advanced Editor (AE) method must be used with it. In some cases, I have left my own working URLs in the code - merely substitute your URLs for mine.


  •  Get Advanced Editor (AE) directions [Here]


  •  Links to more CC&P code sites [Here]

<New>F-key Saver

GO to Page 2

GO to Page 3




IMAGE MAPS

Go to WebWizard to get coords

[Click Here]   to see this code in action








PULL-DOWN MENU

[Click Here]  to copy this NewsGroup menu

Copy a blank menu here:



Donated by Little Lad






PULL-DOWN MENU - 2

This menu takes an extra button-click, but it can be more dependable and works better for PC visitors

[Click Here]  to copy this color menu

Copy a blank menu here:







CGI JUMP BOX Menu
(Can be used in a sig box)


Jump Box Title

Copy a blank menu here:



CGI courtesy of Bob Wedge





Browser Sniffer W/ Auto-Redirect

     Detects your visitors screen widths and instantly directs the visitor to the appropriate page adjusted for their particular screen resolution.

     (You can test this script's effectiveness by changing "600" down to "500"...since your MsnTv screen width is 544 you won't be re-directed at "500", but you will when it's set at "600")

     Just place this code on a page specially prepared for PC users and it will automatically re-direct MsnTv users to a page you specially prepare for them.

     In my opnion, this is the best sniffer, and the most simple of the 3 I have to CC&P - copy it here:








Browser Sniffer (w/ pop-up re-direct)

Detects screen widths and redirects to 2nd page - Place this script on a page and it will then redirect MsnTv viewers to a 2nd page prepared just for them, and PC viewers to another page specially prepared for them - it does this by detecting our smaller screen widths

[Click Here]   to see this code in action







BROWSER SNIFFER

Leaves one message for MsnTv browsers,
and a 2nd message for PCs

[Click Here]   to see this code in action









Display Your Visitor's Browser Type

(2.6.1 browsers display as 2.6)

[Click Here]   to see this code in action










Javascript - black BG at night, white in the daytime

[Click Here]   to see this code in action (requires the AE Fix)







Change Bgcolor & Text

This script will change your background colors and page's text and link colors - "fg" is the only confusing one..."fg" changes your text color [Click Here] for more Directions (Change the pre-set colors in the script to whatever new colors you like):
 


Script by Kid-Kode





Javascript Intantaneous Re-direct

     This is useful if you change your page's URL...then, you can put this code at the old URL to direct your visitors to the new site.

     There's also a meta redirect included in case their javascript is turned off...also, a standard link just in case anything goes wrong with the 2 automatic methods







Frameset

[Click Here]   for directions (requires the AE Fix)

[Click Here] to see an example of a slideshow in a frameset









SLIDESHOW

[Click Here]   for directions (requires the AE Fix)








JAVASCRIPT MAILTO:

(Used to thwart Spam-spiders) - [DIRECTIONS]

Rewrite the variables to suit your needs:


Modified for Pagebuilder by JaxRed






BACK Button



Donated by Little Lad





Sig Storage Form-boxes

(The same as on this page)
(Best when used with the AE Fix)







Code Storage Jump Box


(Not good for javascript storage) - Copy it here:

Donated by Little Lad





PC SAFE BUG-ALERT

(This Bug-Alert will be hidden from PC viewers)







JAVASCRIPT ANIMATION

     The animated banner at the top of this page is actually done by using 3 separate still images sequenced with javascript. To add more (or less) images into the animation sequence, merely change the "3" in the code: var nbImg = 3; -- to alter the animation speed, change it from "1500 milli-seconds" (i.e., 1½ seconds) at the end of the code here: "animate();", 1500);}</script>
     NOTE: It must be the first image on the page. It must also be used with the AE method.


This is the code:



Modified to use on Pagebuilder by Little Lad





Color Names to Hex Code Converter



Donated by Little Lad





GO to Page 2

GO to Page 3



~ LINKS to More CC&P Sites ~


[GO] - Ken's CC&P Tools

[GO] - Jawjahboy's CC&P Javascript

[GO] - Art Camm's Useful Codes
          (Not adjusted for Pagebuilder)

[GO] - EZ CODES
          (Not adjusted for Pagebuilder)

[GO] - Lad's CC&P Clocks

[GO] - Lad's CC&P Buttons

[GO] - U-L-T-R-A's CC&P Codes
          (Not adjusted for Pagebuilder)

[GO] - Cassina's Script Collection
          (Not adjusted for Pagebuilder)

[GO] - Beth Candy





The AE METHOD




     The Advanced Editor (AE) FIX is actually a very easy process, and it usually takes less than one minute to set up your pages after you learn this simple two-step method for installing it.

     Since it validates the best, this NEW AE method additionally uses javascript multi-line comments (<!-- /* &  */ // -->) tags within the script tags:

</title><script><!-- /* and */ // --></script></head>

     However, the javascript multi-line comments aren't really necessary for this to work on our webbie browsers and many PCs. So, if the multi-line comments are too complicated for you, in the beginning just use the<script> and </script>tags. Later, after you get your backgrounds working you can add the comments for your PC visitors (some PCs may get a javascript pop-up warning if you don't add them, primarily AOL users.)

     You can begin your AE FIX when creating a page from scratch by first choosing a template background (any will do since it won't show later), and then give your page a short title (lower-case is best with no punctuation...and, one word is preferable.)


     WARNING #1 - Adding the AE code to your Title-box PRIOR to first publishing your page will improperly add the opening AE code to your page's URL...and, you don't want that to happen!



     WARNING #2 When you initially publish your page you will then see this check-box below your Title-box:


 Show this title on your page




     NEVER check the "Show title on page" box! (On ANY page - really bad things will happen if you do :-)   Make certain that it's UN-CHECKED and looks exactly like this before you publish your page:



 Show this title on your page





(*NOTE: If this AE Fix is to a previously published page, then you can skip the above part and add the AE Fix to your existing page by following the simple 2-STEP directions below):

STEP #1:


Simply add the AE code (*/ // --></script></head>) and your <BODY> tag to the very first add-text box on your page:


  Add text to your document


   Type a title (optional):



   Type your text here:


Text size:  SmallMediumLarge

Text style: Plain  Bold     Italic
        Item 1 (of 4)
  
 



     If the AE code is being added to a new page not yet published, THEN PROMPTLY PUBLISH THE PAGE NOW!
 (i.e., to set your page's URL prior to adding the AE code to your Title-box in Step #2):






STEP #2:



     After your webpage is published you MUST return to your Title-box by choosing "Edit title" and add the opening AE code to it:

</title><script><!-- /*

     This is what the "Title-box" looks like where you will place the 2nd part of your AE code - I had originally named my webpage simply "forms" (to keep my Url short), so we'll use that page-title in this example - now that your page's Url is set, you can also delete the short title and give your page a longer title at this point, too:


  Title for your page


clear.gifThe title appears at the top of your page (if you choose to show it) as well as in the list of your pages.



  Type your page's title:




 Show this title on your page



     After you add the </title><script><!-- /* tags to your Title-box, then publish your page again, and that's it! You should now see your background!

     It really doesn't matter if you do STEP #2 first, and STEP #1 second, as long as the AE code is added to a previously PUBLISHED page with its Url already set....this is just in the order that I usually do it.

     Continue to edit your page normally after you have applied the AE Fix to it, but it's always best to place your entire page's content into the one add-text box below your added <BODY> tag.

     After any pagebreaks, simply add the AE code (*/ // --></script></head>) and your <BODY> tag to the very first add-text box on your next page...the previously added AE code in the Title-box will also cancel out the template <Body> for any pages added after a pagebreak.

     I use the new </title><script><!-- /* and */ // --></script></head> AE method because it seems to work better with complex javascript and it validates the best, and it's the most PC-friendly method to use.

     Go here to see a graphic demonstration how the added AE tags relate to Pagebuilder's hidden template tags.

     If the above didn't answer your questions on the AE method, then here are links to more in-depth tutorials and commentaries:


  •  The particular AE method used in this tute were taken primarily from the musings, postings and suggestions of JaxRed. For more on the <script> method go to [JaxRed]


  •   For more on the <!--//> method go to [Paul Dutton]

  •  Get the history of the development of the AE method [Williamandrux]

  • Ken's new and improved Pagebuilder layout [kdine]



     If you should have any questions, or need any help on using the AE method, please go to [alt.pagebuilder.help]



[Back to Top]

msn hell
We are Microsoft,
resistance is futile
counter







































Title and description for your page


The title appears at the top of your page, if you've chosen to show it. The title and description appear in the list of your pages.



  Type your page's title:


  Type your page's description:




 Include this page in your public list of pages


     This is what the "Title-box" looks like when you access it from your Pagebuilder's index list of pages...when you access the Title-box this way, instead of the "Show title on page" check-box, you have the Description-box & the Public-list check-box.

     Click [HERE] to see how the Title-box looks when it's instead accessed from Pagebuilder's sidebar link.
































     Below is the HTML for a typical Pagebuilder webpage. The tags which are highlighted YELLOW are the hidden template tags which MsnTv automatically adds to each webpage for you.

     The words and tags which are highlighted BLUE are those which can be added by you via one of PB's various data-entry boxes. Next to each blue area are numbered links which will take you to Pagebuilder's corresponding data-entry box where it was actualy entered.

     The tags which are highlighted ORANGE and underlined are the template codes between the opening and closing AE tags, which the <script> tags have effectively cancelled out (sorry old Classic users...you will just see the underlined tags and not the highlighted colors [Click here] for a Classic version)

<html>
<head>
<META NAME="generator" CONTENT="WebTV Page Builder v1.1">
<META NAME="description" CONTENT="My AE Demonstration [#1]"><title>forms </title><script><!-- /*[#2]</title>
</head>
<body bgcolor="silver" text="black" link="blue" alink="red" vlink="#ff00ff">
<P>
<TABLE>
<TR><TD>
<P ALIGN=left>
--------------------START ADD-TEXT BOX-------------------

*/ // --></script><!-- Additional script & meta tags can be added here --></head><body bgcolor="white" text="black" link="blue" alink="red" vlink="#ff00ff">


<H1 align="center"> My Title </H1>[#3]

~ REST OF PAGE CONTENT HERE ~


<table><tr><td>

---------------------END ADD-TEXT BOX--------------------

</TD></TR></TABLE>
</P><table border="0" cellpadding="0" cellspacing="2" width="100%">
<tr height=0>
<td height=0>
<spacer type=block width=30% height=0>
<td height=0>
<spacer type=block width=30% height=0>
<td height=0>
<spacer type=block width=30% height=0>
</tr>
<tr>
<td colspan="3">
<hr>
</td>
</tr>
<tr>
<td valign=middle width=30%>
<font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">
<b>
</b></font></td>
<td valign=middle width=30%>
<center>
<font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular" size=-2><I>
<a href="http://www.msntv.com">Powered by MSN TV</a>
</I></font></center>
</td>
<td align=right valign=middle width=30%>
<font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">
<b>
</b></font></td>
</td>
</tr>
<tr>
<td colspan="3">
<hr>
</td>
</tr>
</table>
</BODY>
</HTML>
































     Below is the HTML for a typical Pagebuilder webpage. The tags which are YELLOW are the hidden template tags which MsnTv automatically adds to each webpage for you.

     The words and tags which are BLUE are those which can be added by you via one of PB's various data-entry boxes. Next to each blue area are numbered links which will take you to Pagebuilder's corresponding data-entry box where it was actualy entered.

     The tags which are ORANGE and underlined are the template codes between the opening and closing AE tags, which the <script> tags have effectively cancelled out

<html>
<head>
<META NAME="generator" CONTENT="WebTV Page Builder v1.1">
<META NAME="description" CONTENT="My AE Demonstration [#1]"><title>forms </title><script>/*[#2]</title>
</head>
<body bgcolor="silver" text="black" link="blue" alink="red" vlink="#ff00ff">
<P>
<TABLE>
<TR><TD>
<P ALIGN=left>
-------------------START ADD-TEXT BOX------------------

*/</script><!-- Additional script & meta tags can be added here --></head><body bgcolor="silver" text="black" link="blue" alink="red" vlink="#ff00ff">
[#3]

<H1 align="center"> My Title </H1>


~ REST OF PAGE CONTENT HERE ~


<table><tr><td>

--------------------END ADD-TEXT BOX-------------------

</TD></TR></TABLE>
</P><table border="0" cellpadding="0" cellspacing="2" width="100%">
<tr height=0>
<td height=0>
<spacer type=block width=30% height=0>
<td height=0>
<spacer type=block width=30% height=0>
<td height=0>
<spacer type=block width=30% height=0>
</tr>
<tr>
<td colspan="3">
<hr>
</td>
</tr>
<tr>
<td valign=middle width=30%>
<font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">
<b>
</b></font></td>
<td valign=middle width=30%>
<center>
<font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular" size=-2><I>
<a href="http://www.msntv.com">Powered by MSN TV</a>
</I></font></center>
</td>
<td align=right valign=middle width=30%>
<font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">
<b>
</b></font></td>
</td>
</tr>
<tr>
<td colspan="3">
<hr>
</td>
</tr>
</table>
</BODY>
</HTML></font>


GO Back to Top
(Quick Copy Codes)

GO Back to AE Tutorial



















Powered by MSN TV
next page