CSS 스타일 네비게이션 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

CSS 스타일 네비게이션 정보

CSS 스타일 네비게이션

첨부파일

mw-navi-tab.css (801byte) 164회 다운로드 2008-11-21 16:34:26

본문

miwit.com 의 스타사진 게시판에서 이용하는 네비게이션입니다.
이미지를 사용하지 않고 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<?=$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>