HSN - Static Carousel Creator

Image display
 
http://img.hsni.com/
Image title:
Raise Image 20px:
(Add links, text area, or video)
HTML output

http://www.previewhsn.com/?ab_cd=0&preview_dt=02/27/2013%201:01:00
Notes for Creative:
  • Measure top of link to top of image, as well as X distance between link and left side of image, and input this information in brief as Link1=115x50.
  • You can specify a link color from the drop down options such as, color=333333.
  • Turn the link and regular text layers off.
  • Save the image for "web and devices" at a quality of 65, onto the prodImages server \\ICDPLYP01\prod\alpha\images\creative\
  • Add the background image name to the brief, so the content producers can copy and paste it.
  • The information would look like so:
    Mod, CustomCarousel_left_off.jpg, Link1=156x28, color=666666


Notes for Content:
  • Take the image name and paste it into the image field. It should populate automatically. Make sure there are no spaces.
  • Chood mod type, and Mod Name (will be used as middle parameter for coremetrics)
  • Link Text will be the last parameter of coremetrics, spaces are removed automatically.
  • Position the link by either dragging it to the appropriate location or typing in the Top and Left coordinates specified by creative in the brief notes.
List of features:
  • Image title autopopulates title and alt tage simultaneously.
  • If a color is selected will prefail the hex number in the color input.
  • When clicking on HTML Output, If link is missing will prompt the user to add a link.
  • Things to know:
    • Only use IE 9 and above when playing with this tool, preferrably use chrome.
    • We cannot use this tool when adding an element to and Events page as they require special coremetrics script.
    • Video
    • Only 1 video is allowed per Mod
    • You can right click on video to pause it.
    • If you add a video than change Coremetrics Mod Name afterwards, the video analytics will not update.