사이트 상단바 ? 정보
사이트 상단바 ?
본문
안녕하세요~ 질문드려요
http://sta1.com/front/home/main.jsp
여기 사이트 제일 상단 부분에 즐겨찾기,로그인,회원가입이 있는
회색바처럼 넣고싶습니다
간단하게 소스틀만 짜주세용 도와주세요
안에 글/링크는 제가 넣겠습니다
표로 해볼려고했는데 자꾸 표가 뒤틀려서요 ㅠㅠ
http://sta1.com/front/home/main.jsp
여기 사이트 제일 상단 부분에 즐겨찾기,로그인,회원가입이 있는
회색바처럼 넣고싶습니다
간단하게 소스틀만 짜주세용 도와주세요
안에 글/링크는 제가 넣겠습니다
표로 해볼려고했는데 자꾸 표가 뒤틀려서요 ㅠㅠ
댓글 전체
소스보기로 해당 내용을 가져오시면 수월하실것 같은데요.
아래와 같이 되어있네요.
배경이미지는 주소가 있으니 직접 다운을 받으시던지 만들어서 사용하시면 될듯하고, 제가 만든다면 그냥 border값으로 라인을 표현 할것 같은데...아무튼~~~
<style>
.topMenu { background: url("/media/img/front/skin/bg_head_1.gif") repeat-x bottom; letter-spacing: -1px; }
.topMenu .inSec { width: 986px; margin: 0 auto; font-size: 11px; font-family: dotum; line-height: 100%; background: url("/media/img/front/skin/bg_head_1.gif") repeat-x bottom; padding-bottom: 1px; }
.topMenu a { color: #7a7a7a; }
.topMenu a:hover { color: #3a3a3a; }
.topMenu .fleft { padding: 0 0 0 3px; }
.topMenu .fleft li { float: left; padding-right: 15px; }
.topMenu .fleft li.first { float: left; padding-left: 14px; padding-right: 15px; background: url("/media/img/front/skin/bar_2.gif") no-repeat 0px 10px; }
.topMenu .fleft li a { display: block; padding: 10px 0 9px 0; }
.topMenu .fright { padding: 0 3px 0 0; }
.topMenu .fright li { float: left; padding-left: 29px; background: url("/media/img/front/skin/bar_2.gif") no-repeat 13px 10px; }
.topMenu .fright li.first { background: none; }
.topMenu .fright li a { display: block; padding: 10px 0 9px 0; }
</style>
<!-- 상단 메뉴 -->
<div class="topMenu"><div class="inSec container">
<ul class="fleft">
<li><a href="javascript:fnAddFavorite('http://www.도메인.com' , '내용');">즐겨찾기</a></li>
<li class="first"><a href="#" target="_blank">링크명</a></li>
<li class="first"><a href="#" target="_blank">링크명</a></li>
</ul>
<ul class="fright">
<li class="first"><a href="#">로그인</a></li>
<li><a href="#">회원가입</a></li>
<li><a href="#">마이페이지</a></li>
<li><a href="#">고객센터</a></li>
</ul>
</div></div>
<!-- '상단 메뉴 -->
아래와 같이 되어있네요.
배경이미지는 주소가 있으니 직접 다운을 받으시던지 만들어서 사용하시면 될듯하고, 제가 만든다면 그냥 border값으로 라인을 표현 할것 같은데...아무튼~~~
<style>
.topMenu { background: url("/media/img/front/skin/bg_head_1.gif") repeat-x bottom; letter-spacing: -1px; }
.topMenu .inSec { width: 986px; margin: 0 auto; font-size: 11px; font-family: dotum; line-height: 100%; background: url("/media/img/front/skin/bg_head_1.gif") repeat-x bottom; padding-bottom: 1px; }
.topMenu a { color: #7a7a7a; }
.topMenu a:hover { color: #3a3a3a; }
.topMenu .fleft { padding: 0 0 0 3px; }
.topMenu .fleft li { float: left; padding-right: 15px; }
.topMenu .fleft li.first { float: left; padding-left: 14px; padding-right: 15px; background: url("/media/img/front/skin/bar_2.gif") no-repeat 0px 10px; }
.topMenu .fleft li a { display: block; padding: 10px 0 9px 0; }
.topMenu .fright { padding: 0 3px 0 0; }
.topMenu .fright li { float: left; padding-left: 29px; background: url("/media/img/front/skin/bar_2.gif") no-repeat 13px 10px; }
.topMenu .fright li.first { background: none; }
.topMenu .fright li a { display: block; padding: 10px 0 9px 0; }
</style>
<!-- 상단 메뉴 -->
<div class="topMenu"><div class="inSec container">
<ul class="fleft">
<li><a href="javascript:fnAddFavorite('http://www.도메인.com' , '내용');">즐겨찾기</a></li>
<li class="first"><a href="#" target="_blank">링크명</a></li>
<li class="first"><a href="#" target="_blank">링크명</a></li>
</ul>
<ul class="fright">
<li class="first"><a href="#">로그인</a></li>
<li><a href="#">회원가입</a></li>
<li><a href="#">마이페이지</a></li>
<li><a href="#">고객센터</a></li>
</ul>
</div></div>
<!-- '상단 메뉴 -->