Create horizontal or vertical flyout or dropdown menus that are mobile friendly using CSS3. Online tool helps you set colors, fonts, outlines, shadows, or gradients, and generates a menu in one of 8 different configurations. Enter your menu data as CSV or within the slots provided in the tool. Additionally, the tool can produce a list of your settings and menu data for future revisions within the tool. The menu code module will contain no active content or scripts.


Terms Tabs.

Create mobile-friendly clickable or rollover terms tabs using CSS3. Paste your content into boxes and then choose the fonts, colors, sizes, and number of tabs. The tab content will adapt to page width and will collapse to a vertical list of terms when viewed on narrow devices. The tabtop code module will contain no active content or scripts.


Photo Gallery.

A rollover or clickable photo gallery can be created using CSS3 features. This tool will extract your photos from pasted code or you can enter your list of photos in the box provided. Select gallery colors and main image shape, along with thumbnail count, padding, and margins. The tricky math for a width-adaptive gallery is computed within the tool, so the gallery can easily adapt to smaller mobile screens and @media reconfigurations. The photo gallery code module will contain no active content or scripts.


Professional Template Builder.

Easily construct a professional description template that may include such features as: drop menus, photo gallery, video, terms tabs, mobile summary, and more. Select from premade colors or choose your own colors, and add your own banner if you wish. The resulting template will be eBay-compliant and mobile friendly.


Compact Template Builder.

Create a multi-column compact description presentation that is eBay-compliant and mobile-friendly. Select from a variety of colors and configurations. Optionally add your own hosted photos that will be enlarged in an overlay when hovered. Includes text formatting for eBay's mobile summary, along with optional bullet points and specification table. Previewer for device sizes.


Additional Resources:

Convert small graphics to Base64 to eliminate https hosting issues:

Scan your listings for active content:

Bulk Scan your listings for active content:

eBay introduction to the 2017 requirements and recommendations:

eBay recommendations for coding custom descriptions:

eBay's mobile-friendly test site:

<meta name="viewport" content="width=device-width, initial-scale=1">

eBay's mobile summary tags:

<div vocab="" typeof="Product">
<span property="description">
...selected description summary...

Basic Mobile-Friendly Starter Code:

<meta name="viewport" content="width=device-width, initial-scale=1">
<div style="max-width:700px; margin:auto; font-family:arial,sans-serif; font-size:16px;">
...optional header...
<div vocab="" typeof="Product">
<span property="description"> summary...
...remaining content...