Skip to content

Commit fa7a57e

Browse files
dagophildagophil
committed
Added menu sketch.
1 parent 2b4417a commit fa7a57e

File tree

4 files changed

+97
-0
lines changed

4 files changed

+97
-0
lines changed

‎menu_sketch/buttons.html

+97
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
<html>
2+
<head>
3+
<style type="text/css">
4+
#container
5+
{
6+
}
7+
#scrolltop
8+
{
9+
background: #ccc;
10+
width: 65%;
11+
height: 50px;
12+
box-shadow: 0px 0px 14px 5px #999;
13+
text-align: center;
14+
margin: 0px 0px 0px 5%;
15+
position: absolute;
16+
top: 0;
17+
left: 0;
18+
}
19+
#scrollbottom
20+
{
21+
background: #ccc;
22+
width: 65%;
23+
height: 50px;
24+
box-shadow: 0px 0px 14px 5px #999;
25+
text-align: center;
26+
margin: 0px 0px 0px 5%;
27+
position: absolute;
28+
bottom: 0;
29+
left: 0;
30+
}
31+
#scrollright
32+
{
33+
position: absolute;
34+
right: 0;
35+
top: 0;
36+
background: #ccc;
37+
width: 20%;
38+
height: 100%;
39+
box-shadow: 0px 0px 14px 5px #999;
40+
}
41+
.menu
42+
{
43+
margin-top: 10%;
44+
width: 80%;
45+
}
46+
.menu_item
47+
{
48+
margin-left: 5%;
49+
margin-right: 12%;
50+
height: 100px;
51+
overflow: hidden;
52+
margin-bottom: 40px;
53+
box-shadow: 5px 5px 14px 5px #ccc;
54+
}
55+
.menu_image
56+
{
57+
width: 38%;
58+
float: left;
59+
text-align: right;
60+
}
61+
.menu_image img
62+
{
63+
height: 100px;
64+
}
65+
.menu_text
66+
{
67+
float: left;
68+
width: 62%;
69+
height: 100%;
70+
text-align: center;
71+
}
72+
</style>
73+
</head>
74+
<body>
75+
<div id="container">
76+
<div id="scrolltop"></div>
77+
<div id="scrollright"></div>
78+
<div id="scrollbottom"></div>
79+
80+
<div class="menu">
81+
<div class="menu_item">
82+
<div class="menu_image">
83+
<img src="mario.png" />
84+
</div>
85+
<div class="menu_text"><br /><br />Super Mario</div>
86+
</div>
87+
<div class="menu_item">
88+
<div class="menu_image">
89+
<img src="luigi.jpg" />
90+
</div>
91+
<div class="menu_text"><br /><br />Luigi Land</div>
92+
</div>
93+
</div>
94+
95+
</div>
96+
</body>
97+
</html>

‎menu_sketch/kinect_menu.png

47.3 KB
Loading

‎menu_sketch/luigi.jpg

52.4 KB
Loading

‎menu_sketch/mario.png

90.9 KB
Loading

0 commit comments

Comments
 (0)