PageLines Shortcodes
(Difference between revisions)
m |
m |
||
| (3 intermediate revisions by one user not shown) | |||
| Line 2: | Line 2: | ||
<div class="row"> | <div class="row"> | ||
<div class="span12"> | <div class="span12"> | ||
| − | < | + | <div class="page-header"> |
| + | <h1>PageLines Shortcodes | ||
| + | <small>Instant Content Manipulation</small> | ||
| + | </h1> | ||
| + | </div> | ||
</div> | </div> | ||
| + | </div> | ||
| + | <div class="row"> | ||
| + | <div class="span7"> | ||
| + | <a class="btn btn-danger" href="#">New in PageLines 2.2</a> | ||
| + | <ul class="thumbnails unstyled"> | ||
| + | <li class="span7"> | ||
| + | <div class="thumbnail"> | ||
| + | <a href="#"> | ||
| + | <img class="pl-imageframe" src="http://placehold.it/300x250" alt="Place Holder"> | ||
| + | </a> | ||
| + | <div class="caption" style="text-align:center;"> | ||
| + | <p>Placeholder image for Shortcodes Content Image</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div class="span5"> | ||
| + | <div style="padding:10px; | ||
| + | background-color: transparent; | ||
| + | border-radius: 5px; | ||
| + | -moz-border-radius: 5px; | ||
| + | -moz-box-shadow: 0 0 5px #AAAAAA; | ||
| + | -webkit-box-shadow: 0 0 6px #AAAAAA; | ||
| + | box-shadow: 0 0 6px #AAAAAA;"> | ||
| + | <ul class="nav nav-list unstyled"> | ||
| + | <li class="nav-header">Other New Features</li> | ||
| + | <li><a href="http://www.pagelines.com/wiki/How_to_Use_the_Grid">How to Use the Grid</a></li> | ||
| + | <li><a href="http://www.pagelines.com/wiki/How_to_Use_Intro_Unit">Intro Unit</a></li> | ||
| + | <li><a href="http://www.pagelines.com/wiki/How_to_Use_Masthead">Masthead</a></li> | ||
| + | <li class="active"><a href="#">PageLines Shortcode</a></li> | ||
| + | <li><a href="http://www.pagelines.com/wiki/Introducing_PageLESS">PageLESS CSS</a></li> | ||
| + | <li><a href="http://www.pagelines.com/wiki/How_to_Use_ScrollSpy">ScrollSpy</a></li> | ||
| + | <li><a href="http://www.pagelines.com/wiki/How_to_use_NavBar">NavBar</a></li> | ||
| + | <li class="divider"></li> | ||
| + | <li><a href="#">Help</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
<div class="row"> | <div class="row"> | ||
<div class="span12"> | <div class="span12"> | ||
| Line 13: | Line 57: | ||
<br> | <br> | ||
<blockquote class="pull-right"> | <blockquote class="pull-right"> | ||
| − | <p>All of the features we have adapted from bootstrap for use in PageLines are documented in depth on the <a href="http://www.example.com"><strong>2.2 Demo Site, Shortcodes Page</strong></a></p> | + | <p>All of the features we have adapted from bootstrap for use in PageLines are documented in depth on the <a href="http://www.example.com"><strong>2.2 Demo Site, Shortcodes Page</strong></a> |
| + | </p> | ||
</blockquote> | </blockquote> | ||
</div> | </div> | ||
</div> | </div> | ||
</html> | </html> | ||
Latest revision as of 02:51, 17 May 2012
PageLines Shortcodes Instant Content Manipulation
New in PageLines 2.2
-
Placeholder image for Shortcodes Content Image
PageLines Framework 2.2 includes the arrival of the Bootstrap Shortcode System. This system implements several new ways to customize your post, page and section content using shortcodes. You have seen shortcodes used in previous versions of PageLines in the How to Use the Blog and Posts Settings Post Meta section.
Before we get started, it is a good idea to familiarize yourself with what Bootstrap itself has to offer. For more on the history and concept of Bootstrap, visit their website here.
All of the features we have adapted from bootstrap for use in PageLines are documented in depth on the 2.2 Demo Site, Shortcodes Page