Docs

How to Use Masthead

[edit] Please Note

These docs are now deprecated, we have a new Support area located here

(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>Masthead
 +
<small>Great for Getting Big Ideas Across Quickly.</small>
 +
</h1>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="span7">
 
<a class="btn btn-danger" href="#">New in PageLines 2.2</a>
 
<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 Masthead 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 class="active"><a href="#">Masthead</a></li>
 +
          <li><a href="http://www.pagelines.com/wiki/Bootstrap_Shortcodes_System">Bootstrap Shortcode System</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="span12">
 +
<a href="http://www.pagelines.com/wiki/images/7/71/Mastheadmap.jpg"><img class="pl-imageframe" src="http://www.pagelines.com/wiki/images/thumb/7/71/Mastheadmap.jpg/800px-Mastheadmap.jpg" alt="Masthead Defined"></a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 8: Line 56:
 
<div class="span12">
 
<div class="span12">
 
<div class="page-header">
 
<div class="page-header">
−
<h1>Masthead
+
<h1>Admin Options
−
<small>Great for Getting Big Ideas Across Quickly.</small>
+
<small>Expanded</small>
 
</h1>
 
</h1>
 
</div>
 
</div>
−
<a href="http://www.pagelines.com/wiki/images/7/71/Mastheadmap.jpg"><img class="pl-imageframe" src="http://www.pagelines.com/wiki/images/thumb/7/71/Mastheadmap.jpg/800px-Mastheadmap.jpg"></a>
 
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 03:34, 16 May 2012

Masthead Great for Getting Big Ideas Across Quickly.

New in PageLines 2.2
  • Place Holder

    Placeholder image for Masthead Content Image

Masthead Defined

Admin Options Expanded

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
Masthead Admin Options

Retrieved from "http://www.pagelines.com/wiki/index.php?title=How_to_Use_Masthead&oldid=5298"