Home Explore Help
Sign In
caleb
/
pelican-elegant
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Top navigation bar added. I do not think I will have enough space to put in all the items in the horizontal menu.
Therefore I have added top navigation bar where I can add infrequently used items.

Muhammad Talha Mansoor 12 years ago
parent
19d4db8909
commit
67e21da218
2 changed files with 19 additions and 1 deletions
Split View Show Diff Stats
  1. 10 0
      css/custom.css
  2. 9 1
      index.html

+ 10 - 0
css/custom.css
View File 

@@ -11,6 +11,16 @@ background-image:url(images/backgroundTexture.png);
 
 background-repeat:repeat;
 
 }
 
 
+.topNavBar {
 
+background-color: black;
 
+height: 1.6em;
 
+color: #999;
 
+font-family: Consolas,monospace;
 
+font-size: 0.8em;
 
+text-align:right;
 
+line-height:1.6em;
 
+}
 
+
 
 .pageForeground {
 
 background-color: beige;
 
 border-radius:15px;

+ 9 - 1
index.html
View File 

@@ -47,7 +47,15 @@
 
   </style>
 
 </head>
 
 
-<body class="pageBackground padding_top_15 padding_bottom_15">
 
+<body class="pageBackground padding_bottom_15">
 
+<div class="container topNavBar margin_bottom_15">
 
+<div class="row">
 
+  <div class="col_2 pre_4"><p>Tags</p></div>
 
+  <div class="col_2"><p>Pages</p></div>
 
+  <div class="col_2"><p>About site</p></div>
 
+  <div class="col_2 last"><p>About me</p></div>
 
+</div>
 
+</div>
 
   <div class= "container">
 
     <div class="row pageForeground">
 
       <a class="banner col_12 mobile-hide" href=