1. Start
  2. Getting started
    1. About Grape
    2. Files
    3. Credits
    4. Start
  3. Elements
    1. Blocks
    2. Forms
    3. Table
    4. Charts
    5. Lists
    6. Tabs
    7. Notifications
    8. Alert Boxes
    9. Tooltips
  4. Final Words

我爱原味QQ群

我爱原味网高质量论坛

Thank you for purchasing my first theme here on ThemeForest. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

1原味内内附本人照

高档小区扫楼顺丝打胶

Grape is a professional and very flexible admin template for huge and small backend solutions. It includes custom plugins, forms, validations, charts, tables, notifications and much more. The template is built on HTML5 with CSS3 features powered by jQuery and modernizr.

上海出原味可面交

我爱原味网在线,

Icons

原味52内内 - 我爱原味网黄金厕奴) Copyright © 2011 Yusuke Kamiyamane. All rights reserved.
http://p.yusukekamiyamane.com

原味52内内 - 原味胸罩贴吧 Copyright © 2011 Yusuke Kamiyamane. All rights reserved.
http://p.yusukekamiyamane.com

原味52内内 - 打胶原味论坛社区 Copyright © 2011 Yummygum
http://www.yummygum.nl

原味52内内 - 原味公主鞋 Copyright © 2011 Everaldo Coelho
http://everaldo.com

原味52内内 - 522yyw我爱原味 Copyright © 2006 famfamfam
http://famfamfam.com

 

JavaScript

Start现在哪里还有原味论坛

To start with Grape, I have included a "empty" file (_empty.html) where you can see the general markup and structure.

The template is divided into four (4) main parts:

The best way to understand Grape is to analyze each demonstration page with FireBug.

原汁原味的内衣内裤

原味小女孩内裤

Grape provides a simple markup to easily create blocks around your content.

General markup

<div class="block-border">
  <div class="block-header">
    <h1>Title</h1>
  </div>
  <div class="block-content">
    <p>Put your content here.</p>
  </div>
</div>

Closable Block

Simply add a <span></span> after the <h1>Title</h1> in the block-header.

<div class="block-border">
  <div class="block-header">
    <h1>Title</h1><span></span>
  </div>
  <div class="block-content">
    <p>Put your content here.</p>
  </div>
</div>

Combined Blocks

You can also add more "block-content"s in a block-border.

<div class="block-border">
  <div class="block-header">
    <h1>Title</h1>
  </div>
  <div class="block-content">
    <p>Put your content here.</p>
  </div>
  <div class="block-content">
    <p>Put your second content here.</p>
  </div>
  <div class="block-content">
    <p>Put your third content here.</p>
  </div>
</div>

Dark Background

To give a content-block a dark-bg, just use the class "dark-bg".

<div class="block-border">
  <div class="block-header">
    <h1>Title</h1>
  </div>
  <div class="block-content dark-bg">
    <p>Put your content here.</p>
  </div>
</div>

Action Bar

<div class="block-border">
  <div class="block-header">
    <h1>Title</h1>
  </div>
  <div class="block-content">
    <p>Put your content here.</p>

    <div class="block-actions">
      
    </div>
  </div>
</div>

 

 

微信卖原味

Grid

<div class="block-border">
  <div class="block-header">
    <h1>Title</h1>
  </div>
  <form id="form" class="block-content form" action="" method="post">
    <div class="_100">
      <p><label for="100">100%</label><input id="100" type="text" value=""/></p>
    </div>

    <div class="_50">
      <p><label for="50">50%</label><input id="50" type="text" value=""/></p>
    </div>
    <div class="_50">
      <p><label for="50">50%</label><input id="50" type="text" value=""/></p>
    </div>

    <div class="_25">
      <p><label for="25">25%</label><input id="25" type="text" value=""/></p>
    </div>
    <div class="_75">
      <p><label for="75">75%</label><input id="75" type="text" value=""/></p>
    </div>

    <div class="_25">
      <p><label for="25">25%</label><input id="25" type="text" value=""/></p>
    </div>
    <div class="_25">
      <p><label for="25">25%</label><input id="25" type="text" value=""/></p>
    </div>
    <div class="_25">
      <p><label for="25">25%</label><input id="25" type="text" value=""/></p>
    </div>
    <div class="_25">
      <p><label for="25">25%</label><input id="25" type="text" value=""/></p>
    </div>
  </div>
</div>

For more examples please look at the forms.html.

 

 

52yuanwei我爱原味网最新

Grape uses the DataTables-plugin. Standalone tables are coming in the next updates.

HTML

<div class="block-border">
  <div class="block-header">
    <h1>Title</h1>
  </div>
  <div class="block-content">
    <table id="table-example" class="table">
      <thead>
        <tr>
          <th>Head 1</th>
          <th>Head 2</th>
        </tr>
      </thead>
      <tbody>
          <tr>
            <td>Entry 1.1</td>
            <td>Entry 2.1</td>
          </tr>
          <tr>
            <td>Entry 1.2</td>
            <td>Entry 2.2</td>
          </tr>
      </tbody>
    </table>
  </div>
</div>

JavaScript

$().ready(function() {
  $('#table-example').dataTable();
});

 

 

原味同好者

Please have a look at charts.html, to see examples. A completion for this documentation comes in the next update.

 

 

美女原味内裤打胶

Please have a look at list_block.html, list_shortcut.html and list_contact.html, to see examples. A completion for this documentation comes in the next update.

 

 

三利满天六个原味核桃

Please have a look at tabs.html, to see examples. A completion for this documentation comes in the next update.

 

 

原味胸罩贴吧

This template uses jGrowl for the notifications. The usage is very simple:

$.jGrowl("Message", { theme: 'success' });

Available 'themes':

 

 

喵喵女孩原味内衣

Please have a look at alert_boxes.html, to see examples. A completion for this documentation comes in the next update.

 

 

论坛大全原味阁

Please have a look at tooltips.html, to see examples. A completion for this documentation comes in the next update.

我爱原味app下载

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

And remember: I made this theme with love, so I hope you can enjoy it. heart

Simon Stamm (Stammi)