hf PictureS eg

<XMP> <script language="JavaScript">  </script> <script language="JavaScript">  </script> <br>  <body> <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', 'hi5/youngatheart', 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 = "hi5/youngatheart"; var angelfire_member_page = "hi5/youngatheart/CSSHelp.html"; var angelfire_ratings_hash = "1727186203:51485f03a888f7b333f685a302367e27"; var lycos_ad_category = {"dmoz":"society\/relationships","ontarget":"&CAT=family%20and%20lifestyles&L2CAT=relationships","find_what":"paris"}; 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>   <script language="JavaScript" src="/sys/common_scripts.js"></script> <script language="JavaScript">  </script> <div align="center"> <IFRAME SRC="http://ln.doubleclick.net/adi/bottom.ln/af;h=misc;sz=728x90;!category=adult;!category=sexualovertones;ord=20243370724411?" width=728 height=90 frameborder=0 border=0 marginheight=0 marginwidth=0 vspace=0 scrolling=no></IFRAME> <br /> </div> <script language="JavaScript">  </script> </xmp>

Tombola

Fruit Machine

Coltzans Shrine

Free Omelette

Jelly World

Snowager

Turmaculus

Healing Springs

Kiosk Scratchcard

Fairground Scratchcard

Employment Agency

Buried Treasure

Wheel of Excitement

Wheel of Mediocrity

Wheel of Misfortune

Hidden Tower

Neopets New Features

Training School

Training Academy

Faerie Ability Chart

Ednas quests

Braintree

Esophagor

Illusens Quest Levels

Jhudoras Quest Levels

Uber Faerie Quest rewards

Kitchen Quests

Snow Faerie

Scratchcard Prizes

HEX Colour codes (Lookups & Shops)

Basic CSS help (User Lookups)

Basic Html Help

Smileys

Hints for Dailies

Cheat

Cheeseroller

Korbats Lab

Deckswabber

Zurroball

Castle of Eliv Thade

Scarab 21

Cliffhanger

Defenders Of Neopia

CSS Help...

Here is some of the basic CSS which is used for User Lookups. Go to User prefs and in the bottom window is where you put all your Html code. Just Copy And Paste from the text boxes. I'm hoping to add a bit more to this as I learn a bit more myself. If you have anything that you'd like to add then please neomail bionic_squirrel and I'll see what I can do about adding it. Thanks :)

Backgrounds
How do I make a background colour?
Use the code below and replace the ????? with any colour <style type="text/css"> body{background:?????} </style>

How can I change the colour and font of my links?
Use the code below and change the 9pt for size, ????? to any colour and verdana to any font.
<style type="text/css"> a:link,a:visited{color:?????;font:9pt verdana}

How can I change the background colour over my links? (Hover)
Use the code below and replace the ????? with any colour
<style type="text/css"> a:hover{background:?????} </style>

How can I change the colour of my font?
Use the code below and replace the ????? with any colour
<body text="?????">

How can I make my font glow?
Use the code below and replace the ????? with any colour
<style type="text/css"> td,p{filter:glow(color=?????,strength=2)} </style>

How do I centre my page?
Use the code below
<style type="text/css"> p table{text-align:center}</style>

How can I make a coloured scrollbar?
Use the code below and replace the ????? with any colour
<style type="text/css"> body {scrollbar-face-color:?????; scrollbar-arrow-color:?????; scrollbar-track-color:?????; scrollbar-shadow-color:?????; scrollbar-darkshadow-color:??????; scrollbar-3dlight-color:?????; scrollbar-highlight-color:?????;} </style>

How can I make a left coloured scrollbar?
Use the code below and replace the ????? with any colour
<style type="text/css"> body {direction:rtl; scrollbar-face-color:?????; scrollbar-arrow-color:?????; scrollbar-track-color:?????; scrollbar-shadow-color:?????; scrollbar-darkshadow-color:??????; scrollbar-3dlight-color:?????; scrollbar-highlight-color:?????;} </style> <div style="direction:ltr;">

How can I make a solid colour background?
Use the code below and replace the ????? with any colour
<style type="text/css"> body{background:?????} </style>

How do I change from input colours?

<textarea COLS=5 ROWS=2 style="background:F4C5D8;filter:alpha(opacity=50); border: 1px solid 000000; FONT-FAMILY: arial; color: 000000; font-size: 9pt">

How do I position inline frames, text etc. anywhere EXACTLY on my page?
Use the code below and replace the ??? with the width of the table you would like and the postion you would like that table on your page.
<table width=??? style="position:absolute; top:???; left:???;"><td><tr>TEXT HERE</table>

How do I align the background?
You can align your background horizontally, vertically, regular repeating, or you can even have it just sit in the upper corner all alone. Insert your background url address and replace ?????? below with one of the following:

repeat » Regularly repeats it.
repeat-y » Vertically on your page.
repeat-x » Horizontally on your page.
no-repeat » Sits in the upper corner.

<STYLE TYPE="text/css"> BODY {background-image:url(https://www.angelfire.com/hi5/youngatheart/Backgrounds......); background-repeat:??????; background-position:0px 0px;} </STYLE>

Can I change all the forms, textareas, etc on my page at once?
Yes and it's very useful for a big page! You can cange the color,font size, font style etc to anything you like in the code below.

<STYLE type="text/css"> input, textarea {color:BLACK; font-size:8PT; letter-spacing:1PT; font-family:VERDANA; background:WHITE; border:1PT SOLID BLACK;} </STYLE>