Difference between revisions of "Studio 65"
Jump to navigation
Jump to search
(Blanked the page) Tag: Blanking |
|||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .navigationBar { | ||
+ | |||
+ | |||
+ | |||
+ | text-align: left; | ||
+ | background-color:#333; | ||
+ | font-size:16px; | ||
+ | font-family: Arial | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | padding:0; | ||
+ | margin: 0; | ||
+ | list-style-type: none; | ||
+ | list-style:none; | ||
+ | width: 97%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .navigationBar li a:hover{ | ||
+ | |||
+ | |||
+ | |||
+ | background-color: #111 !important; | ||
+ | color: #fff; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .navigationBar li a:focus { | ||
+ | |||
+ | |||
+ | |||
+ | background-color: #111 !important; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .navigationBar li { | ||
+ | display:inline-block; | ||
+ | } | ||
+ | |||
+ | .navigationBar li a { | ||
+ | display:block; | ||
+ | text-decoration: none; | ||
+ | color: #FFF !important; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <ul class="navigationBar"> | ||
+ | <li><a href="#">Home</a></li> | ||
+ | <li><a href="#">Portfolio</a></li> | ||
+ | <li><a href="#">Event</a></li> | ||
+ | <li><a href="#">Gallery</a></li> | ||
+ | <li><a href="#">Contact</a></li> | ||
+ | </ul> | ||
+ | |||
+ | </html> |
Latest revision as of 12:45, 3 June 2019
<html>
<style>
.navigationBar {
text-align: left; background-color:#333; font-size:16px; font-family: Arial
padding:0;
margin: 0;
list-style-type: none;
list-style:none;
width: 97%;
}
.navigationBar li a:hover{
background-color: #111 !important; color: #fff;
}
.navigationBar li a:focus {
background-color: #111 !important;
}
.navigationBar li { display:inline-block; }
.navigationBar li a { display:block; text-decoration: none; color: #FFF !important; padding: 20px; }
</style>
</html>