For J00!!

HTML HELP- BACKGROUNDS

background:

/////// Google Analytics
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21402695-21']);
_gaq.push(['_setDomainName', 'angelfire.com']);
_gaq.push(['_setCustomVar', 1, 'member_name', 'zine2/theeliteneopians', 3]);
_gaq.push(['_trackPageview']);
(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

////// Lycos Initialization /////////////////////
var lycos_ad = Array();
var lycos_search_query = "";
var lycos_onload_timer;

var cm_role = "live";
var cm_host = "angelfire.lycos.com";
var cm_taxid = "/memberembedded";
var angelfire_member_name = "zine2/theeliteneopians";
var angelfire_member_page = "zine2/theeliteneopians/foryou.html";
var angelfire_ratings_hash = "1564321289:c56fb7e2634bdc75ab76ca2aab720ec6";

var lycos_ad_category = {"find_what":"big brother"};

var lycos_ad_remote_addr = "165.22.226.244";
var lycos_ad_www_server = "www.angelfire.lycos.com";
var edit_site_url = "www.angelfire.lycos.com/landing/landing.tmpl?utm_source=house&utm_medium=landingpage&utm_campaign=toolbarlink";

</script>
<script type="text/javascript" src="http://scripts.lycos.com/catman/init.js"></script>

//this.lycos_search_query = lycos_get_search_referrer();
    var adMgr = new AdManager();
    var lycos_prod_set = adMgr.chooseProductSet();
    var slots = ["leaderboard", "leaderboard2", "toolbar_image", "toolbar_text", "smallbox", "top_promo", "footer2","slider"];
    var adCat = this.lycos_ad_category;
    adMgr.setForcedParam('page', (adCat && adCat.dmoz) ? adCat.dmoz : 'member');

if (this.lycos_search_query) {
        adMgr.setForcedParam("keyword", this.lycos_search_query);
    } 
    else if (adCat && adCat.find_what) {
        adMgr.setForcedParam('keyword', adCat.find_what);
    }

for (var s in slots) {
        var slot = slots[s];
        if (adMgr.isSlotAvailable(slot)) {
            this.lycos_ad[slot] = adMgr.getSlot(slot);
        }
    }

adMgr.renderHeader();
    adMgr.renderFooter();
}((function() {
    var w = 0, h = 0, minimumThreshold = 300;
    if (top == self) {
        return true;
    }

if (typeof(window.innerWidth) == 'number' ) {
        w = window.innerWidth;
        h = window.innerHeight;
    }
    else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        w = document.documentElement.clientWidth;
        h = document.documentElement.clientHeight;
    }
    else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
        w = document.body.clientWidth;
        h = document.body.clientHeight;
    }

return ((w > minimumThreshold) && (h > minimumThreshold));
}())));

window.onload = function() {
    var f = document.getElementById("lycosFooterAd");
    var b = document.getElementsByTagName("body")[0];
    b.appendChild(f);
    f.style.display = "block";
    document.getElementById('lycosFooterAdiFrame').src = '/adm/ad/footerAd.iframe.html';

// Slider Injection
    (function() {
        var e = document.createElement('iframe');
        e.style.border = '0';
        e.style.margin = 0;
        e.style.display = 'block';
        e.style.cssFloat = 'right';
        e.style.height = '254px';
        e.style.overflow = 'hidden';
        e.style.padding = 0;
        e.style.width = '300px';
    })();

// Bottom Ad Injection
    ( function() {
        var b = document.getElementsByTagName("body")[0];

var iif = document.createElement('iframe');
        iif.style.border = '0';
        iif.style.margin = 0;
        iif.style.display = 'block';
        iif.style.cssFloat = 'right';
        iif.style.height = '254px';
        iif.style.overflow = 'hidden';
        iif.style.padding = 0;
        iif.style.width = '300px';
        iif.src = '/adm/ad/injectAd.iframe.html';
        
        var cdiv = document.createElement('div');
        cdiv.style = "width:300px;margin:10px auto;";
        cdiv.appendChild( iif );
        if( b )
        {
            b.insertBefore(cdiv, b.lastChild);
        }
    })();

}

</script>

