Coding tutorial:

Foreword

Coding basics

HTML HTML basics
Basic tags description
Heading (H tags)
Bold, italics, underline and super/subscripts
-blocked-Images
Adding spaces (breaks)
Paragraphs
Font tag

Table basics
Table properties
Table - coding example 1
Table - coding example 2
Table - coding example 3

Textareas

CSS CSS basics
CSS terminology
CSS syntax

Div and span tags
Font/txt properties
Border, margin, padding, dimension properties
Background properties

Alpha (opacity) filter
Chroma filter
Glow filter
Shadow filter
Blur filter
Grayscale filter
Xray filter

Scrollbar properties

Lookup FAQ Lookup coding FAQ intro
Lookup backgrounds FAQ
Positioning objects FAQ


Goodies

Lookup coding template

Off page links to premade lookups
Off page links to neopian directories

-blocked-backgrounds
  • positioned objects (sidebar, banner, shields)
  • blinkies
  • description boxes

    Lookup backgrounds FAQ

    How do I add a background onto my lookup?
    You need to define a background url property on to the Body tag in your css coding. See Lookup coding template for code.

    How do I fixed my background?
    You need to add background-attachment: fixed; onto your css for the body tag.

    How do I stop my background from tiling?
    Use the following property onto your css for body, background-repeat: no-repeat

    How do I position my bg to one corner of my page?
    You need to set background-repeat to no-repeat, fixed background-attachment, and position bg using background-position property. See Lookup coding template for code.

    Why isn't my background showing up? I copied and paste the code!
    That can be due to many reasons. Do the following checks:
    1. check your coding, make sure the url for the bg is correct.
    2. check your COMPLETE css and html coding to make sure you closed off all tags properly.
    3. check to see if the hosting location of your image allows DIRECT LINKING. Some sites, eg: geocities, angelfire, tripod etc will not allow you to display an image offsite. You can check by first clearing your cache (goto tools, internal options, delete temperary files). Then add the image using the img tag. Save and view it. If that image shows up on page, then direct linking is allowed. You just made a coding error. If that does not show up. You need to reupload that image onto a new hosting server that does allow direct linking (eg photobucket).

    Positioning objects (sidebars, banners etc) FAQ

    How do I add a banner/sidebar/shield etc?
    You need to position the object using css properties called POSITION, TOP, and LEFT. First you need to define a CLASS or ID in your style tag. Most people define it for "i tags". Use a easy to recall name like "i.banner {....}" or "i.sidebar {...}". Then code in the width, height, url along with the position of your image. Next make sure you remember to add an "i tag" after you close off your style tag!!! Something like this: <i class="banner"></i> See Lookup coding template for code.

    Why isn't my banner/sidebar/shield etc showing up?
    A very common error people make is forgetting to add the i tag that calls your css coding. Check to make sure you have something like this OUTSIDE of the style tag. <i class="banner"></i> If that is in place and it's still not working, check your css/html syntax for typos and tags that haven't been closed properly. Also check your image is viewable (see "Why isn't my background showing up?" under Background FAQ section)

    I keep on seeing people having their lookup info in a scrollbox, how do you do that?
    *coughs* This requires slightly more difficult coding. What it involves is deliberately NOT closing an html B TAG.
    Warning! The following coding will potentially cause the page NOT to show up on other browsers other than Internet Explorer! Use with caution and follow directions EXACTLY.
    Add this coding RIGHT AT THE VERY BOTTOM of your description box. DO NOT, I repeat DO NOT add any more css or html tags after this unless you know what you're doing!!!

    <b style="width: width_of_box; height: height_of_box; position: absolute; top: y-coords_of_top_left_corner; left: x-coords_of_corner; overflow: auto; background-color: somecolor;">
    you may add PLAIN TEXT here, no CSS or HTML
    <i style="display: none;">DO NOT put ANYTHING below this line, it can potentially cause MAJOR display problems!</i>

    How do I get rid of the new banner and clock on my lookup?
    Use need to add the following coding into your description. <style>
    .nst, .ban {display: none;}
    </style>


    next page

    • Page © Nightning 2004
    Punchbag bob and sid image by Neopets, modified by me (Nightning).
    You MAY NOT use or copy graphics or layout coding without my explicit consent.



    NEOPETS, characters, logos, names and all related indicia
    are trademarks of Neopets, Inc., © 1999-2009.
    ® denotes Reg. US Pat. & TM Office. All rights reserved.
    PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
    Use of this site signifies your acceptance of the Terms and Conditions