CSS 스타일 네비게이션
miwit.com 의 스타사진 게시판에서 이용하는 네비게이션입니다.
이미지를 사용하지 않고 css 로만 깔끔하게 처리하였습니다.
간혹 문의가 있어 공개하니 필요하신분은 잘 사용하시기 바랍니다.
mw-navi-tab.css 파일은 첨부파일을 다운로드하시면 됩니다.
사용방법 : 아래 코드를 참고하시고 [게시판ID] 부분만 적절히 수정하시면 됩니다.
사용예
이미지를 사용하지 않고 css 로만 깔끔하게 처리하였습니다.
간혹 문의가 있어 공개하니 필요하신분은 잘 사용하시기 바랍니다.
mw-navi-tab.css 파일은 첨부파일을 다운로드하시면 됩니다.
사용방법 : 아래 코드를 참고하시고 [게시판ID] 부분만 적절히 수정하시면 됩니다.
<?
if ($bo_table) {
$select = $bo_table."_select";
$$select = " class=select";
}
?>
<style rel="stylesheet" href="mw-navi-tab.css" type="text/css"/>
<div id="mw-navi-tab">
<ul>
<li<?=$[게시판ID]_select?>><a href="<?=$g4[bbs_path]?>/board.php?bo_table=[게시판ID]"></a></li>
</ul>
</div>
if ($bo_table) {
$select = $bo_table."_select";
$$select = " class=select";
}
?>
<style rel="stylesheet" href="mw-navi-tab.css" type="text/css"/>
<div id="mw-navi-tab">
<ul>
<li<?=$[게시판ID]_select?>><a href="<?=$g4[bbs_path]?>/board.php?bo_table=[게시판ID]"></a></li>
</ul>
</div>
사용예
<?
if ($bo_table) {
$select = $bo_table."_select";
$$select = " class=select";
}
?>
<!-- 네비게이션 css -->
<style rel="stylesheet" href="mw-navi-tab.css" type="text/css"/>
<!-- 네비게이션 시작 -->
<div id="mw-navi-tab">
<ul>
<li<?=$bbs_star_select?>><a href="<?=$g4[bbs_path]?>/board.php?bo_table=bbs_star">스타사진</a></li>
<li<?=$bbs_racing_select?>><a href="<?=$g4[bbs_path]?>/board.php?bo_table=bbs_racing">레이싱걸</a></li>
<li<?=$bbs_movie_select?>><a href="<?=$g4[bbs_path]?>/board.php?bo_table=bbs_movie">동영상UCC</a></li>
<li<?=$bbs_humor_select?>><a href="<?=$g4[bbs_path]?>/board.php?bo_table=bbs_humor">유머게시판</a></li>
</ul>
</div>
if ($bo_table) {
$select = $bo_table."_select";
$$select = " class=select";
}
?>
<!-- 네비게이션 css -->
<style rel="stylesheet" href="mw-navi-tab.css" type="text/css"/>
<!-- 네비게이션 시작 -->
<div id="mw-navi-tab">
<ul>
<li<?=$bbs_star_select?>><a href="<?=$g4[bbs_path]?>/board.php?bo_table=bbs_star">스타사진</a></li>
<li<?=$bbs_racing_select?>><a href="<?=$g4[bbs_path]?>/board.php?bo_table=bbs_racing">레이싱걸</a></li>
<li<?=$bbs_movie_select?>><a href="<?=$g4[bbs_path]?>/board.php?bo_table=bbs_movie">동영상UCC</a></li>
<li<?=$bbs_humor_select?>><a href="<?=$g4[bbs_path]?>/board.php?bo_table=bbs_humor">유머게시판</a></li>
</ul>
</div>
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 6개
불가능할까?