Page Designs...and other computer things...| V.2 |

Welcome.

Last Updated: Apr.16.2003

Remember to link back to us! Thank you for visiting!

Web-Site General

- Home
- Updates
-FAQ
- WebMasters
-Links
-Comments
-E-mail Us
-Page Information
- Legal Information

Web-Creation

-Layouts
- BackGrounds
- CSS Scripts
- JavaScripts
-Blogs
-HTML
-HTML Color Chart
- DHTML
-Frames
- GUI

Graphics

- Paint
- Paint Shop Pro
- Adobe Photo Shop
- Flash
- Gif Animators
-Microsoft Photo Editor
- Movie Maker

Windows Programs

-Access
- Excel
- Internet Explorer
-PowerPoint
-Microsoft Works
-Misc.
-MS Dos Prompt
- Outlook
-Win-Zip
-Windows Explorer
-Word

Operating Systems

- 3.1
-95
-98
-ME
-NT 2000
-XP
-XP Pro.
-Linux
-Unix

Other Tips

- Keyboard ShortCuts
-TroubleShooting
-Media and Music
-Binary
-Macros
-Files

Basic HTML

Font Colors

Links
<A HREF="URL"> Text</a>

Image insert (banner as example)
<IMG SRC="image path and name">

Banner-used as image link
<A HREF="URL"><IMG SRC="image"></a>

Marquee
<marquee> TEXT</marquee></a>

Up/Down Marquee
<marquee direction="UP/DOWN" scrolldelay="#" width="#" height="#"> Marquee</marquee></a>

Starting a table- 2 columns
<table><tr><td width="#"> Column 1</td> <td width="#"> Column 2</td></table><p>

Backgrounds-color-body
<body bgcolor="color"> <script type="text/javascript"> //OwnerIQ var __oiq_pct = 50; if( __oiq_pct>=100 || Math.floor(Math.random()*100/(100-__oiq_pct)) > 0 ) { var _oiqq = _oiqq || []; _oiqq.push(['oiq_addPageBrand','Lycos']); _oiqq.push(['oiq_addPageCat','Internet > Websites']); _oiqq.push(['oiq_addPageLifecycle','Intend']); _oiqq.push(['oiq_doTag']); (function() { var oiq = document.createElement('script'); oiq.type = 'text/javascript'; oiq.async = true; oiq.src = document.location.protocol + '//px.owneriq.net/stas/s/lycosn.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oiq, s); })(); } /////// Google Analytics var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-21402695-21']); _gaq.push(['_setDomainName', 'angelfire.com']); _gaq.push(['_setCustomVar', 1, 'member_name', 'ex/page3', 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 = "ex/page3"; var angelfire_member_page = "ex/page3/html.html"; var angelfire_ratings_hash = "1714147632:1e2002f72fdd0aaa6465ab1493a1f7dd"; var lycos_ad_category = {"dmoz":"computers\/systems","ontarget":"&CAT=technology&L2CAT=computing&L3CAT=hardware"}; var lycos_ad_remote_addr = "209.202.244.9"; 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="https://scripts.lycos.com/catman/init.js"></script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; var useSSL = 'https:' == document.location.protocol; gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_300x250_dfp', [300, 250], 'div-gpt-ad-1450207484070-0').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_above_728x90_dfp', [728, 90], 'div-gpt-ad-1450207484070-1').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_below_728X90_dfp', [728, 90], 'div-gpt-ad-1450207484070-2').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type="text/javascript"> (function(isV) { if (!isV) { return; } //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> <style> #body .adCenterClass { margin:0 auto; display:block !important; overflow:hidden; width:100%; } #body .adCenterClass #ad_container { display:block !important; float:left; width:728px; } @media (min-width: 768px) {  #body .adCenterClass #ad_container { width: calc(100% - 372px); } } @media (min-width: 1110px) {  #body .adCenterClass #ad_container { width: calc(100% - 372px); } } </style> <div style="background:#abe6f6; border-bottom:1px solid #507a87; position:relative; z-index:9999999"> <div class="adCenterClass"> <a href="https://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"> <script type="text/javascript">document.write(lycos_ad['leaderboard']);</script> </div> </div> </div>  <script type="text/javascript">document.write(lycos_ad['slider']);</script> <div id="lycosFooterAd" style="background:#abe6f6; border-top:1px solid #507a87; clear:both; display:none; position:relative; z-index:9999999"> <div class="adCenterClass" style="display:block!important; overflow:hidden; width:936px;"> <div id="aflinksholder" style="float:left; width:186px;"> <a href="https://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; border:0"> <img src="/adm/ad/angelfire-freeAd2.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" /> </a> </div> <iframe id="lycosFooterAdiFrame" style="border:0; display:block; float:left; height:96px; overflow:hidden; padding:0; width:750px"></iframe> </div> </div>  <script data-cfasync="false" language="javascript" async src="//udmserve.net/udm/img.fetch?sid=17754;tid=1;dt=6;"></script>

Backgrounds-images-body
<body background="image">

Carriage Return
<BR>

Horizontal Rule/ line

Colored HR

Paragraph Styles
<p style="BACKGROUND:color or file"> Text</p>

E-mail
<a href="mailto:e-mail"> E-mail</a>

Forms Creating Forms to Submit to an e-mail
Starting a Form to Send to E-mail:
<form name="form2" action="mailto:helevorn@sailormoon.com" enctype="Text/plain" method="POST">
Text Field
<p><b>Your Name:</b> <input TYPE="TEXT/HTML" SIZE="20" NAME="yourname"></p>
Check Box
<p><p> Cooking<input TYPE="CHECKBOX" NAME="cook" VALUE="Yes" UNCHECKED>
Drop Down Selection
<p><b>Religion:</b> <select name="religion"> <option VALUE="x" SELECTED> Select Religion <option VALUE="lagartios"> Lagartios <option VALUE="kolorian"> Kolorian <option VALUE="lamor"> Lamor </select>
The Submit Button
<input TYPE="SUBMIT" Value="Submit"></p> </form>
These Nifty Text Boxes
<textarea class="tiny" rows="#" cols="#" name="name"> TEXT IN BOX</ textarea>

Map Codes
used for navigation on images, such as a site map, or a literal map of an area.
<img src='Image' width=# height=# border=# usemap=#a alt=click a city to go there></div> <map name=a> <AREA SHAPE="rect" title="Location One" COORDS="100,125,150,160" HREF="URL"> <AREA SHAPE="rect" title="Location Two" COORDS="150,150,175,175" HREF="URL"> <AREA SHAPE="rect" title="Location Three" COORDS="210,150,235,175" HREF="URL"> <AREA SHAPE="rect" title="Locatoin Four" COORDS="270,105,310,150" HREF="URL"></map>
The COORDS indicate the area. The first number is distance from left, the second is distance from top. The Third is the ending distance from left, the Fourth is ending distance from top. Example:
If you had a 100*100 map, and you wanted to make an location in the center. your COORDS would be: 40,40,50,50 : it wouldn't all be 50, other wise they would have too small an area. Even 10 is pretty small. You might rather go with 40,40,60,60 just to compensate a little.
You can also do other shapes...like circles. SHAPE="circle" COORDS="80,80,25" Left, top, Diameter. and even odd shapes, just play with it.
© 2003 helevorn