답변 2개
12개월 전
※ 아래와 같이 수정하시면,
최상단 바가 프로젝트 전반에 걸쳐 일관된 스타일로 표시될 것입니다
※ 아미나빌더를 추가하실 때 생성된 헤더파일을 아래의 소스를 참고로 수정하세요.
(ex : header.php 또는 header.sub.php ; 아니면 님이 커스터마이징한 이름)
<div class="top-bar">
<span class="top-item">즐겨찾기</span>
<span class="top-item">구독</span>
<span class="top-item">날짜: <?php echo date('Y-m-d'); ?></span>
<nav class="top-menu">
<ul>
<li><a href="/page1.php">메뉴1</a></li>
<li><a href="/page2.php">메뉴2</a></li>
<li><a href="/page3.php">메뉴3</a></li>
</ul>
</nav></p>
<p> <span class="top-item"><a href="/login.php">로그인</a></span>
<span class="top-item"><a href="/register.php">회원가입</a></span>
</div></p>
<p>
※ project의 메인 CSS에 추가
.top-bar {
display: flex;
justify-content: space-around;
align-items: center;
padding: 10px;
background-color: #f8f9fa;
}
.top-menu {
flex-grow: 1;
text-align: center;
}</p>
<p>.top-menu ul {
display: inline-flex;
list-style-type: none;
padding: 0;
}</p>
<p>.top-menu ul li {
margin: 0 15px;
}
.top-menu ul li a {
text-decoration: none;
color: #333;
font-weight: bold;
}
.top-item {
margin: 0 10px;
font-size: 14px;
}</p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인