dCodes v2
HTML Template Shortcodes- Format
- Format Overview
- Google Web Fonts
Google Web Fonts
Change your page fonts. Over 500 fonts in library. - 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! - 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/Office File
Embed PDF/Office File
Embed Adobe PDF/MS Office 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! - Skype Calls
Skype Integration
Call & chat to your website visitors with easy Skype integration. - 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. - Scroll to Top
Scroll to Top
Create a dynamic scroll to top button that appears near the bottom of pages.
- 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 Notifications
Popup Notifications
Create popup message dialogs & notification bar alerts. - Message Boxes
Message Boxes
Show alert/confirmation message boxes. - jQuery Lightbox
Image Lightbox
Display content in popup modal dialogs with darkened background. - Image Preloader
Image Preloader
Preload images with style (show animation loops). - 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. - Social Buttons
Social Buttons
Button styles from popular sites. - 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. - Background Images
Background Images
Spice up your web page with new backgrounds.
- Web Icons
Web Icons
Over 450+ small icons for web content usage. - Web Icons II
Web Icons II
Over 450+ large icons for web content usage. - Web Icons III
Web Icons III
Over 350+ large icons for web content usage. - Picotogram Icons
Picogram Icons
Over 400+ small royalty free icons for web usage. - Picotogram Icons II
Picogram Icons II
Over 1300+ small royalty free icons for web usage. - Picotogram Fonts
Picogram Fonts
Clean, minimalist font based icons. - 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.
- 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.
OneByOne Slider
Dream Accordion
Piecemaker 3D Slider
Ken Burns Caption Slider
Media Slider
sCarousel Slider
Flick Slider
jFancyTile Slider
Skitter Slider
Responsive Grid Fixed
Nivo 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.
Responsive Grid - Sliders Six Sliders
Layered Sliders
Showcase your products using jQuery sliders.
Revolution Slider - Sliders Seven
Sliders Seven
Flexible Responsive Slider.
Flex Slider
Focused Slider
Camera Slider
Slidorion Slider
PhotoGrid Slider
iOS Slider
Parallax Slider
Layered Slider
MB Slider
- Menus
- Menus Overview
- App Menu
App Menu
Web application style dropdown navigation system. - Button Menu
Button Menu
Popup & dropdown web menus. - CSS3 Menu
CSS3 Menu
Navigation menus using pure CSS. - Dock Menu
Dock Menu
OSX inspired web menus. - Elegant Menu
Elegant Menu
Stylish navigation menus with fade effects. - Expander Menu
Expander Menu
Sidebar menu that auto expands/scrolls with the reader. - Extended Menu
Extended Menu
Stylish fade-in-out navigation system. - Flat Menu
Flat Menu
Clean, corporate navigation system. - iMenu
iMenu
Apple inspired web navigation menus.
- Jump Menu
Jump Menu
Web navigation system with jump out/slide effects. - Metro Menu
Metro Menu
Web navigation system with auto shrink/expand effects. - Mega Menu
Mega Menu
Bevel style web navigation menus. - Responsive Menu
Responsive Menu
Web navigation system that fits on all devices (desktop, mobile, tablet). - Scroller Menu
Scroller Menu
Navigation system with inbuilt scrolling. - Slideout Menu
Slideout Menu
Web navigation anchored to sidebar, slides out on hover. - Superfish Menu
Superfish Menu
Professional web navigation system with fade effects. - Tree Menu
Tree Menu
Folder tree/ explorer inspired navigation system. - Vertical Menu
Vertical Menu
Vertically aligned web navigation system.
Image captions
Add captions to your imagesLocal: CSS/JS files (add code to <HEAD> section):
1 2 3 4 5 6 7 | <!-- Must place codes within <HEAD> section --><!-- DC Image Captions CSS --><link type="text/css" rel="stylesheet" href="dcodes/image_captions/css/dc_image_captions.css" /><!-- jQuery Library (skip this step if already called on page ) --><script type="text/javascript" src="dcodes/jquery.min.js"></script> <!-- (do not call twice) --><!-- DC Image Captions JS --><script type="text/javascript" src="dcodes/image_captions/js/dc_image_captions.js"></script> |
Hosted: CSS/JS files (add code to <HEAD> section):
1 2 3 4 5 6 7 | <!-- Must place codes within <HEAD> section --><!-- DC Image Captions CSS --><link type="text/css" rel="stylesheet" href="http://cdn.dcodes.net/2/image_captions/css/dc_image_captions.css" /><!-- jQuery Library (skip this step if already called on page ) --><script type="text/javascript" src="http://cdn.dcodes.net/2/jquery.min.js"></script> <!-- (do not call twice) --><!-- DC Image Captions JS --><script type="text/javascript" src="http://cdn.dcodes.net/2/image_captions/js/dc_image_captions.js"></script> |
Ribbon Caption
This image has a caption!
View code:
1 2 3 4 | <!-- DC Image Captions Start --><img src="http://cdn.dcodes.net/p/300x197" class="dc_wrapcapt" alt="" title="This image has a caption!" /><!-- DC Image Captions End --><div class="dc_clear"></div><!-- line break/clear line --> |
Slide-up Captions
Lorem ipsum dolorsit amet, consectetur adipisicing elit
View code:
1 2 3 4 5 6 | <!-- DC Image Captions Start --><a href="#" class="dc_slidebot_css"><span class="roll_css" >Lorem ipsum dolor<br /><small>sit amet, consectetur adipisicing elit</small><!-- DC Image Captions End --><div class="dc_clear"></div><!-- line break/clear line --> |
Sticky Captions
Lorem ipsum dolorsit amet, consectetur adipisicing elit
View code:
1 2 3 4 5 6 | <!-- DC Image Captions Start --><a href="#" class="dc_slidebotadd_css"><span class="roll_css" >Lorem ipsum dolor<br /><small>sit amet, consectetur adipisicing elit</small></span><!-- DC Image Captions End --><div class="dc_clear"></div><!-- line break/clear line --> |
Slide-down Captions
Lorem ipsum dolorsit amet, consectetur adipisicing elit
View code:
1 2 3 4 5 6 | <!-- DC Image Captions Start --><a href="#" class="dc_slidetop_css"><span class="roll_css" >Lorem ipsum dolor<br /><small>sit amet, consectetur adipisicing elit</small></span><!-- DC Image Captions End --><div class="dc_clear"></div><!-- line break/clear line --> |
Slide-side Captions
Lorem ipsum dolorsit amet, consectetur adipisicing elit
View code:
1 2 3 4 5 6 | <!-- DC Image Captions Start --><a href="#" class="dc_slideimgrt_css" style="width:300px; height:197px;"><span class="roll_css" >Lorem ipsum dolor<br /><small>sit amet, consectetur adipisicing elit</small></span><!-- DC Image Captions End --><div class="dc_clear"></div><!-- line break/clear line --> |
Slide-down Captions
Lorem ipsum dolorsit amet, consectetur adipisicing elit
View code:
1 2 3 4 5 6 | <!-- DC Image Captions Start --><a href="#" class="dc_slideimgbot_css" style="width:300px; height:197px;"><span class="roll_css" >Lorem ipsum dolor<br /><small>sit amet, consectetur adipisicing elit</small></span><!-- DC Image Captions End --><div class="dc_clear"></div><!-- line break/clear line --> |
Slide-corner Captions
Lorem ipsum dolorsit amet, consectetur adipisicing elit
View code:
1 2 3 4 5 6 | <!-- DC Image Captions Start --><a href="#" class="dc_slideimgrttop_css" style="width:300px; height:197px;"><span class="roll_css" >Lorem ipsum dolor<br /><small>sit amet, consectetur adipisicing elit</small></span><!-- DC Image Captions End --><div class="dc_clear"></div><!-- line break/clear line --> |
© TemplateAccess