Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit 45caa0a

Browse files
committed
Update
1 parent f327baa commit 45caa0a

File tree

1 file changed

+28
-68
lines changed

1 file changed

+28
-68
lines changed

‎readme.md‎

Lines changed: 28 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -37,83 +37,24 @@ CSS light or dark theme for menu. Choose one.
3737
<link rel="stylesheet" href="path/to/style.menu.dark.css">
3838
```
3939

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.
40+
Simple menu pattern.
6441

6542
```html
43+
<!-- nav wrapper -->
6644
<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-
```
8945

90-
Title, responsive wrapper add menu.
91-
92-
```html
93-
<div class="nav">
46+
<!-- click show/hide menu -->
9447
<div class="click"></div>
9548
<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.
10749

108-
```html
109-
<div class="nav">
110-
<div class="click"></div>
111-
<div class="sidebar">
50+
<!-- totle for sidebar -->
11251
<div class="title">
113-
<p>Title in sidebar</p>
52+
<p>Title for sidebar</p>
11453
</div>
11554
<div class="responsive">
11655
<ul class="menu scrollbar">
56+
57+
<!-- simple menu -->
11758
<li>
11859
<span class="name">Simple menu</span>
11960
<ul>
@@ -125,19 +66,31 @@ Simple menu.
12566
</div>
12667
</div>
12768
</div>
69+
70+
<!-- content wrapper -->
71+
<div class="content-wrapper">
72+
<h1>Content</h1>
73+
</div>
12874
```
12975

130-
Dropdown menu.
76+
Dropdown menu pattern.
13177

13278
```html
79+
<!-- nav wrapper -->
13380
<div class="nav">
81+
82+
<!-- click show/hide menu -->
13483
<div class="click"></div>
13584
<div class="sidebar">
85+
86+
<!-- totle for sidebar -->
13687
<div class="title">
137-
<p>Title in sidebar</p>
88+
<p>Title for sidebar</p>
13889
</div>
13990
<div class="responsive">
14091
<ul class="menu scrollbar">
92+
93+
<!-- dropdown menu -->
14194
<li>
14295
<span class="name">Dropdown menu</span>
14396
<ul>
@@ -156,4 +109,11 @@ Dropdown menu.
156109
</div>
157110
</div>
158111
</div>
112+
113+
<!-- content wrapper -->
114+
<div class="content-wrapper">
115+
<h1>Content</h1>
116+
</div>
159117
```
118+
119+
Enjoy the menu.

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /