.01

Home;
Rules

Augment is a graphic creation site run by Jewlz. Here, you can pick and choose pieces of coding and graphics to create your own layout. This way you have your own personal style, but yet a graphic designers look to the finished piece. Augment features many things from backgrounds to styling CSS for the smallest of things. To compliment your site, you can even visit Augments family sites to pick up premades, resources, coding and graphic tutorials, or even request a custom graphic. Our family sites are below.

NEWS BLAST

    9/30/2017
  • We're listed at Indirect; if you'd like to leave Augment a rating or review.
  • 9/3/2017
  • Well, I'm sure you can all see we have a brand new layout, compliments of Cam. Much ♥♥♥♥♥ to him! So with a new layout comes new content! I have added a TON of new stuff to Augment. You now have 18 petpage templates, a huge 200+ assortment of new banners and bases, navigation menu coding, large icons and a rainbow of transparent header backgrounds. It was a pain to code and upload all these new graphics, so here's hoping you love them!
    I also had to split the page into 2 pages to help save some space (and scrolling time). So our templates have thier own page.
  • 8/12/2017
  • Just letting you know I'm still around. Did some quick site fixes. If you'd like me to add anything new, please neomail me!

Terms of Use

Please read all terms of use before continuing. Not reading and using content improperly will result in reporting to TNT. If you have any questions, comments or suggestions please feel free to neomail me at any time!

.02

Basic
Petpage
Templates

To save some space on this page, I have moved all our templates to a seperate page. Please click the link below.

.03

Back-
grounds

anchored layout backgrounds

These layouts are designed to be fixed, meaning no/limited page scrolling.example: here. Each background comes with dimensions, suggested color palette and fonts, suggested content and title placement, and the coding for the background. please note that Augment only provides basic templates. If you need help coding your layout please visit this page for a tutorial. Hover over images for notes and pickup codes.

Robo Ixi

Dimensions: 1600x1200px
Suitable colors: #020808 #234e37 #67bd97 #3e6c76 #b92d6b
Suggested fonts: tahoma, century gothic, monospace, impact

Would look best with a white/blue/grey transparent (50% or higher) or solid background. I would suggest putting your content box to the left of Ixi's. I would suggest for the title to go above the content box in upper left corner. if you don't want the page to scroll change the background-attachment: absolute; to 'fixed'. If you want the page to scroll, but only a little add height: 800px; into the style tags.

Grey Mynci

Dimensions: 1600x1200px
Suitable colors: #5e94bc #234e29 #6a898e #cddbe0 #fdfefe
Suggested fonts: tahoma, georgia, cambria

Would look best with a green/blue/white transparent (50% or higher) or solid background. I would suggest putting your content box to the left of mynci above the puddle. I would suggest for the title to go above the content box in upper left corner or beside the mynci top right.
If you don't want the page to scroll change the background-attachment: absolute; to 'fixed'. If you want the page to scroll, but only a little add height: 800px; into the style tags.

Chomby Balloons

Dimensions: 1600x1200px
Suitable colors: #8755b3 #ff9eba #5d5aff #c59ce7 #ffffff
Suggested fonts: tahoma, georgia, century gothic

Would look best with a white/blue transparent (30% or higher) or solid background. I would suggest putting your content box in the top left corner and for the title to go to the right of that, or in the purple balloon top area.
if you don't want the page to scroll change the background-attachment: absolute; to 'fixed'. If you want the page to scroll, but only a little add height: 800px; into the style tags.

Crayon Brightvale

Dimensions: 1600x1200px
Suitable colors: #da40e5 #843ccf #ffffff #99abf5 #170242
Suggested fonts: tahoma, georgia, century gothic

Would look best with a white transparent (60% or higher) or solid background. I would suggest putting your content box to the left under the brightvale banner and opt out of a title, use as header one.
if you don't want the page to scroll change the background-attachment: absolute; to 'fixed'. If you want the page to scroll, but only a little add height: 800px; into the style tags.

Wishing Gnorbu

Dimensions: 1600x1200px
Suitable colors: #da40e5 #843ccf #ffffff #99abf5 #170242
Suggested fonts: tahoma, georgia, century gothic

Would look best with a blue/black transparent (80% or higher) or solid background. I would suggest putting your content box to the left under the shooting star and your title above the gnorbu or the content box.
if you don't want the page to scroll change the background-attachment: absolute; to 'fixed'. If you want the page to scroll, but only a little add height: 800px; into the style tags.

