Help Topics

General Help Topics
Site Setup FAQ's Email - Set Up Domains Special Features FrameEZ Troubleshooting
Shopping Cart
Store Configuration Global Configuration Product Management Categories Manufacturers/Brands STN Import Tool Shipping Payment Processors Orders and Sales Shopper Groups Coupons & Discounts Taxes Safety Warnings POS-to-Web Sync
Import/Export Data Components
Contact Us Store Locator Newsletters - Letterman Front Page SlideShow Events Calendar QuickBooks Sync SEO Manager Media Manager Picture Gallery User Manager Banner Manager Language Editor
Wish List Mobile Lightspeed POS
Content Management
Making your own banner graphics E-mail
Components - Banner Manager
Wednesday, 04 April 2012 16:42

To browse and download from STN's pre-built database of banners, Click Here.

You should create your graphics at so they match the desired pixel dimensions for the banner ad position you are wanting to fill.  STN supports these common sizes in our library, but you may have custom size banners in your site.

Sizes:

  • 180px X 180px
  • 180px X 64px
  • 417px X 122px
  • 470px X 70px
  • 512px X 118px

Formats:

The STN Banner system supports GIF, PNG or JPG file formats.

Naming:

When naming your graphical files, it is best to use common web file naming standards:

1. all lowercase letters or numbers
2. dash and underscore are fine ( _ - )
3. no special characters (~!@#$%^&*()+<>,.;:'"{}[]||`) or spaces
4. if working on a Mac, include the file format (e.g. ".jpg")
5. maximum number of characters (including file format) should be 31

Examples of good filenames:
red-toy.jpg
red_toy.jpg

Examples of poor filenames:
Red Toy.jpg
red&bluetoy.jpg  (note the ampersand "&")


Creating your own banner graphics

PLEASE NOTE: If you are ALREADY USING FrameEZ, please refer to the help pages for FrameEZ. Otherwise, please follow the instructions below:

 

(the following instructions are for the free web-based image editor, pixlr. You can apply the same techniques to most image editing applications)

  1. Go to website: http://pixlr.com/

  2. Open the online Photo editor

  3. select an image from computer or website URL

  4. select the crop tool ()

    1. set the Constraint to "Output Size" and enter your custom width and height settings

    2. ...then click and drag in a diagonal direction over the image

    3. ... you can drag the crop box around and change it's size by dragging the corners

    4. ... then click the image to apply the crop

  5. optional: you can add text or other graphics to the image (see pixlr help pages for further instructions)

  6. Save the file to your computer as a PNG (transparent, full quality)

    1. menu: File > Save.

    2. click OK

  7. that's it! You now have a banner image perfect for uploading to your website!

Last Updated on Friday, 08 April 2016 15:51