JerrDan New Horizontal Navigation

Developer
Delano
Size
2,756 Kb
Views
14,168
  1. JerrDan New Horizontal Navigation Previews
  2. JerrDan New Horizontal Navigation HTML Codes
  3. JerrDan New Horizontal Navigation CSS Codes

How do I make an jerrdan new horizontal navigation?

What is a jerrdan new horizontal navigation? How do you make a jerrdan new horizontal navigation? This script and codes were developed by Delano on 19 October 2022, Wednesday.

JerrDan New Horizontal Navigation Previews
IQ Test

JerrDan New Horizontal Navigation - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>JerrDan New Horizontal Navigation</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <nav> <div class="accountInfo" id="accountInfo"> <div class="leftAccountSection" id="leftAccountSection"> <div class="topLeftSection" id="topLeftSection"> <i class="fa fa-info-circle" aria-hidden="true"></i> <asp:label runat="server" CssClass="accountTitles" ID="lblHistory">Order History</asp:label> <div class="topLeftSectionLinks" id="topLeftSectionLinks"> <ul runat="server" id="TopLeftUL"> <li runat="server" id="TopLeftLI1" class="accountLinks"> <a href="MyOrders.aspx?_Mode=detail" runat="server" id="OrderHistory">Order History</a> </li> <li runat="server" id="TopLeftLI2" class="accountLinks"> <a href="MyOrders.aspx?_Mode=status" runat="server" id="OrderStatus">Order History with Status</a> </li> <li runat="server" id="TopLeftLI3" class="accountLinks"> <a href="Workflow.aspx" runat="server" id="OrderWorkflow">Order Status Workflow Detail</a> </li> <li runat="server" id="TopLeftLI4" class="accountLinks" visible="false"> <a href="MyPurchaseOrders.aspx" runat="server" id="PurchaseOrders">Purchase Orders</a> </li> <li runat="server" id="TopLeftLI5" class="accountLinks" visible="false"> <a href="OrderApproval.aspx" runat="server" id="OrderApprovals">Order Approval</a> </li> </ul> <div runat="server" id="BottomLeftSection"> <asp:label runat="server" CssClass="accountTitles" ID="lblUserInfo"><i class="fa fa-info-circle" aria-hidden="true"> </i>User Info</asp:label> </div> <div> <ul runat="server" id="BottomLeftUL"> <li runat="server" id="BottomLeftLI1" class="accountLinks"> <a href="BillAndShip.aspx?_Mode=Info1" runat="server" id="UserInfo">Update User Info</a> </li> <li runat="server" id="BottomLeftLI2" class="accountLinks"> <a href="LoginCreate.aspx?_Mode=Info2" runat="server" id="ChangePwd">Change Password</a> </li> </ul> <div runat="server" id="topRightSection" class="topRightSection"> <asp:label runat="server" CssClass="accountTitles" ID="lblAR">Accounts Receivable</asp:label> </div> <div> <ul runat="server" id="TopRightUL"> <li runat="server" id="TopRightLI1" class="accountLinks"> <a href="MyInvoice.aspx" runat="server" id="InvHistory">Invoice History</a> </li> <li runat="server" id="TopRightLI5" class="accountLinks" visible="false"> <a href="WFAttachments.aspx" runat="server" id="WFAttachments">Workflow Attachments</a> </li> <li runat="server" id="TopRightLI2" class="accountLinks" visible="false"> <a href="MyUsageReport.aspx" runat="server" id="UsageReport">Usage Report</a> </li> <li runat="server" id="TopRightLI4" class="accountLinks" visible="false"> <a href="MyUsageByCostCenter.aspx" runat="server" id="UsageByCostCenter">Usage By Cost Center Report</a> </li> <li runat="server" id="TopRightLI3" class="accountLinks" visible="false"> <a href="MyProductActivity.aspx" runat="server" id="ProductActivity">Product Activity</a> </li> </ul> </div> </div> </div> </div> </div> </div> <!-- <div runat="server" id="BottomAdminSection" visible="false"> <div runat="server" id="AdminSection"> <asp:label runat="server" cssclass="accountTitles" ID="lblAdmin">Administration</asp:label> </div> <div> <ul runat="server" id="AdminUL"> <li runat="server" id="AdminLI4" class="accountLinks" visible="false"> <a href="AdminProfile.aspx">Admin Portal</a> </li> <li runat="server" id="AdminLI1" class="accountLinks" visible="false"> <a href="Admin.aspx">Configuration Settings</a> </li> <li runat="server" id="AdminLI2" class="accountLinks" visible="false"> <a href="ReviewApproval.aspx">Review Approval</a> </li> <li runat="server" id="AdminLI3" class="accountLinks" visible="false"> <a href="CreatePages.aspx">Create Static Pages</a> </li> </ul> </div> </div> <div runat="server" id="Div1"> <div runat="server" id="Div2"> <asp:label runat="server" cssclass="accountTitles" ID="Label1">Navigation</asp:label> </div> <div> <ul runat="server" id="Ul1" > <li runat="server" id="Li1" class="accountLinks"> <asp:linkbutton runat="server" CssClass="accountLinks" ID="Linkbutton1" PostBackUrl="HomePage.aspx">HomePage</asp:linkbutton> </li> <li runat="server" id="Li2" class="accountLinks"> <asp:linkbutton runat="server" CssClass="accountLinks" ID="Linkbutton2">Sign Out</asp:linkbutton> </li> </ul> </div> </div> </div> </div>--> <div runat="server" id="BottomNavigationSection"> <div runat="server" id="NavigationSection"> <asp:label runat="server" cssclass="accountTitles" ID="lblNavi">Navigation</asp:label> </div> <div> <ul runat="server" id="NaviUL" > <li runat="server" id="NaviLI1" class="accountLinks"> <asp:linkbutton runat="server" CssClass="accountLinks" ID="linkHome" PostBackUrl="HomePage.aspx">HomePage</asp:linkbutton> </li> <li runat="server" id="NaviLI2" class="accountLinks"> <asp:linkbutton runat="server" CssClass="accountLinks" ID="linkLogout">Sign Out</asp:linkbutton> </li> </ul> </div> </div> </div> </div> </nav>
</body>
</html>

