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:
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
|
|
|
|
