CodeCanyon: CSS Upload Instructions

1. Ensure You Are Using Acceptable Images/Extras:

   It is up to you to ensure that all images/assets in your project are cleared for use. If necessary, you should contact the creator of the asset and ask them.

   As an example, images from the stock photography site iStockPhoto are generally not usable in templates unless you have purchased an extended license for the item. In this instance you would report the extended license details in the comments section.

   Please review this article for more information on acceptable assets.

2. Follow These Guidelines:
   1. This category is exclusively for high-level CSS components, which go above and beyond what’s readily available around the web for free. DO offer convenience to your buyers; this includes multiple color schemes and layouts, if applicable.
   2. DO NOT submit an item that doesn’t validate, excluding any CSS3 vendor-specific properties.
   3. DO NOT submit an item if numerous similar offerings are already available in the CSS category.
   4. Your item must not require JavaScript in order to function. This category is exclusively for CSS-specific items; however, if you only need to reference, for example, a script like Dean Edwards’ IE9.js, in order to force Internet Explorer to recognize advanced CSS properties, you may do so. Other than that, no custom JavaScript is permitted at this time.
   5. DO provide documentation, which details exactly how to implement your item. We encourage you to use this template for your help file.
   6. As CSS code is highly susceptible to theft, we do not host live previews. Instead, you should provide adequate screenshots of both your item and its code, and we encourage 10-15 second video clips, illustrating the effect of your item. Keep the length of the video below one minute (the shorter the better), and the video format must be .FLV. To learn more about how to create FLV video clips, refer here.
3. Create the Final Download File:

   You should create a single ZIP file that contains the final files for download, any documentation and any auxiliary files such as extra images. This is the file that a user will get when they buy your item. Make it as complete as possible.

   All Files Must Contain a Help File: All items sold on ThemeForest must contain documentation explaining how to customize, install and use the item. Especially for the components category, you must ensure that you’ve adequately detailed the necessary steps that need to be followed in order to implement your component into the buyer’s project.

4. Create a Preview Zip:

   Include several screenshots which illustrate the functionality of your component. It’s essential that you provide plenty of images if you choose to forgo a live preview. Screenshots should be JPGs, should be no larger than 1200px in width, but can be any height. You can have up to 10 screenshots of the item, and each screenshot may have a description attached. Here’s how you set up the file:

   1. Name each screenshot in sequence as number_Title.jpg. E.g. 1_Homepage.jpg, 2_Generalpage.jpg.
   2. Create a .TXT file containing a few lines of descriptive text, with the same name as the screenshot. E.g. 1_Homepage.txt, 2_Generalpage.txt.
   3. ZIP up the JPGs and TXTs together into a single ZIP file.
5. Create a 590px Wide Image Preview

   This will be the featured image, when a user visits your item page. This is the first thing they see, so make sure that it’s effective. If you’re not a designer, use these PSD image templates, and substitute your item’s information.

6. Create a JPEG Thumbnail:

   Finally create an 80px x 80px JPG thumbnail for your file. The thumbnail should represent your item in some way.

7. Upload your files to CodeCanyon!

Rate this Article (8 Ratings)

Help us improve the wiki Send Your Comments