<div class="adCenterClass" style="display:block!important; overflow:hidden; width:916px;">
        <a href="http://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; float:left; width:186px; border:0">
        <img src="/adm/ad/angelfire-freeAd.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" />
        </a>
        <div id="ad_container" style="display:block!important; float:left; width:728px ">
            <script type="text/javascript">document.write(lycos_ad['leaderboard']);</script>
        </div>
    </div>
</div>

<script type="text/javascript">document.write(lycos_ad['slider']);</script>

background image :

VERTICAL LINE

HORIZONTAL LINE

FONTS

Windings

COLORS

#CC1502	#CC1502	#F4805C	#E49880
#E48F16	#F4A83C	#F5AC43	#F5C279
#F3CD33	#F3D55D	#F8DF7A	#F6E8B2
#91C90B	#A3E010	#88EA66	#BFF6AC
#3337E5	#77A8F1	#B0CDF8	#D2DFF2
#940FC5	#CE65F5	#E2ACF6	#EBDEF0
#000000	#808080	#C0C0C0	#FFFFFF

1 2 3 4 5 6 7

OTHER CODES

Bold <b> Bold</b>

~~Strikout~~ <s>Strikeout</s>

^SuperScript <sup>Super</sup>Script

_SubScript <sub>Sub</sub>Script

Underline <u>Underline</u>

Italic <i>Italic</i>

TABLE CODES

Here are the codes that you will use for tables to make a basic table. Codes to jazz up your table will come later. Tables are good for organizing content on a websites. Many whole webpages are designed off of tables.

<table>
This is the start of your table code.

<tr>

This is a row. You can repeat this code as many times as you want, and you will give you more rows.

<td>text goes here</td>

This is a column, it comes after you have done the row code. Repeat the code indefinitly, although it must be after the code above though.

</tr>

This is the code you put after your td code's to end the row.

</table>

This is the ending code, it comes after all your rows and colomns, after the table is done.

EXTRA CODES

color
To add color to your tables, add the color to your table tag, or your row/ colomn tag.
example:

adding borders
To add a border to your tables, add the border code to your table tag, or your row/ colomn tag. Choose any number
example:

adding backgrounds
add background="URL" to any table, row, or colomn tag. For example:

TABLE SIZES

size with pixels
you can set your table size to a certain pixel size, so it can fit a specific image or just be the size you want. to do this just copy the code below, change the sizes to what you want.

size with percentages
you can make the width or height of your table fit the percentage of the viewers screen so it will look that percentage no matter what resolution they are in. just copy/paste and edit the code below.

FINISHED TABLES

Cell 1 Cell 2

Cell 3 Cell 4

the code for this table:
<table border="0" cellspacing="0"> <tr> <td bgcolor="#FF7011">Cell 1</td> <td bgcolor="#FFAE21">Cell 2</td> </tr> <tr> <td bgcolor="#F7DD83">Cell 3</td> <td bgcolor="#77E501">Cell 4</td> </tr> </table>

Cell 1 Cell 2 Cell 3 Cell 4

Cell 5 Cell 6 Cell 7 Cell 8

the code for this table:
<table border="0" cellspacing="0"> <tr> <td bgcolor="#AB0726">Cell 1</td> <td bgcolor="#AB0726">Cell 2</td> <td bgcolor="#AB0726">Cell 3</td> <td bgcolor="#AB0726">Cell 4</td> </tr> <tr> <td bgcolor="#E3D103">Cell 5</td> <td bgcolor="#E3D103">Cell 6</td> <td bgcolor="#E3D103">Cell 7</td> <td bgcolor="#E3D103">Cell 8</td> </tr> </table>

Cell 1

Cell 2

the code for this table:
<table border="1px solid 000000" cellspacing="0"> <tr> <td bgcolor="#FFFFFF">Cell 1</td> </tr> <tr> <td bgcolor="#FFFFFF">Cell 2</td> </tr> </table>

REMEMBER:

The cells in the tables will expand to any size of the content you put within it. Meaning if you put alot, you can end up making a weblayout nicely organized with tables.

When adding background/ color codes to a table, adding the code to the <table> tag will make all your rows & colomns have that background. To make just a row/ colomn have it, add it to that tag.

