사이트 상단바 ?
안녕하세요~ 질문드려요
http://sta1.com/front/home/main.jsp
여기 사이트 제일 상단 부분에 즐겨찾기,로그인,회원가입이 있는
회색바처럼 넣고싶습니다
간단하게 소스틀만 짜주세용 도와주세요
안에 글/링크는 제가 넣겠습니다
표로 해볼려고했는데 자꾸 표가 뒤틀려서요 ㅠㅠ
http://sta1.com/front/home/main.jsp
여기 사이트 제일 상단 부분에 즐겨찾기,로그인,회원가입이 있는
회색바처럼 넣고싶습니다
간단하게 소스틀만 짜주세용 도와주세요
안에 글/링크는 제가 넣겠습니다
표로 해볼려고했는데 자꾸 표가 뒤틀려서요 ㅠㅠ
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 2개
아래와 같이 되어있네요.
배경이미지는 주소가 있으니 직접 다운을 받으시던지 만들어서 사용하시면 될듯하고, 제가 만든다면 그냥 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>
<!-- '상단 메뉴 -->
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=93304&sca=%EC%99%B8%EB%B6%80%EB%A1%9C%EA%B7%B8%EC%9D%B8&sfl=wr_subject%7C%7Cwr_content&stx=%EC%8B%AC%ED%94%8C&page=3