自己没有设计能力，借用了很多其他的第三方组件，所有的代码 hard code，主要工作是 CSS(LESS) 和 Javascipt，包含一个自己写的 jQuery 插件 Leaderboard(https://github.com/boostbob/jquery.leaderboard)，请大家轻拍。
view demo
项目地址：https://github.com/boostbob/gappro-theme
#Menu Features
- Filter by keywords
- Expand/Collapse menu
- Drag icons to persist favorite menus
- Sub Menus
- Sub quick post
- Sub quick widget
- Top navigation menu
- 7+ menu theme colors
#Widget Features
- Toolbar layout
- Defined actions by markup
- Action Buttons
- Custom background
- Widget accordion
- Widget table
- Widget header tabs
- Widget footer
#Forms Features
- Form elements
- 2 Editors(Bootstrap WYSIHTML5 Editor, Markdown editor)
- Validator
- Wizard
- Editable elements
- Input mask
- Auto size textarea
- Custom select
#Tables Features
- Leaderboard tables
- Static tables
- Bordered tables
- Condensed tables
- Striped tables
- Dynamic tables
- Rowlink tables
- Editable tables
#Other Features
- 2 login Forms
- VMap with leaderboard tables
- Merge Box UI
- Status Box UI
- Comapre Box UI
- Chat UI
- Mailbox UI
- TODO UI
- jQuery UI support
- Less support(include 25 less files)
- Google webfonts
levan
#8
2013年08月06日
如果想嵌入自己的数据方便吗？ 因为你那些显示都是动态的，不是特别了解后台实时后台该怎么做成这样。 比如 @topics.count 这样的值 每隔五秒在后台刷新一次，lz 懂吗？
@Levan 那些都是 js 调用，你把数据放在 js 代码里面或者 html 标签里面，比如：
1. var data = <%[email protected]%>;
2. <div id="data-provider" data-name="<%[email protected]%>"> 用$("#data-provider").data("name")调用.
第二种被认为要优雅一下。这个就是交流用的，黑色风格不适合用作后台，经常看，眼睛会很受不了的。
boostbob
#15
2013年08月06日
后台用 bootstrap，前台用 foundation. 如果前台用 bootstrap 的话，你需要很多时间去 override bootstrap 附加的样式。
