[메뉴스킨-그룹타입] CSS 를 이용한것 > 그누4 팁자료실

그누4 팁자료실

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

[메뉴스킨-그룹타입] CSS 를 이용한것 정보

[메뉴스킨-그룹타입] CSS 를 이용한것

첨부파일

css8.zip (1.6K) 75회 다운로드 2006-07-12 12:08:49

본문

샘플
http://tjdgud.co.kr/gn/bbs/board.php?bo_table=test222
좌측 메뉴

사용법
skin디렉토리 아래에 css라는 폴더가 있다면
아래의 소스와.. 이미지 파일을 같이 넣어주어야 한다.

편의를 위해서 첨부파일을 준비했다.
첨부파일을 풀면.. 파일이 두개가 나온다.
이것을 skin/group-menu/css8 이란 디렉토리에 넣는다.

호출시는 동일하다

<?=group_menu2("css8");?>

참고문서
http://www.sir.co.kr/bbs/tb.php/g4_tiptech/1727

소스
----------------------------------------------------------------------------------------------
  <style type="text/css">

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

/* =-=-=-=-=-=-=-[Menu Eight]-=-=-=-=-=-=-=- */

#menu8 {
width: 200px;
margin-top: 10px;
}

#menu8 li a {
text-decoration: none;
height: 42px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 32px;
}

#menu8 li a:link, #menu8 li a:visited {
color: #777;
display: block;
background: url(<?=$latest_skin_path."/menu8.gif"?>);
padding: 8px 0 0 20px;
}

#menu8 li a:hover {
color: #257EB7;
background: url(<?=$latest_skin_path."/menu8.gif"?>) 0 -32px;
padding: 8px 0 0 25px;
}

#menu8 li a:active {
color: #fff;
background: url(<?=$latest_skin_path."/menu8.gif"?>) 0 -64px;
padding: 8px 0 0 25px;
}

</style>

<div id="menu8"><ul>
<?
for($i=0; $i<count($list); $i++)
echo '<li><a href="'.$g4['path'].'/bbs/board.php?bo_table='.$list[$i][bo_table].'">'.$list[$i][bo_subject].'</a></li>';
?>
</ul></div>
추천
1
  • 복사

댓글 2개

© SIRSOFT
현재 페이지 제일 처음으로