scrolling layout backgrounds

These layouts are designed to have exact page scrolling, just like Augments layout, or Example: here. Each background comes with dimensions, suggested color palette and fonts, suggested content and title placement, and the coding for the background. please note that Augment does NOT provide full page coding. If you need help coding your layout please visit this page for a tutorial. Hover over images for notes and pickup codes.

royal flotsam date

Dimensions: 1600x1600px
Suitable colors: #f2f8fd #7871e8 #238277 #dea6d0 #1c4661
Suggested fonts: tahoma, georgia, century gothic

Would look best with a blue transparent (10-50%) or tranparent background. Your content box is meant to go in the blurred section. you can make your content box as large as desired. A 'block' navigation looks best to the left or right of your content box. The title can be placed top left above the flotsams.
If you want to change the scroll amount, change the height: 1600px; to your desired height.

jubjub construction

Dimensions: 1600x1600px
Suitable colors: #64c331 #e9e63b #96e5e7 #225051 #323a48 #e9f7f2
Suggested fonts: tahoma, century gothic, verdana, impact, monospace

Would look best with a blue/green/black transparent (30% and higher) or solid background. Your content box is meant to go in the blurred section. You can make your content box as large as desired. A 'block' navigation looks best to the left or right of your content box. The title can be placed to the right of the jubjub above the purple part.
If you want to change the scroll amount, change the height: 1600px; to your desired height.

Goldy Bowl

Dimensions: 1600x1600px
Suitable colors: #ebe85b #28e3f7 #123240 #42e07f #f8fffd #2f97e7
Suggested fonts: tahoma, century gothic, georgia, times new roman

Would look best with a blue/white transparent (30% and higher) or solid background. Your content box is meant to go in the blurred section. You can make your content box as large as desired. A 'block' navigation looks best to the left or right of your content box. The title can be placed to the right of the goldy in the empty space.
If you want to change the scroll amount, change the height: 1600px; to your desired height.

the great swarm attack

Dimensions: 1600x1600px
Suitable colors: #b11002 #e72007 #fcec6a #502a00 #f9e9c2 #74b1a8
Suggested fonts: tahoma, century gothic, georgia, times new roman, impact, verdana

Would look best with a orange/red/white transparent (10% and higher) or solid/transparent background. Your content box is meant to go in the blurred section. You can make your content box as large as desired. A 'block' navigation looks best to the left or right of your content box. The title can be placed in either empty space to the left or right.
If you want to change the scroll amount, change the height: 1600px; to your desired height.

tuskaninny swim

Dimensions: 1600x1600px
Suitable colors: #061cb4 #fafeff #ff08e4 #00400f #f8be0a #01f4ff
Suggested fonts: tahoma, century gothic, georgia, verdana, cambria

Would look best with a blue/white/black transparent (50% and higher) or solid background. Your content box is meant to go in the blurred section. You can make your content box as large as desired. A 'block' navigation looks best to the left or right of your content box. The title can be placed in either empty space to the left or right.
If you want to change the scroll amount, change the height: 1600px; to your desired height.

background bases

BACKGROUND SIZE: 2000X1000PX

These bases are meant to be used as full page backgrounds. These bases have been cropped, re-sized, and slightly edited. They are good for use as is, or you can edit them further yourself. Please note that either way, my credit must remain. They can also be re-sized if desired.

How to edit/use image

If you plan on editing, copy the image url into the address bar and either: save image to computer / copy and paste / drag and drop into GIMP/Photoshop. To use as is, copy the image url then replace the image url in the code below.

fully edited backgrounds

BACKGROUND SIZE: 2000X1000PX

These bases are meant to be used as full page backgrounds. These images have been cropped, re-sized, and fully edited. They are good for use as is, or you can edit them further yourself. If you choose to edit further, know that you risk loosing quality. Please note that either way, my credit must remain. They can also be re-sized if desired.

How to edit/use image

If you plan on editing, copy the image url into the address bar and either: save image to computer / copy and paste / drag and drop into GIMP/Photoshop. To use as is, copy the image url then replace the image url in the code below.

pattern backgrounds

These backgrounds can be used for anything from layout background to textarea backgrounds. Feel free to get inventive with them. They are all meant to repeat.

How to use image

To use as is, copy the image url in the textarea box then replace the image url in the code below.

fun pattern backgrounds