JerrDan New Horizontal Navigation - Script Codes CSS Codes

/*Account Links*/
#leftAccountSection { width: 100%;
}
.topLeftSection
{
width: 80%;
}
nav {
width: 100%;
font-family: Tahoma, Arial, sans-serif;
margin:0 auto;
padding:0px;
}
.accountTitles
{ display: inline; float: left; color: #F20006; font-weight: 600; font-size: 12pt; height: auto; padding: 1em; margin-left: 20px;
}
.accountTitles:hover
{ background-color: #000;
}
nav ul li:hover { background-color: #bdbdbd; color: #fff;
}
nav ul li
{
display: block;
list-style-type:none;
color:#5a5b5b;
padding:10px;
overflow: auto;
cursor:pointer; list-style-type: none; text-decoration: none; color: #000 !important; font-size: 0.9rem;
}
JerrDan New Horizontal Navigation - Script Codes
JerrDan New Horizontal Navigation - Script Codes
Home Page Home
Developer Delano
Username Delano83
Uploaded October 19, 2022
Rating 3
Size 2,756 Kb
Views 14,168
Do you need developer help for JerrDan New Horizontal Navigation?

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!

Delano (Delano83) Script Codes
Name
Search Bar in pure Js
MyAdform.com
My Adform Revised May 2017
A Pen by Delano
Treehouse Full Stack Javascript
My Adform Revised
Adform Creative Tabs
Label Estes With Corrections
Original JerrDanBar
JerrDan Home page
Create amazing art & images with AI!

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!