Hi! Welcome to my page where you can download borders to
use on your A Pixel Sleepover page and find out how to use them!
Start
by clicking here to download the complete set in a .zip file
You can find three sets of images to make the grey, white and pink border
and one file called "overlapping" in which you can find the images to
make the corners overlap.
They are really easy to use once you get the hang of it. You just use
the different images as a puzzle and mix and match all you like.
1. Making a basic border
2. Making borders vary in size
3. Using overlapping corners
4. Changing the fill color of the bears
1. Making a basic border
  
  
   |
  
 
   |
  
 
   |
| grey
border |
white
border |
pink
border |
Each set
consists of 4 corners and 4 row pieces.
A border like above technically looks like this:
You can make it
as follows:
First row
Start with the first row, by placing the following images in a row next to each other:
/greyborder/corner_top_left.gif
/greyborder/row_top.gif
/greyborder/corner_top_right.gif
Second row
On the next row, place an ASPC bear,
but start with /greyborder/row_left.gif and end with /greyborder/row_right.gif
Third row
Make the third row, by placing the following images in a row next to each other:
/greyborder/corner_bottom_left.gif
/greyborder/row_bottom.gif
/greyborder/corner_bottom_right.gif
A complete border like above would like something like this in HTML:
2. Making borders vary in size
You can put one bear in each frame, but you can also make them
vary in size and put multiple bears in one border. For example:
3. Using overlapping corners
Using overlapping corners basically works the same as above, you
only use the image "filler.gif" which is an empty rectangle to fill
the empty spaces up so it all stays in line.
To get this:
use the images like this:
(hover over the patches to see which image is used)
4. Changing the fill color of the bears
When you change the fill color of the bears you get the following result
if the original background of the bear is transparent:
Just place "<span style="background-color: #FFC6C6">" before
the row of bears and "</span>" after it. The second row of the
frame above would look something like this:
Have fun!
And if you need any help at all, feel free to email me at michelle@shelley.nl
and of course come to http://www.shelley.nl
and trade bears with me :-)