이전 목록 다음
채택완료

css에서 클릭시 ..

미미스터고
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 10:14:37 5,589

css에서 클릭시(선택된글자) 글자색상을 변경하고 싶습니다.

마우스를 올릴경우 변경되는건 hover

그 외에 link active 는 알고 있는데

클릭시 글씨 색이 변경되어 있는건 어떻게 하나요??

css 글자색 클릭
|

답변 3개 / 댓글 13개

채택된 답변
+20 포인트
뽁뽁스
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 12:16:11

<style> 

.current_page { color:#000;}

</style>

<a href="<?php echo G5_BBS_URL?>/board.php?bo_table=notice"<?php if($bo_table=='notice') { echo ' class="current_page"'; ?>>공지사항</a>

위에 답변들이 아니라면 이걸 원하시는 듯 보입니다만.. 

답변에 대한 댓글 9개

미스터고
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 13:05:54
[code]
<nav id="gnb">
<h2 class="screen_out">메인메뉴</h2>
<ul id="gnb_1dul">
<?php
$sql = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용

for ($i=0; $row=sql_fetch_array($result); $i++) {
?>
<li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>">
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a>
<?php
$sql2 = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$result2 = sql_query($sql2);

for ($k=0; $row2=sql_fetch_array($result2); $k++) {
if($k == 0)
echo '<ul class="gnb_2dul">'.PHP_EOL;
?>
<li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li>
<?php
}

if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
}

if ($i == 0) { ?>
<li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>
<?php } ?>
</ul>
</nav>

[/code]

여기서 어디에 클래스 선언을 해줘야하나요?? class="current_page"
뽁스
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 13:42:56
$row['me_link']; 가
<?php echo G5_BBS_URL?>/board.php?bo_table=notice 형식이면

for 문 아래쪽에

$me_link = $row['me_link'];
$tb_name = explode("=", $me_link);

위에처럼 추가하고

<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da<?php if($bo_table==$tb_name[1]) echo ' current_page'; "><?php echo $row['me_name'] ?></a>

링크쪽에 클래스 추가하면 될거예요~
미스터고
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 13:51:23
알려주신대로 했는데 500에러 뜨네요 ㅠ; 뭐가 문젤까용..
뽁스
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 14:01:50
echo ' current_page';?>

?> 이걸 빼먹고 적었네요.
미스터고
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 14:09:32
에고;; ㅠ_ㅠ

<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da<?php if($bo_table==$tb_name[1]) echo ' current_page'; ?><?php echo $row['me_name'] ?></a>

이게 맞는건가요??
class="gnb_1da" 이게 맞는건가요??
뽁스
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 14:33:32
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da<?php if($bo_table==$tb_name[1]) echo ' current_page'; ?>"><?php echo $row['me_name'] ?></a>

?>다음에 "> 를 적어주셔야 됩니다.

소스보기일 때 아래처럼 나오면 됩니다.

공지사항이 아닐때
<a href="http://~~/bbs/board.php?bo_table=notice" target="_self" class="gnb_1da">링크명</a>

공지사항일때
<a href="http://~~/bbs/board.php?bo_table=notice" target="_self" class="gnb_1da current_page">링크명</a>
미스터고
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 15:05:24
정말감사합니다.
게시판은 제가 원하는데로 나오네요...
/bbs/content.php?co_id=map 의 경우는 어떻게 해결해야 하나요,,?
뽁스
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 16:06:49
$page_name = '';

for(~~~~) {
$me_link = $row['me_link'];
$tb_name = explode("=", $me_link);
if($bo_table) {
$page_name = $bo_table;
} elseif($co_id) {
$page_name = $co_id;
} else {
$page_name = '';
}

위에처럼 조건문 추가하고 링크부분에 아래처럼 하면 됩니다.

if($page_name=='notice') echo ' class="current_page"';
미스터고
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 23:29:34
정말 감사합니다. ^^
만두야닷컴
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 10:34:41

visited:색상

답변에 대한 댓글 2개

미스터고
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 10:51:26
안되네요 ㅠㅠ
미스터고
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 12:00:27
현재 소스입니다.
뭘 이렇게 저렇게 해봐도 안되고 있습니다.

[code]
#gnb_1dul li {padding:25px 0 0 5px}
#gnb_1dul .gnb_1da {display:block;overflow:hidden;width:126px;height:30px;font-weight:normal;font-size:22px;line-height:24px;letter-spacing:-3px;text-decoration:none}
.gnb_1dli .gnb_1da {color:#676767;border-bottom:3px solid #fff}
.gnb_1dli_on .gnb_1da {color:#eb531f;border-bottom:3px solid #eb531f;text-decoration:none}
.gnb_1dli_air .gnb_1da {color:#eb531f;border-bottom:3px solid #eb531f;text-decoration:none}
.gnb_2dul {display:none;width:125px;margin-top:4px;padding-bottom:10px;border-top:1px solid #f1f1f1}
.gnb_2dul li {padding:9px 0 0;border-bottom:1px solid #f1f1f1}
.gnb_2dul .gnb_2da {display:block;overflow:hidden;width:95px;height:27px;font-weight:normal;font-size:16px;line-height:18px;letter-spacing:-1px;text-decoration:none;color:#676767}
.gnb_2dul .gnb_2da:hover {color:#eb531f}
.gnb_1dli_over .gnb_2dul {display:block}
.gnb_1dli_over2 .gnb_2dul {display:block}
[/code]
태태그맨
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 10:24:20 
 <div id="bottommenu">
    <a href="index.php">홈으로</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="m_page.php?ps_pname=page_use">이용안내</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="m_page.php?ps_pname=page_member2">이용약관</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="m_page.php?ps_pname=page_private2">개인정보취급방침</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="m_etc_write.php">제휴문의</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="m_board.php?ps_db=qna">질문과답변</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="m_board.php?ps_db=faq">자주있는질문</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="m_estimate.php">온라인견적서</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="m_sitemap.php">사이트맵</a>
 </div>

#bottommenu {width: 1200px; margin: 0 auto; color: #ffffff; line-height: 33px; font-family: "Malgun Gothic";}
#bottommenu a:link {color:#ffffff; text-decoration:none;} /*일반 상황*/
#bottommenu a:visited {color:#ffffff; text-decoration:none;} /*방문후 상황*/
#bottommenu a:hover {color:#ff5500; text-decoration:none;} /*마우스 올렸을 때의 상황*/
#bottommenu a:focus {color:#ff5500; text-decoration:none;} /*단축키를 눌러 포커스되는 상황*/
#bottommenu a:active {color:#ff5500; text-decoration:none;} /*클릭했을 때의 상황*/

위에서처럼 css 만으로도 폰트색상을 변경하실 수 있을 것 같습니다. ㅎㅎ 

답변에 대한 댓글 2개

미스터고
프로필 보기이 회원 글보기이 회원의 댓글보기
 2016-01-28 (목) 10:51:09
안되네요 ㅠㅠ

답변을 작성하려면 로그인이 필요합니다.