ナビゲーションバー

30142 ワード
JavaScript CSS bootstrap Java html テキストリンク

ナビゲーションバー(common.jsp)


  • キーコード
    • <body>
	<header class="header">
		<div class="header__top">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="header__top__inner">
							<div class="header__logo">
								<a href="<%=FormNo%>main"><img src="img/logo3.png"
									align="middle" alt="" class="logo"></a>
							</div>
							<font color='green'> 
								<c:if test="${whologin == 0}">
                       							로그인 후 이용해주세요
                        					</c:if> 
                        					<c:if test="${whologin != 0}">
									${sessionScope.loginfo.user_name}(${sessionScope.loginfo.user_id}) 님 반갑습니다
			                        		</c:if>
							</font>
							<div class="header__top__left">
								<div class="header__top__right__links">
									<ul>
										<li>
											<c:if test="${whologin == 0}">
												<a href="<%=FormNo%>meLogin"> 로그인 </a>
												<a href="<%=FormNo%>meInsert"> 회원 가입 </a>
											</c:if> 
											<c:if test="${whologin != 0}">
												<a href="<%=FormNo%>meLogout"> 로그아웃 </a>
												<a href="<%=FormNo%>myPage"> 마이 페이지 </a>
											</c:if> 
											<c:if test="${whologin == 1}">
												<a href="<%=FormNo%>meDelete&id=${sessionScope.loginfo.user_id}"> 회원 탈퇴 </a>
											</c:if>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="canvas__open">
					<i class="fa fa-bars"> </i>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<nav class="header__menu mobile-menu">
						<ul>
							<li><a href="<%=FormNo%>main"> home </a></li>
							<li><a href="<%=FormNo%>noList"> 공지사항 </a></li>
							<li><a href="<%=FormNo%>prList"> 상품 게시판 </a></li>
							<li><a href="<%=FormNo%>coList"> 커뮤니티 </a></li>
							<li><a href="<%=FormNo%>qnaList"> Q&A </a></li>
						</ul>
					</nav>
					<c:if test="${not empty requestScope.errmsg}">
						<div class="alert alert-danger alert-dismissible">
							<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
							&nbsp;&nbsp;&nbsp;<strong>${requestScope.errmsg}</strong>
						</div>
					</c:if>
				</div>
			</div>
		</div>
	</header>
	<br>
	<!-- Js Plugins -->
	<script src="js/jquery-3.3.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.nice-select.min.js"></script>
	<script src="js/jquery.barfiller.js"></script>
	<script src="js/jquery.magnific-popup.min.js"></script>
	<script src="js/jquery.slicknav.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/jquery.nicescroll.min.js"></script>
	<script src="js/main.js"></script>
</body>
    Function Parameters
    余裕ショップ0919:9)InsertとUpdate Notes(ご注意ください)