A HTML framework is a library of HTML/CSS files that are used to make development of standards-based XHTML and CSS web pages quicker and easier. A framework typically includes a collection of pre-designed CSS styles, scripts and web apps ready for immediate use.

Shortcodes are pre-defined HTML/CSS codes. By adding a few line lines of codes to your webpages you can embed YouTube videos, add clickable buttons, twitter feeds or stylize your HTML tables! These are just some of the 1500+ shortcode functions available in the DreamCodes HTML Framework. To use a shortcode, simply copy the codes to your HTML document!

Shortcode Example:

Current code:

Visit Google : <a href="http://www.google.com">Visit Google</a>

To buttonize this, we include the required <CSS+JS> files and then call one of the many available "button" shortcode styles.

Updated code:
<a href="http://www.google.com" class="tsc_awb_large tsc_flat">Visit Google</a>

The browser will now render the code as:

Visit Google

How do I add shortcodes?

To add a shortcode to your page, simply toggle the "View code" link under each shortcode example.
Copy this code and paste it into your HTML document. Make sure you also add all necessary CSS/JS scripts! That's it!

Note: Make sure you include the jQuery library if any <javascript> tags are called.
<script type="text/javascript" src="dreamcodes/jquery-1.7.2.min.js"></script>

The DreamCodes HTML framework is licensed for use in DreamTemplate, ThemeLand & TemplateAccess products only. Reselling or redistribution strictly prohibited. See DREAMCODES-LICENSE.TXT

US copyright (protected works) filing C39843285R038, C39843415M490.

Frequently Asked Questions

DreamCodes Release/Version History

Framework Credits