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