css로 메뉴 흔적(쿠키?)을 남기고 싶은데요~ 정보
css로 메뉴 흔적(쿠키?)을 남기고 싶은데요~본문
안녕하세요!
css로 메뉴를 만들었습니다.
해당 페이지로 이동하면 그 페이지에 해당하는 메뉴에만 바탕화면을 깔던지,
다른이미지로 해당 메뉴를 표시하고 싶습니다. (선택한 메뉴 보여주기)
근데 php랑 어떻게 연결을 시켜서 해야할지 감이 안잡혀서요 ^^;;
좀 도와주세요~~~~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
body { margin: 0; font-size: 9pt; background: #FFF; }
ul { list-style: none; margin: 0; padding: 0; }
img { border: none; }
/*- Menu 3--------------------------- */
#menu3 { width: 185px; margin: 10px; /* border-style: solid solid none solid; */ border-color: #000000; border-size: 0px; border-width: 0px; font-family:"굴림", "돋움"; color: #626262; }
#menu3 li a { height: 20px; text-decoration: none; }
/*- Menu 3--------------------------- */
#menu3 li a:link, #menu3 li a:visited { color: #626262; display: block; background: url(http://www.webgom.com/menu_img.gif); padding: 9px 0 0px 10px; }
/*- Menu 3--------------------------- */
#menu3 li a:hover, #menu3 li #current { color: #ffffff; background: url(http://www.webgom.com/menu_img.gif) 0 -29px; padding: 9px 0 0px 9px; }
-->
</style>
</head>
<body>
<div id="menu3">
<ul>
<li><a href="#">메뉴1</a></li>
<li><a href="#">메뉴2</a></li>
<li><a href="#">메뉴2</a></li>
</ul>
</div>
</body>
</html>
css로 메뉴를 만들었습니다.
해당 페이지로 이동하면 그 페이지에 해당하는 메뉴에만 바탕화면을 깔던지,
다른이미지로 해당 메뉴를 표시하고 싶습니다. (선택한 메뉴 보여주기)
근데 php랑 어떻게 연결을 시켜서 해야할지 감이 안잡혀서요 ^^;;
좀 도와주세요~~~~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
body { margin: 0; font-size: 9pt; background: #FFF; }
ul { list-style: none; margin: 0; padding: 0; }
img { border: none; }
/*- Menu 3--------------------------- */
#menu3 { width: 185px; margin: 10px; /* border-style: solid solid none solid; */ border-color: #000000; border-size: 0px; border-width: 0px; font-family:"굴림", "돋움"; color: #626262; }
#menu3 li a { height: 20px; text-decoration: none; }
/*- Menu 3--------------------------- */
#menu3 li a:link, #menu3 li a:visited { color: #626262; display: block; background: url(http://www.webgom.com/menu_img.gif); padding: 9px 0 0px 10px; }
/*- Menu 3--------------------------- */
#menu3 li a:hover, #menu3 li #current { color: #ffffff; background: url(http://www.webgom.com/menu_img.gif) 0 -29px; padding: 9px 0 0px 9px; }
-->
</style>
</head>
<body>
<div id="menu3">
<ul>
<li><a href="#">메뉴1</a></li>
<li><a href="#">메뉴2</a></li>
<li><a href="#">메뉴2</a></li>
</ul>
</div>
</body>
</html>
추천
0
0
댓글 3개
<div id="menu3">
<ul>
<li <?if($bo_table=="pds")echo"id='current'";?>><a href="#">메뉴1</a></li>
<li <?if($bo_table=="free")echo"id='current'";?>><a href="#">메뉴2</a></li>
<li <?if($bo_table=="gallery")echo"id='current'";?>><a href="#">메뉴2</a></li>
</ul>
요런식으로.~~
일반페이지일경우에 상단에..
$pageid="index";라고주고
<li <?if($pageid=="index")echo"id='current'";?>><a href="#">메뉴1</a></li>
하면 될거같네요
<ul>
<li <?if($bo_table=="pds")echo"id='current'";?>><a href="#">메뉴1</a></li>
<li <?if($bo_table=="free")echo"id='current'";?>><a href="#">메뉴2</a></li>
<li <?if($bo_table=="gallery")echo"id='current'";?>><a href="#">메뉴2</a></li>
</ul>
요런식으로.~~
일반페이지일경우에 상단에..
$pageid="index";라고주고
<li <?if($pageid=="index")echo"id='current'";?>><a href="#">메뉴1</a></li>
하면 될거같네요
^^ 감사합니다.....
에그당님 정말 감사합니다 ^^
