Just another navbar
How do I make an just another navbar?
What is a just another navbar? How do you make a just another navbar? This script and codes were developed by Edward R Haase on 13 January 2023, Friday.
Just another navbar - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Just another navbar</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script>
<meta name='viewport' content='width=device-width, initial-scale=1'> <link rel='stylesheet prefetch' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css'>
<link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='http://cdnjs.cloudflare.com/ajax/libs/animate.css/2.0/animate.min.css'>
<link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="navbar navbar-default navbar-fixed-top" ng-app="app" role="navigation"> <div class="fluid-container"> <div class="navbar-header"><a class="navbar-brand" href="#/">Brand</a> <button class="navbar-toggle" ng-init="nc=true" ng-click="nc=!nc"><span class="sr-only" Toggle navigation="Toggle navigation"></span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> </div> <div class="collapse nav-collapse" id="navbar" collapse="nc"> <ul class="nav navbar-nav"> <li><a href="#/"><i class="fa fa-ra"></i>link</a></li> <li class="divider"></li> <li><a href="#/second">Second link</a></li> </ul> </div> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular-touch.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular-animate.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Just another navbar - Script Codes CSS Codes
body { // background-color: #000; margin-top: 50px;
}
.navbar { opacity: 0.95;
}
.navbar i { padding-right: 5px;
}
.navbar li { border-left: 1px dotted;
}
@media screen and (min-width: 768px) { #navbar.collapse{ display: block !important; }
}
Just another navbar - Script Codes JS Codes
var app = angular.module('app', ['ngTouch', 'ui.bootstrap']);
app.controller('MyCtrl', ['$scope', function($scope) { // angular.extend($scope, { });
}]);
Developer | Edward R Haase |
Username | ehaase |
Uploaded | January 13, 2023 |
Rating | 3 |
Size | 2,686 Kb |
Views | 6,072 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Maintain calculated relationship between input fields with AngularJS | 2,393 Kb |
Formatting Trakt.tv summary with Angular | 4,300 Kb |
Simple angular smart table demo | 2,096 Kb |
Font awesome toggle button with Angular | 2,327 Kb |
Scope change trace | 1,776 Kb |
AngularJS routing demo | 2,821 Kb |
Faceted search with Angular | 4,401 Kb |
CSS only button confirm | 1,840 Kb |
Ui.bootstrap alert controller demo | 2,440 Kb |
Sortable panels with Angular | 2,840 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Simple DevTools | Deegill | 2,511 Kb |
A Pen by Stan Williams | Stanssongs | 6,706 Kb |
A Pen by Ash | Littleginger | 2,386 Kb |
Project -Show the Local Weather | Luciano_Britis | 2,583 Kb |
Slider for stackoverflow | KKOKU | 3,222 Kb |
Weather App | Kw7oe | 3,162 Kb |
Menubar compass mixin | Michaelparenteau | 4,925 Kb |
Reviews and Ratings Star | Zbnmstry | 1,591 Kb |
Tic Tac Toe | Volv | 4,862 Kb |
Birthday Party Starter | Aussieyang | 1,629 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!