애니빌드.LAB
토론방
소스관련 페이지 상단에 배너추가
- 웹**
- 2017-08-08 15:25:59
- hit3671
- http://lab.anybuild.co.kr/bbs/qna/6755
로고 상단 영역이 현재 이렇게 되어있습니다.
여기에 아래처럼 작은 버튼을 넣어서 링크를 걸고싶은데요, 어디서 작업하면 될지 문의드립니다. 메인과 서브 공통입니다!
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
스킨관리 > 메인스킨 (& 서브스킨) 에서 다음을 수정해주세요.
<div id="header">
<div class="gnb_p">
<div class="inner">
<!-- 이 위치에 작업하시면 됩니다. -->
<ul class="gnb_list">
<li><a href="/login">로그인</a></li>
<li><a href="/join">회원가입</a></li>
</ul>
</div>
</div>
<div class="inner">
...
</div>
</div>
@ css 작업예시
.gnb_p {padding:5px 0; border-bottom:1px solid #dddddd; background:#f6f6f6;font-size:0;text-align:right;}
.gnb_p .new_date{display:inline-block;padding:0 20px 0 10px;font-size:13px;font-weight:bold;}
.gnb_p ul {display:inline-block;margin:0;padding:0;list-style:none;}
.gnb_p ul li {display:inline-block;}
.gnb_p ul li a {display:inline-block;position:relative;height:30px;line-height:30px;padding:0 10px;font-size:13px;font-weight:bold;color:#888888;transition:all .2s ease-in-out;}
.gnb_p ul li a:hover {color:#dd3a33;}
.gnb_p ul li:first-child a:before {display:none;}
->
.gnb_p {padding:5px 0; border-bottom:1px solid #dddddd; background:#f6f6f6;font-size:0;text-align:right;}
.gnb_p:after {content:''; display:block; clear:both;}
.gnb_p .new_date{floar:right;display:inline-block;padding:0 20px 0 10px;font-size:13px;font-weight:bold;}
.gnb_p .global {floar:right; margin:0;padding:0;list-style:none;}
.gnb_p .global li {display:inline-block;}
.gnb_p .gnb_list {floar:right;display:inline-block;margin:0;padding:0;list-style:none;}
.gnb_p .gnb_list li {display:inline-block;}
.gnb_p .gnb_list li a {display:inline-block;position:relative;height:30px;line-height:30px;padding:0 10px;font-size:13px;font-weight:bold;color:#888888;transition:all .2s ease-in-out;}
.gnb_p .gnb_list li a:hover {color:#dd3a33;}
.gnb_p .gnb_list li:first-child a:before {display:none;}
@html 작업예시
<div id="header">
<div class="gnb_p">
<div class="inner">
<ul class="global">
<li>KR</li>
<li>JP</li>
</ul>
<ul class="gnb_list">
<li><a href="/login">로그인</a></li>
<li><a href="/join">회원가입</a></li>
</ul>
</div>
</div>
<div class="inner">
...
</div>
</div>
<div id="header" cond="!$app_conn_yn">
<div class="gnb_p">
<div class="inner">
<ul class="global">
<li>KR</li>
<li>JP</li>
</ul>
...
<ul class="gnb_list">
...
</ul>
<div class="header_form" cond="$actionValue">
...
</div>
</div>
</div>
<div class="inner">
...
</div>
</div>