Colors | Basic Borders | Solid Color Tables | Image Borders
Gradient Tables | Opacity Tables | Scrolling Tables
Link Back | Exit

F.A.Q. - Why do my tables disappear when I try to get rid of my sidebar?
F.A.Q. - Can I use these on petpages?






Introduction

You can find many codes for various item tables, including gradient tables here. In the codes, most numbers be changed to personalize your table. CAPITALIZED words must be replaced for your code to work.



Updated 7/2006
Sorry guys! I wasn't on Neopets for like four months and I came back to find tableborders's page all messed up and had weird Neopets code filters to pass. Due to the filters I had to redo much of the page's coding. I switched to text areas to display codes so now I can't bold/color parts of the code so it'll be a little harder to read, but now you can personalize your code right on the page! I'm also in the process of testing all the codes to see if they're up-to-date with all of neo's rules.

Updated 2/2006
I got the code from aranconor to make the Opacity Tables now work on Firefox! Thanks again for the help! I changed the color of the links so they're a little more noticiable. Also added some more exit links.

Updated 2/2006
Tableborders is now featured in the Links section of stealth_commanders GSC Times! Go check it out! *cough* ...found a mistake in some table codes. Don't worry, they're all fixed now! Don't hesitate to neomail me if you find any other mistakes or have suggestions! Also added how to end tables if you use them in petpages in the FAQ section. Also added a text link back.

Updated 1/2006
Yay! My first award from mistressnitallica, and tableborders gets to be the featured site of the month on her site The Information Station. hehe, It's cooler because I didn't enter myself, so it was like, surprise! ^_^

Updated 12/2005
Added Colors section (thanks for the idea, darksidepoet!) and a tutorial on converting Paint's RGB to html hex codes. Made layout Firefox compatible. Added Firefox only borders.



















Colors


This section was suggested by darksidepoet.

steelblue royalblue cornflowerblue lightsteelblue mediumslateblue
slateblue darkslateblue midnightblue navy darkblue
mediumblue blue dodgerblue deepskyblue lightskyblue
skyblue lightblue powderblue azure lightcyan
paleturquoise mediumturquoise lightseagreen darkcyan teal
cadetblue darkturquoise aqua cyan turquoise
aquamarine mediumaquamarine darkseagreen mediumseagreen seagreen
darkgreen green forestgreen limegreen lime
chartreuse lawngreen greenyellow yellowgreen palegreen
lightgreen springgreen mediumspringgreen darkolivegreen olivedrab
olive darkkhaki darkgoldenrod goldenrod gold
yellow khaki palegoldenrod blanchedalmond moccasin
wheat navajowhite burlywood tan rosybrown
sienna saddlebrown chocolate peru sandybrown
darkred maroon brown firebrick indianred
lightcoral salmon darksalmon lightsalmon coral
tomato darkorange orange orangered crimson
red deeppink fuchsia magenta hotpink
lightpink pink palevioletred mediumvioletred purple
darkmagenta mediumpurple blueviolet indigo darkviolet
darkorchid mediumorchid orchid violet plum
thistle lavender ghostwhite aliceblue mintcream
honeydew lightgoldenrodyellow lemonchiffon cornsilk lightyellow
ivory floralwhite linen oldlace antiquewhite
bisque peachpuff papayawhip beige seashell
lavenderblush mistyrose snow white whitesmoke
gainsboro lightgrey silver darkgray gray
lightslategray slategray dimgray darkslategray black


RGB to Hexadecimal codes

Paint uses RGB codes for colors, but you'll need hex codes to use colors for html. To view the RGB (Red, Green, Blue) values, go to Colors .. Edit Colors .. Define Custom Colors. The red value corresponds to the first two characters of a hex code. The green value is represented by the next two characters, and the last two stand for the blue value.

For example, let's turn the RGB value of (0,116,232) into as hex code. Hex codes are based on the number 16, so the first thing to do is divide the number by 16. The R value is easy, since it's 0, the hex code for it will be 00. The G or green value divided by 16 is 7 with a remainder of 4, so the next two characters of the hex code is 74. Now it gets more complicated as the numbers get bigger. The B value of 232 divided by 16 is 14 remainder 8. 14 corresponds with the letter E (as shown later) so the last two characters are E8. The complete hex code for the RGB color (0,116,232) is #0074E8.

If you get a double digit number after you divide the RGB number by 16, they convert to letters. 10 is A, 11 is B, 12 is C, 13 is D, 14 is E, and 15 is F. For a quick reference, you can use the following chart.

RGB HEX
1 1
2 2
3 3
4 4
5 5
6 6
7 7
8 8
9 9
10 A
11 B
12 C
13 D
14 E
15 F


If this takes too long for you, you can just use Draac's color converter.

draac.com/colorconvert.html

I prefer to be able to convert them on my own because it can be faster, and I'm just too lazy to open up a website.

adapted from "RGB to Hex codes" at paintpalace.-blocked-



















Basic Table Borders





















Gradient Tables



A gradient border with a solid color background



Since I'm hosting all these gradient images, I'd appreciate it if you'd link back if you use my gradient tables.





More Gradients:




rainbow.gif


See more requested gradients at flameicewater's photobucket

photobucket.com/albums/a99/flameicewater/gradients


















Opacity/Transparency Tables


Opacity codes are now Firefox compatible thanks to aranconor.

For filter:alpha(opacity:60) replace 60 with a number between 0 and 100, 100 being fully visibly and 0 being invisible. For opacity:.60 replace .60 with a number from 0 to 1.00, 1.00 being fully visible and 0 being invisible. It's important to have both codes the same so they show up on both Internet Explorer and Mozilla Firefox.


Fade the table bg color into the border image



















Scrolling Tables



For solid color tables


which creates a 3-D look for your scrollbar, but if you want more control over your scrollbar colors, you can use:



The scrollbar image at the left is a guide to show which color goes where

If you want separate scrollbar colors for your table, then at the end of the scrolling table code right after:


add:

or:


















F.A.Q. - Why do my tables (and blogs) disappear when I try to make my sidebar disappear?

The code to make sidebars disappear includes something like table,td{background:none} in a stylesheet, and since tables (and blogs) use the same table tag, their background will disappear also if the background was set in html. To fix this, set the background of your table (or blog) in css by changing
background="URL to style="background:url(URL)
or if your table background is just a solid color, change
bgcolor="COLOR to style="background:COLOR
All table codes found here have been css-proofed, so they should stay visible if you try to change your gallery sidebar.



F.A.Q. - Can I use these on petpages?

These codes were designed for galleries/shops, and they'll work fine on petpages if you only use one table. But if you're using more than one table and you want to end your table, count how many (table) or (div) tags there are in the code you're using. That's how many (/table) or (/div) tags you need to close the table. ( Replace ()'s with s ) For example, most tables will need
(/table)(/table)
unless you're using the scrolling tables. Then you'll need
(/div)(/div) or (/div)(/div)(/div)

















Link Back



Gallery Table Codes





























Exit


























Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
/help/bumper/headers/log-in-to-facebook

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2014.
® 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