FADING PAGES
This is a really cool effect to add some jazz to any site! Copy and paste the code- thats it!
<meta http-equiv="Page-Exit" content="blendTrans(Duration=##)">

Get an email form!

Choose the form you want, and copy and paste the HTML
Form 1: Simple

^ above is a preview of what the form will look like. background color will always match your background.
get the code:
<FORM METHOD="POST" ACTION="http://cgi21.Freedback.com/mail.pl" target="_blank"> <INPUT TYPE="hidden" NAME="to" VALUE="PUT YOUR EMAIL HERE!"> <INPUT TYPE="hidden" name="subject" VALUE="EMAIL SUBJECT!"> <INPUT TYPE="hidden" NAME="form" VALUE="PUT YOUR URL HERE!"> <INPUT TYPE="hidden" NAME="admin" VALUE="PUT YOUR EMAIL HERE"> <INPUT TYPE="hidden" NAME="language" VALUE="en"> <p> <input name="name" value="name" size=20 style="background-color:transparent; color: black; font-face: tahoma; font-size: 8pt; border: 1 black solid"> <br> <input name="email" value="email" size=20 style="background-color:transparent; color:black; font-face: tahoma; font-size: 8pt; border: 1 black solid"> <br> <input name="url" value="url" size=20 style="background-color:transparent; color: black; font-face: tahoma; font-size: 8pt; border: 1 black solid"> <br> <input NAME="tell me" ROWS="5" COLS="13" style="background-color:transparent; color: black; font-face: tahoma; font-size: 8pt; border: 1 black solid">Comments go here</input> <br> <INPUT TYPE="submit" NAME="Submit" value="Send!" style="background-color:transparent; color: black; font-face: tahoma; font-size: 8pt; border: 1 black solid"> </FORM>

Form 2: Dotted Border

^ above is a preview of what the form will look like. background color will always match your background.
get the code:
<FORM METHOD="POST" ACTION="http://cgi21.Freedback.com/mail.pl" target="_blank"> <INPUT TYPE="hidden" NAME="to" VALUE="PUT YOUR EMAIL HERE"> <INPUT TYPE="hidden" name="subject" VALUE="EMAIL SUBJECT"> <INPUT TYPE="hidden" NAME="form" VALUE="YOUR SITE URL"> <INPUT TYPE="hidden" NAME="admin" VALUE="PUT YOUR EMAIL HERE"> <INPUT TYPE="hidden" NAME="language" VALUE="en"> <p> <input name="name" value="name" size=20 style="background-color:transparent; style="background-color:transparent; " style="background:#FFFFFF" style="color:#000000" style="font-weight:normal" STYLE="font size: 8pt; font-family:arial,verdana; border: 1 dotted #000000" style="background:none"> <br> <input name="email" value="email" size=20 style="background-color:transparent; style="background-color:transparent; " style="background:#FFFFFF" style="color:#000000" style="font-weight:normal" STYLE="font size: 8pt; font-family:arial,verdana; border: 1 dotted #000000" style="background:none"> <br> <input name="url" value="url" size=20 style="background-color:transparent; color: black; font-face: tahoma; style="background-color:transparent; " style="background:#FFFFFF" style="color:#000000" style="font-weight:normal" STYLE="font size: 8pt; font-family:arial,verdana; border: 1 dotted #000000" style="background:none"> <br> <input name="comments" value="comments go here" size=20 style="background-color:transparent; color: black; font-face: tahoma; style="background-color:transparent; " style="background:#FFFFFF" style="color:#000000" style="font-weight:normal" STYLE="font size: 8pt; font-family:arial,verdana; border: 1 dotted #000000" style="background:none"> <br> <INPUT TYPE="submit" NAME="Submit" value="Send!" style="background-color:transparent; style="background-color:transparent; " style="background:#FFFFFF" style="color:#000000" style="font-weight:normal" STYLE="font size: 8pt; font-family:arial,verdana; border: 1 dotted #000000" style="background:none"> </FORM>

Bold	<b> Bold</b>
~~Strikout~~	<s>Strikeout</s>
^SuperScript	<sup>Super</sup>Script
_SubScript	<sub>Sub</sub>Script
Underline	<u>Underline</u>
Italic	<i>Italic</i>