DreamCodes v1.25
HTML Template Shortcodes- Format
- Format Overview
- Page Headers
Page Headers
Spice up your pages with these fancy title headers. - Dropcaps
Dropcaps
Add letter dropcaps. - Text Highlighter
Text Highlighter
Highlight text paragraphs or important keywords. - Spoiler Codes
Spoilers
Create movie/data spoilers easily! - Google Web Fonts
Google Web Fonts
Change your page fonts. Over 500 fonts in library. - Pullquotes
Pullquotes
Create standout pullquotes. - Blockquotes
Blockquotes
Create testimonials and remarks. - Comment Boxes
Comment Boxes
Create comment boxes & testimonials. - Lists
Lists
Create fancy ordered lists with icon bullets.
- Data Grid
Table Data Grid
Organize data with sortable table data grids.
Instant search, auto pagination, live calculation. - Table Styles I
Table Styles I
Stylish CSS table styles - various colors. - Table Styles II
Table Styles II
Stylish CSS table styles - grey tones. - Image Hover Effects
Image Hover Effects
Add hover effects to your images. - Image Captions
Image Captions
Add captions to your images. - Image Frames
Image Frames
Add stylish frame borders to your images. - Form Beautify
Form Beautify
Beautify your existing forms by simply adding a few lines of code. - Dividers
Dividers
Add line dividers/horizontal rulers. - Live HTML Editor
Live HTML Editor
Test CSS/JS & HTML codes in real-time.
- Embed
- Embed Overview
- Instant.WebStore
Instant.WebStore
Setup a simple ecommerce store & accept orders in just 10 minutes. No database required. 100% browser based. - Embed Videos
Embed Videos
Embed YouTube, Vimeo, HTML 5, DM videos. - Embed PDF File
Embed PDF File
Embed Adobe PDF files internally or externally on a webpage. - Social Networks
Social Networks
Add Facebook Likes/Box, Twitter Follow, Tweet, Google+ buttons, pInterest & more! - Twitter Feeds
Twitter Feeds
Add live twitter streams to your web pages. Just copy code + enter your twitter username! - RSS Feeds
RSS Feeds
Display RSS Feeds on your website. Just copy code + enter a RSS URL! - Site Screenshot
Generate Site Screenshot
Dynamically generate a screenshot of any website URL by simply pasting some HTML codes on your webpage. - Bing/Google Maps
Bing/Google Maps
Add interactive Google Maps/Bing Maps within minutes. - Flickr Gallery
Flickr Gallery
Stream photos from your flickr account to your webpage with jquery.
- Site Search
Site Search
Add site search to your website. Powered by Google. - PayPal Buttons
PayPal Buttons
Accept and process credit card payments with Paypal links. - Contact Forms
Contact Forms
Create beautiful contact forms. - Popup Dialogs
Popup Dialogs
Create popup jquery message dialogs. - Message Boxes
Message Boxes
Show alert/confirmation message boxes. - jQuery Lightbox
Image Lightbox
Display content in popup modal dialogs with darkened background. - Inline Content
Inline Content
Add scrollable inline HTML content windows. - Syntax Highlighter
Syntax Highlighter
Highlight your source code for easier viewing/source formatting. Supports HTML, CSS, Pascal, Java, JS, PHP, Python, ROR, VB, SQL, XML, C and more! - Tooltips
Tooltips
Add popup tooltip hints to your links, images and forms!
- Organize
- Organize Overview
- Tabs
Tabs
Organize content in tabbed containers. - Columns
Columns
Quickly add columns to your webpages. - Accordions
Accordions
Organize data in tab groups that can expand/collapse. - Toggles
Toggles
Create expandable Q&A toggles. - Pricing Tables
Pricing Tables
Create stylish comparison tables. - Pagination
Pagination
Create page numbers in your webpages. - Breadcrumbs
Breadcrumbs
Create navigation aids in your webpages.
- Ribbons
Ribbons
Mark your images or content with ribbons. - Horizontal Carousel
Horizontal Carousel
Add sliding carousels to your webpages. - Vertical Carousel
Vertical Carousel
Add sliding carousels to your webpages. - CSS Shadows
CSS Shadows
Create DIV box shadows.
- Elements
- Elements Overview
- 3D Buttons
3D Buttons
3D style - clickable buttons. - CSS3 Buttons
CSS3 Buttons
CSS3 style - clickable buttons. - Flat Buttons
Flat Buttons
Flat style - clickable buttons. - Elite Buttons
Elite Buttons
Multiple styles - clickable buttons. - Gradient Buttons
Gradient Buttons
Shaded style - clickable buttons. - Text Buttons
Text Buttons
Text style - clickable buttons. - Transparent Buttons
Transparent Buttons
See thru - clickable buttons.
- Web Icons
Web Icons
Add useful icons to your webpage. - Social Icons
Social Icons
Add social buttons to your webpage. - Payment Icons
Payment Icons
Display credit card acceptance logos. - Seal Icons
Seal Icons
Improve conversion rates by displaying seal marks. - Background Images
Background Images
Spice up your web page with new backgrounds.
- Sliders
- Sliders Overview
- Sliders One
Banner Sliders One
Showcase your products using jQuery sliders.
Coin Slider - Sliders Two
Banner Sliders Two
Showcase your products using jQuery sliders.
Ken Burns Panel Slider - Sliders Three
Banner Sliders Three
Showcase your products using jQuery sliders.
Nivo Slider
Dream Accordion
Piecemaker 3D Slider
Ken Burns Caption Slider
Media Slider
sCarousel Slider
Flick Slider
jFancyTile Slider
Skitter Slider
Showcase Slider
Broken Glass Slider
Touchswipe Slider
Panel Slider
- Sliders Four
Banner Sliders Four
Showcase your products using jQuery sliders.
ZoomFly Slider - Full Width Sliders
Full Width Banner Sliders
Showcase your products using jQuery sliders.
iOS Slider
Camera Slider
Slidorion Slider
PhotoGrid Slider
Parallax Slider
Layered Slider
Spoiler codes
Create movie/data spoilers easily!CSS/JS files (add code to <HEAD> section):
1 2 3 4 5 6 7 8 | <!-- DC Spoiler Codes CSS --><link type="text/css" rel="stylesheet" href="dreamcodes/spoiler_codes/css/tsc_spoiler_code.css" /><!-- jQuery Library (skip this step if already called on page ) --><script type="text/javascript" src="dreamcodes/jquery.min.js"></script> <!-- (do not call twice) --><!-- DC Spoiler Codes JS --><script type="text/javascript" src="dreamcodes/spoiler_codes/js/tsc_spoiler_code.js"></script> |
Sample Spoiler
James Cameron's epic motion picture, Avatar grossed over View Spoiler >>
View code:
1 2 3 | <!-- DC Spoiler Codes Start --><p>James Cameron's epic motion picture, Avatar grossed over <span class="tsc_spoiler">$2.8 billion dollars worldwide!</span></p><!-- DC Spoiler Codes End --> |
© TemplateAccess