These backgrounds can be used for anything from layout background to textarea backgrounds. Feel free to get inventive with them. They are all meant to repeat.
THESE PATTERNS ARE ALL FREE FOR USE.

How to use image

To use as is, copy the image url in the textarea box then replace the image url in the code below.
Some of these are meant for smaller background areas and not whole pages.

.04

Banner-
Related

banner bases

These bases have been cropped, re-sized, and slightly edited. They are good for use as is, or you can edit them further yourself. Please note that either way, my credit must remain. They can also be re-sized if desired.
The smaller bases fit perefectly into our banner style templates.

How to edit/use image

If you plan on editing, copy the image url into the address bar and either:
save image to computer / copy and paste / drag and drop
into GIMP/Photoshop. To use as is, copy the image url then replace the image url in the code below.

banner SIZE: 250x600px


BANNER SIZE: 750x250PX


BANNER SIZE: 1600X800PX


These bases are meant to be used as full page banners such as here, here, and here for examples.

fully edited banners

These bases have been cropped, re-sized, and fully edited. They are good for use as is, or you can edit them further yourself. If you choose to edit further, know that you risk loosing quality.
The smaller bases fit perefectly into our banner style templates.
Banner textures are from details.

How to edit/use image

If you plan on editing, copy the image url into the address bar and either:
save image to computer / copy and paste / drag and drop
into GIMP/Photoshop. To use as is, copy the image url then replace the image url in the code below.

banner SIZE: 250x600px

wearble background


neopets/neopians


BANNER SIZE: 750x250PX

wearble background


neopets/neopians


BANNER SIZE: 1600X800PX


These bases are meant to be used as full page banners such as here, here, and here for examples.

large icons

icon size: 220x220px

These icons have been cropped, re-sized, and fully edited. They are good for use as is, or you can edit them further yourself. If you choose to edit further, know that you risk loosing quality.
These fit perefectly into our icon style templates.
Icon textures are from details.

How to edit/use image

If you plan on editing, copy the image url into the address bar and either:
save image to computer / copy and paste / drag and drop
into GIMP/Photoshop. To use as is, copy the image url then replace the image url in the code below.

neopets/neopians


wearables


I've whipped up some of the more simple navigation menus. They all have the same style links but you can easily edit them. hover over the boxes below for pickup codes and image preview

top/bottom

top/bottom navigation

block

block navigation

hidden sublink

hidden sublink navigation

.06

Content-
Related

transparent backgrounds

These content backgrounds come in 20 different colors. They range from 100%-10% transparency descending in 10% intervals. To use as a background, right click on the desired image and paste into the code below.

shaped transparent backgrounds

These content backgrounds come in black and white. They can be used as backgrounds or as borders. They range from 10%-100% (90%) transparency stacking in 10% intervals. To use as a background, right click on the desired image and paste into the code below.
These images have all been re-sized. please view larger version by drag and dropping url to address bar.

black shaped backgrounds

white shaped backgrounds

transparent header backgrounds

These content backgrounds come in 20 different colors and two sizes. They have a gradient of 100%-0% from left to right, and right to left. To use as a background, right click on the desired image and paste into the code below.

background size: 300x30px


background size: 600x30px


premade titles

You can use these titles on petpages our guild layouts. Simply replace the hex codes with colors from your own layout and change the pixels to the desired location. An example of how a title looks on a petpage and guild layout is below.

css based headers

Simply replace the hex codes with colors from your own layout. Augment backgrounds come with a list of colors you can use for these.

Header One
Header One.
Header One
Header One
Header One
Header One
Header One
Header One
Header One
Header One
Header One
Header One
Header One
Header One
Header One
Header One
Header One
Header One
Header One

This header looks best on a solid background. The bottom border color should be the same as your background.

list styles

All lists can be edited to your liking. Simply change the grey hex codes to colors from your layout and choose a bullet to match. Bullets can be found at many sites such as here, here, here, here, here, here and here. Augment backgrounds come with a color palette you can use for these.

  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • The list displays like this. You can change out colors and bullets to your taste.
  • textarea styles

    Simply replace the hex codes with your own colors from your layout. Size of the textareas can also be changed to your liking. Augment backgrounds come with color palettes you can use for these. Hover for effects.

    .07

    Site &
    Credits

    Link Back













    AFFILIATES

    Listers

    Credits


    Site design made with ♥ by Cam; #scathes at Scheme.

    Augment & all contents © Jewlz.
    NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-2017.




    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-2017.
    ® 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