|
|
| Line 2: |
Line 2: |
| | {{TU-Eindhoven_menu}} | | {{TU-Eindhoven_menu}} |
| | | | |
| | + | <html> |
| | + | <head> |
| | + | <meta charset="utf-8"> |
| | + | <title>Menu</title> |
| | + | <style type="text/css"> |
| | | | |
| − | <div class="content">
| + | <!-- |
| − | <br/>
| + | .topbar, |
| − | <h1>Lorem Ipsum</h1>
| + | .topbar ul, |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dolor sed elit pretium tempus non quis nibh. Nullam felis diam, mattis sit amet tortor vitae, pulvinar faucibus leo. Suspendisse eu mattis ante, in commodo diam. Cras nec tristique neque, ut egestas felis. Nunc feugiat ligula a ante tempor dictum. Donec pharetra ligula ante. Nulla placerat, nulla ac ultrices iaculis, urna elit bibendum quam, id rutrum nisl dolor vel lorem. Phasellus sit amet sapien sit amet enim consequat finibus a eu lorem. Nunc non dui eu lacus feugiat egestas at in lacus. Fusce hendrerit rutrum nisi, vel tristique ante dictum eget. Proin tempor massa dui, at scelerisque massa accumsan eget. Fusce venenatis ipsum ut porttitor mollis. Fusce sagittis erat non ante ultricies facilisis in et purus.</p>
| + | .topbar li, |
| | + | .topbar a{ |
| | + | margin: 0; |
| | + | padding: 0; |
| | + | border: none; |
| | + | outline: none; |
| | + | } |
| | | | |
| − | <p>Nulla sit amet turpis ac urna condimentum auctor ac ut diam. Suspendisse potenti. Donec lobortis risus id felis porttitor fringilla. In convallis interdum dolor, sed commodo lorem posuere ac. Quisque non diam lacinia, facilisis odio non, laoreet neque. Quisque congue sapien at vulputate ullamcorper. Donec sit amet est hendrerit, hendrerit massa in, suscipit eros. Fusce condimentum urna nisi, eget dignissim metus tincidunt ut. Curabitur vel mi id nisl ornare molestie. Curabitur ut iaculis leo. Maecenas gravida, dui sit amet tincidunt fermentum, dui erat semper velit, pellentesque placerat augue mauris rhoncus sem. Mauris odio leo, pretium sit amet ante in, placerat gravida lorem. In tristique, sapien ac auctor posuere, nibh metus placerat sem, at porttitor nibh nulla quis nibh.</p>
| + | .topbar{ |
| | + | height: 100px; |
| | + | width: 940px; |
| | + | position:fixed; |
| | + | top:80px; |
| | + | |
| | + | background: #B0E0E6; |
| | + | -webkit-border-radius: 5px; |
| | + | -moz-border-radius: 5px; |
| | + | border-radius: 5px; |
| | + | } |
| | | | |
| − | <p>Morbi suscipit, mi et eleifend venenatis, purus erat venenatis lacus, eu congue neque lacus et lorem. Integer in facilisis nunc. Fusce et tellus venenatis, egestas tellus luctus, elementum mi. Vestibulum in nibh vel nisi bibendum porttitor. Etiam et semper nunc. Vivamus efficitur vehicula tortor. Nam ullamcorper malesuada cursus.</p>
| + | .topbar li{ |
| | + | position: relative; |
| | + | list-style: none; |
| | + | float: left; |
| | + | display: block; |
| | + | height: 40px; |
| | + | } |
| | | | |
| − | <p>Ut ut felis nibh. Phasellus lobortis turpis sit amet libero maximus congue. Morbi vitae leo at felis rhoncus feugiat ut eget ipsum. Fusce id vestibulum lorem, sed sodales enim. Maecenas posuere eros ligula, at varius ex venenatis eget. Nam hendrerit nibh ac nulla ultrices, semper venenatis velit feugiat. Sed sit amet felis bibendum, placerat eros ut, aliquam nibh. Cras dictum diam sed odio faucibus iaculis.</p>
| + | .topbar li a{ |
| | + | display:block; |
| | + | padding:0 14px; |
| | + | margin: 6px 0; |
| | + | line-height:90px; |
| | + | text-decoration: none; |
| | + | |
| | + | border-left: 1px dashed #000080; |
| | + | border-right: 1px dashed #ffffff; |
| | + | |
| | + | font-family: Verdana, Geneva, sans-serif; |
| | + | font-weight: normal; |
| | + | font-size: 40px; |
| | + | |
| | + | color: #000080; |
| | + | } |
| | + | |
| | + | .topbar li:first-child a{border-left: none;} |
| | + | .topbar li:last-child a{border-right: none;} |
| | + | |
| | + | --> |
| | + | </style></head> |
| | + | |
| | + | <body> |
| | + | <ul class="topbar"> |
| | + | <li><a href="#"><img src="../Icoontjes/Home_192_90.png" width="192" height="90" alt="Home_Icon" /></a></li> |
| | + | <li><a href="#">Home</a></li> |
| | + | </ul> |
| | + | |
| | + | </body> |
| | | | |
| − | <p>Sed pharetra magna eros, sit amet ornare arcu commodo eu. Nunc sed ex porta, pharetra risus quis, placerat erat. Morbi augue purus, pharetra ac nulla eget, consectetur blandit elit. Etiam ornare dolor et nunc sollicitudin dapibus. Integer eget orci purus. Vestibulum sit amet viverra risus, ut convallis nibh. Ut purus diam, vulputate in tristique a, gravida sed risus. Maecenas elementum laoreet orci id lacinia. Suspendisse feugiat consequat risus, quis sagittis dui tristique semper. Integer congue mattis tempor. Phasellus ut volutpat est. Nunc ac egestas neque. Integer suscipit eros sed mi eleifend sagittis.</p>
| |
| − | <!-- end .footer --></div>
| |
| | <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> | | <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> |
| | + | </html> |
| | | | |
| | | | |
| | {{TU-Eindhoven_footer}} | | {{TU-Eindhoven_footer}} |
