1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="layout/bannermenu.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="bannerBody">
<!-- This div contains the bannermenu and centers it on the page -->
<div id="bannerWrapper">
<a href="#" title="Home"><div id="bannerLogoButton"></div></a>
<!-- This div contains all the content between the LenaSYS button and the user button -->
<div id="bannerContent">
<!-- This div contains the content that is needed on the banner for the CMS page.
The name is only used to set it hidden or shown. -->
<!--<div id="bannerContentCMS">
<div id="bannerHeaderCMS">
<span id="bannerHeaderCMSCourseName">Webprogramming</span> -
<span id="bannerHeaderCMSCourseCode">DA330G</span>
</div>
</div>-->
<!-- This div contains the content that is needed on the banner for the example page.
The name is only used to set it hidden or shown. -->
<div id="bannerContentExample">
<a href="#" title="Open example menu"><div id="bannerCodeviewerMenuButton" class="icomoon">%</div></a>
<a href="#" title="Go to previous example"><div id="bannerLeftArrowButton" class="icomoon">&</div></a>
<a href="#" title="Go to next example"><div id="bannerRightArrowButton" class="icomoon">'</div></a>
<a href="#" title="Play the example"><div id="bannerPlayButton" class="icomoon">-</div></a>
<div id="bannerHeaderExample">Menu with images using divs</div>
<a href="#" title=""><div id="bannerExtraButton" class="icomoon">+</div></a>
</div>
</div>
<a href="#" title="Open settings menu"><div id="bannerUserMenuButton">gush</div></a>
</div>
<!-- This div contains the dropdownmenus -->
<div id="dropdownMenuWrapper">
<!-- This div contains the dropdownmenu for the codeviewer menu button -->
<div id="dropdownCodeviewerMenu">
<div class="drowdownMenuHeader">Choose example</div>
<a href="#"><div class="dropdownMenuButton">Menu with images using divs</div></a>
<a href="#"><div class="dropdownMenuButton">Dropdown menu</div></a>
<a href="#"><div class="dropdownMenuButton">Expand and contract data</div></a>
</div>
<!-- This div contains the dropdownmenu for user menu button -->
<div id="dropdownUserMenu">
<div class="drowdownMenuHeader">Settings</div>
<a href="#"><div class="dropdownMenuButton">Courses<span id="dropdownMenuButtonArrow"> </span></div></a>
<div id="dropdownMenuCourseBlock">
<ul>
<a href="#"><li class="dropdownMenuCourseBlockNonActiveCourse">Computor Graphics - DA146G</li></a>
<a href="#"><li class="dropdownMenuCourseBlockNonActiveCourse">Database Construction - IS317G</li></a>
<a href="#"><li class="dropdownMenuCourseBlockNonActiveCourse">Database Systems - IS114G</li></a>
<a href="#"><li class="dropdownMenuCourseBlockNonActiveCourse">Webdevelopment XML API - DV313G</li></a>
<a href="#"><li class="dropdownMenuCourseBlockActiveCourse">Webprogramming - DA330G</li></a>
</ul>
<hr>
<ul>
<a href="#"><li class="dropdownMenuCourseBlockNotCourse">Manage Courses</li></a>
</ul>
</div>
<a href="#"><div class="dropdownMenuButton">Add Instructor</div></a>
<a href="#"><div class="dropdownMenuButton">Change Password</div></a>
<a href="#"><div class="dropdownMenuButton">Logout</div></a>
</div>
</div>
</div>
</body>
</html>
|