XYour Ad Here

Make multi-layered HTML border code
Pretty Borders
Nested Table Coder

1.  Colorize and Format Borders

  • Dynamically create up to seven layers.
  • Change size, color, and shading.
  • Generate HTML at any time, and keep going.
  • Instructions: Click on a layer or select a layer from the list to modify. Use the slider to resize the border, or add a number and press Enter on your keyboard. Click a color or hold down the mouse button and slowly drag your mouse over the palette to see the color change dynamically in the border. Colors may also be typed into the field or selected from the drop-down list. Optional background tiles may be clicked to add a design to a layer. Move on to the next layer and change its size or color. To eliminate a border, select it and slide its size to zero. It will disappear in the exported code. More help can be found at the bottom of this page. We also have a page of creative ideas.

    Quick Guide: Click a layer - Click a color - Slide a size - Click another layer.

    Select Layer:
    Page bkgd
    Border 1 <table>
    Border 2 <td>
    Border 3 <table>
    Border 4 <td>
    Border 5 <table>
    Text Area<td>

    3D Shadows 
    Size
       TILE URL    

    Clic*Pic Thumbnail Gallery
    Free or upgrade PC program - Resize, crop, and compress images. Create beautiful thumbnail galleries with this easy to use tool! Clic*Pic
    Rainbow Color Picker
    Free PC program - Pick colors from photos or use the rainbow palette to select colors. Enter or find RGB, Hex, or Internet Color names. RainBow
    Make Pretty Borders
    Free online tool - Creates nested tables for colored borders on web pages or frames around photos. Up to seven layers. Pretty Borders
    Make Grids and Charts
    Free online tool - Creates multi-celled tables for size-lists, product options, shipping charts, etc. Easy to enter your data and change colors and styles. Grids & Charts
     Shipscript's Free Tools for Better Auctions More FREE Tools from ISDN*tek 

    Page Border (fill page)
    Picture Frame (shrink to fit photo)
    Add credit line to border


     

    2.  Copy Code

    1. Click the "Make HTML" at any time to make new code in the table above.
    2. Either right-click and choose "select all" or drag your mouse across the code while holding down the mouse button, highlighting the code within the table above.
    3. Right-click and select "copy," or use the keys "Ctrl-c" or "Ctrl-Insert," to copy the code. **The "copy" button only works with Internet Explorer.
    4. Paste the code into your destination page. On the destination page, you may have an edit-menu option to "paste," or you might right-click and select "paste." The destination page may also support the keys "Ctrl-v" or "Shift-Insert" for pasting.



    Free Auction Templates
    Free PC program - Easy to use! Fill in the blanks without any HTML coding. If you know how to code, then convert your own templates to easy-to-use TagBot forms. Tag*Bot
    HTML code broken?
    Free PC program - Scan your HTML code for lost and mismatched tags. RagTag includes definable shortcut keys for faster hand-coding. Preview. Format code. Rag*Tag
    Popup Image Viewer
    Free online tool - Create in-page resizeable popups for click-to-enlarge thumbnails. PopView
    Image Mapper
    Free online tool - Turn an online image into a clickable navigation usemap with this easy-to-use image mapping tool. Image*Mapper
     Shipscript's Free Tools for Better Auctions More FREE Tools from ISDN*tek 

    3.  Instructions

    1. Select a Layer
      • In order to change a border or layer, it must be selected. Select a layer from the list or click directly on a border.
      • You don't need to use all the layers. To eliminate a layer, set its size to zero on the slider. It will disappear entirely when the code is made.
    2. Select a Size
      • Change the border width by slowly moving the slider. You can watch the border dynamically change.
      • You may also change the border width using the text field right below the slider. Type in the size you want and hit the Enter key on our keyboard. If the enter key doesn't work for your browser, click the Apply button.
    3. Select a Color
      • Change the border color by clicking a color on the palette. The colors will dynamically change on your border if you hold down the mouse button while slowly dragging your mouse across the palette.
      • Just about any color can be displayed by first choosing the mid-range color from the palette and adjusting it lighter or darker on the color bar.
      • A dropdown list of named colors is also available if you are trying to match a color by its name.
      • You may also change the border color using the text field next to the palette. Enter the color you want and hit the Enter key or click Apply.
      • When typing a color code, you may use hex color codes ( #4A8862 or #486 ), RGB color codes ( url(150,220,95) ), comma delimited RGB colors ( 150,220,95 ), and color names (pink).
    4. Select a Background Tile
      • Background tiles are purely optional.
      • Click a tile to apply it to a selected layer.
      • To remove a tile from a layer, select the layer and then use the "No Tile" button.
      • Many of the tiles are transparent and the underlying color will show through. Because of their transparency, they enhance your design and color flexibility. When using an opaque tile, be sure to set an underlying color first, so that the color will display if your tile fails to display.
    5. Add your own Background Tile
      • This tool allows you to enter your own background tile for any layer. Your tile must be hosted online to use it as a background. It's URL will look something like http://www.myhost.com/mypic.jpg
      • Select the border to make it active.
      • Paste the URL for your tile into the long text field below the palette. Hit the Enter key and you will see your background on the active layer. The layer will remain active, so you may enter a different URL and hit Enter again.
      • After you get the results you want, and move on to the next layer, your tile will also be temporarily added to the tile list so that you can use it again. Up to 20 tiles may be added to the list.
      • Opaque background tiles will obscure a layer's color, so be sure to select the color prior to adding your tile.
      • To remove a tile from a layer, select the layer and then use the "No Tile" button.
    6. 3D Border Shadows
      • A checkbox allows you to switch between 3D borders and flat borders. It does not affect any other features and no layer needs to be selected.
    7. Start Over
      • The "clear" button below the layered borders will clear out the borders so that you can start over. It won't clear out custom tiles that have been added to the tile palette - only a page reload will do that.
    8. Make HTML Code
      • The "Make HTML" button will generate HTML directly from what you see on the screen. With each change, you can generate new code and then continue making more changes without losing any data.
      • When you choose the default option to make page borders, the borders are set to 100% to fill the screen, as with auctions. When you select picture frames, the borders will shrink down to fit the interior contents, ideal for framing photographs.
    9. Hotlinking
      • Using images on your page that are loading from some other site is considered "hotlinking".
      • We have created all of the tiles in this tool, and they are all quite tiny. Therefore we allow hotlinking to them from your border code, as long as the code maintains the acknowledgment that is automatically placed there. Hotlinking is not granted to designers selling templates.
      • You may copy the tiles onto your own server and change the links in the code to your own server.
      • If you are using tiles from other sites, please check with the site owner regarding linking, since hotlinking will cost the owner in bandwidth usage.
    10. Problems?
      • A color or tile won't take? This could happen if data is typed into a field and the Enter key is not recognized by the browser. The "apply" button should be used in those cases.
      • Color won't replace a background? This is normal for table code. If your tile is opaque, the underlying color won't show. So you can set a color, but can't see it unless you turn off the tile using the "no tile" button. You can reselect the tile after setting the color.
      • Selected a tile and it won't show? In Internet Explorer and Opera, there is a screen-refresh lag time. It is also apparent when gliding over colors if the selected layer contains a background tile. The browser must rewrite both the new color and the images to the layers. The tile will eventually appear.
      • Slider or colors are sluggish or jerky? When the page first loads, all of the background tiles are also downloaded. During that time, the browser may be too busy to handle the dynamic actions.

    Free Cross-sell Gallery
    Free Online utility - Add your eBay auction numbers (or custom thumbnails and links) to create a scrolling cross-sell gallery. X*sell
    Clicky Buttons & Menus
    Free Online tool - Create 3D clickable text buttons and menus, with or without backgrounds, or add your own thumbnail photos for cross-selling. Clicky*Buttons
    Make Thumbnail galleries
    Free online tool - Quickly create a click-gallery or scroll-gallery from your online images. Change gallery colors and formats with a click. Clic*Pic Online
    Image Protection
    Free PC program - Creates invisible coverup gifs and code to protect your self-hosted images. No*Click
     Shipscript's Free Tools for Better Auctions More FREE Tools from ISDN*tek 

    courtesy of eBay user shipscript
    copyright 2005-2012 © www.isdntek.com


    Free Andale counters.