Skip to content
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit 4063093

Browse files
accgitaccgit
committed
Update
1 parent 624855c commit 4063093

14 files changed

+184
-656
lines changed

‎admin.png

-40.3 KB
Binary file not shown.

‎src/css/style.css renamed to ‎css/style.css

File renamed without changes.

‎src/css/style.dashboard.css renamed to ‎css/style.dashboard.css

File renamed without changes.

‎src/img/user.png renamed to ‎img/user.png

File renamed without changes.

‎nbproject/project.properties

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
include.path=${php.global.include.path}
2+
php.version=PHP_56
3+
source.encoding=UTF-8
4+
src.dir=.
5+
tags.asp=false
6+
tags.short=false
7+
web.root=.

‎nbproject/project.xml

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<project xmlns="http://www.netbeans.org/ns/project/1">
3+
<type>org.netbeans.modules.php.project</type>
4+
<configuration>
5+
<data xmlns="http://www.netbeans.org/ns/php-project/1">
6+
<name>dashboard</name>
7+
</data>
8+
</configuration>
9+
</project>

‎readme.md

+168-12
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,176 @@
11
## Dashboard template
22

3-
Fast and simple dashboard template.
3+
Simple and fast dashboard template.
44

5-
## Powered by
5+
## Installation
66

7-
- https://github.com/css-ui/cssui
8-
- https://github.com/css-ui/responsive-menu
9-
- https://github.com/css-ui/dropdown-menu
7+
```
8+
npm install --save css-ui-dashboard
9+
```
1010

11-
## List of individual add-ons
11+
## Demo
1212

13-
- https://github.com/css-ui/sign-in
14-
- https://github.com/css-ui/tooltip
15-
- https://github.com/css-ui/table
16-
- https://github.com/css-ui/modal
13+
- https://css-ui.github.io/dashboard/simple
14+
- https://css-ui.github.io/dashboard/full
1715

18-
### Screenshot
16+
## Quick start
1917

20-
![Screenshot](https://raw.githubusercontent.com/css-ui/dashboard/master/admin.png)
18+
CSS dependencies.
19+
20+
```html
21+
<link rel="stylesheet" href="path/to/normalize.css">
22+
<link rel="stylesheet" href="path/to/perfect-scrollbar.css">
23+
<link rel="stylesheet" href="path/to/font-awesome.css">
24+
<link rel="stylesheet" href="path/to/open-sans.css">
25+
<link rel="stylesheet" href="path/to/cssui.css">
26+
```
27+
28+
An additional CSS/html/js according to instructions.
29+
30+
- [CSS dropdown menu](https://github.com/css-ui/dropdown-menu)
31+
- [CSS Responsive menu](https://github.com/css-ui/responsive-menu)
32+
33+
Other as necessary.
34+
35+
- [CSS tooltip](https://github.com/css-ui/tooltip)
36+
- [CSS table](https://github.com/css-ui/table)
37+
- [CSS modal](https://github.com/css-ui/modal)
38+
39+
CSS dashboard.
40+
41+
```html
42+
<link rel="stylesheet" href="path/to/style.dashboard.css">
43+
```
44+
45+
Use Open Sans fotns.
46+
47+
```css
48+
font-family: 'Open Sans', sans-serif;
49+
```
50+
51+
We will add new features.
52+
53+
1) Add logged to sidebar.
54+
55+
```html
56+
<div class="logged sidebar">
57+
<ul class="clear">
58+
<li class="gravatar float left"><img src="path/to/user.png" alt="user"></li>
59+
<li class="user float left">John Doe <a href="#">Logout</a></li>
60+
</ul>
61+
</div>
62+
```
63+
64+
2) Add header.
65+
66+
```html
67+
<div class="header">
68+
<div class="clear">
69+
70+
<!-- header dashboard -->
71+
<div class="float left">
72+
<ul class="breadcrumb">
73+
<li><a href=""><i class="fa fa-square-o" aria-hidden="true"></i>Dashboard</a></li>
74+
<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Sample</li>
75+
</ul>
76+
</div>
77+
78+
<!-- logged in header user -->
79+
<div class="float right user panel">
80+
81+
<!-- user identity -->
82+
<div class="float left logged in">
83+
<ul class="clear">
84+
<li class="user float left">You login as John Doe</li>
85+
<li class="gravatar float left"><img src="img/user.png" alt="user"></li>
86+
</ul>
87+
</div>
88+
89+
<!-- dropdown menu -->
90+
<div class="float left">
91+
92+
<!-- -->
93+
<!-- Here we dropdown menu -->
94+
<!-- -->
95+
96+
</div>
97+
</div>
98+
99+
<!-- content -->
100+
<div class="content">
101+
<div class="box style">
102+
<h4>Sample</h4>
103+
Content...
104+
</div>
105+
</div>
106+
</div>
107+
```
108+
109+
Location of new properties.
110+
111+
```html
112+
<!-- nav wrapper -->
113+
<div class="nav">
114+
115+
<!-- click show/hide menu -->
116+
<div class="click"></div>
117+
<div class="sidebar">
118+
119+
<!-- title for sidebar -->
120+
<div class="title">
121+
<p>Title for sidebar</p>
122+
</div>
123+
124+
<!-- -->
125+
<!-- 1) Add logged to sidebar -->
126+
<!-- -->
127+
128+
<div class="responsive">
129+
<ul class="menu scrollbar">
130+
131+
<!-- dropdown menu -->
132+
<li>
133+
<span class="name">Dropdown menu</span>
134+
<ul>
135+
<li><a href="#">Click</a></li>
136+
<li class="parent">
137+
<a href="#" class="employ current">Europe</a>
138+
<ul class="submenu">
139+
<li><a href="#">Germany</a></li>
140+
<li><a href="#" class="current">France</a></li>
141+
<li><a href="#">Italy</a></li>
142+
</ul>
143+
</li>
144+
</ul>
145+
</li>
146+
</ul>
147+
</div>
148+
</div>
149+
</div>
150+
151+
<!-- content wrapper -->
152+
<div class="content-wrapper">
153+
154+
<!-- -->
155+
<!-- 2) Add header -->
156+
<!-- -->
157+
158+
</div>
159+
```
160+
161+
javascript libraries and plugins.
162+
163+
```html
164+
<script src="path/to/nanobar.js"></script>
165+
<script>
166+
$(function() {
167+
168+
var nanobar = new Nanobar();
169+
nanobar.go(100);
170+
171+
/* Add responsive and dropdown menu js */
172+
});
173+
</script>
174+
```
175+
176+
Enjoy dashboard.

‎src/css/style.dropdown.css

-52
This file was deleted.

‎src/css/style.dropdown.dark.css

-21
This file was deleted.

‎src/css/style.dropdown.light.css

-21
This file was deleted.

0 commit comments

Comments
 (0)