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

Commit f327baa

Browse files
accgitaccgit
committed
Update
1 parent 66fcfee commit f327baa

File tree

1 file changed

+145
-0
lines changed

1 file changed

+145
-0
lines changed

‎readme.md

Lines changed: 145 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,3 +12,148 @@ Simple responsive sidebar menu.
1212
```
1313
composer install
1414
```
15+
16+
## Quick start
17+
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+
CSS menu style.
28+
29+
```html
30+
<link rel="stylesheet" href="path/to/style.menu.css">
31+
```
32+
33+
CSS light or dark theme for menu. Choose one.
34+
35+
```html
36+
<link rel="stylesheet" href="path/to/style.menu.light.css">
37+
<link rel="stylesheet" href="path/to/style.menu.dark.css">
38+
```
39+
40+
Navigation wrapper.
41+
42+
```html
43+
<div class="nav"></div>
44+
```
45+
46+
Click show/hide menu for responsive display.
47+
48+
```html
49+
<div class="nav">
50+
<div class="click"></div>
51+
</div>
52+
```
53+
54+
For title and responsive menu add the sidebar.
55+
56+
```html
57+
<div class="nav">
58+
<div class="click"></div>
59+
<div class="sidebar"></div>
60+
</div>
61+
```
62+
63+
Title in sidebar.
64+
65+
```html
66+
<div class="nav">
67+
<div class="click"></div>
68+
<div class="sidebar">
69+
<div class="title">
70+
<p>Title in sidebar</p>
71+
</div>
72+
</div>
73+
</div>
74+
```
75+
76+
Title and add responsive wrapper.
77+
78+
```html
79+
<div class="nav">
80+
<div class="click"></div>
81+
<div class="sidebar">
82+
<div class="title">
83+
<p>Title in sidebar</p>
84+
</div>
85+
<div class="responsive"></div>
86+
</div>
87+
</div>
88+
```
89+
90+
Title, responsive wrapper add menu.
91+
92+
```html
93+
<div class="nav">
94+
<div class="click"></div>
95+
<div class="sidebar">
96+
<div class="title">
97+
<p>Title in sidebar</p>
98+
</div>
99+
<div class="responsive">
100+
<ul class="menu scrollbar"></ul>
101+
</div>
102+
</div>
103+
</div>
104+
```
105+
106+
Simple menu.
107+
108+
```html
109+
<div class="nav">
110+
<div class="click"></div>
111+
<div class="sidebar">
112+
<div class="title">
113+
<p>Title in sidebar</p>
114+
</div>
115+
<div class="responsive">
116+
<ul class="menu scrollbar">
117+
<li>
118+
<span class="name">Simple menu</span>
119+
<ul>
120+
<li><a href="#">One</a></li>
121+
<li><a href="#" class="current">Two</a></li>
122+
</ul>
123+
</li>
124+
</ul>
125+
</div>
126+
</div>
127+
</div>
128+
```
129+
130+
Dropdown menu.
131+
132+
```html
133+
<div class="nav">
134+
<div class="click"></div>
135+
<div class="sidebar">
136+
<div class="title">
137+
<p>Title in sidebar</p>
138+
</div>
139+
<div class="responsive">
140+
<ul class="menu scrollbar">
141+
<li>
142+
<span class="name">Dropdown menu</span>
143+
<ul>
144+
<li><a href="#">Click</a></li>
145+
<li class="parent">
146+
<a href="#" class="employ current">Europe</a>
147+
<ul class="submenu">
148+
<li><a href="#">Germany</a></li>
149+
<li><a href="#" class="current">France</a></li>
150+
<li><a href="#">Italy</a></li>
151+
</ul>
152+
</li>
153+
</ul>
154+
</li>
155+
</ul>
156+
</div>
157+
</div>
158+
</div>
159+
```

0 commit comments

Comments
 (0)