사이트를 만들었는데요.
인덱스에서는 CSS의 어떤소스를 보여주고
인덱스가 아닌경우 소스를 숨기고 싶습니다 .
어떻게 해야할까요?
#best-latest {
margin-bottom: 20px;
position: relative;
font-family: 'TitilliumText22LRegular';
height: 480px;
display:none;
}
display:none; 이 부분을 메인에선 보이고 다른 곳에선 안보이게 하고 싶어요
댓글 5개
아하 처음에 제가 질문을 잘못 이해했네요. 예전부터 css 코드 자체를 숨기는 법은 없나 궁금해하던 차라 ㅋㅋㅋ;;
죄송합니다. 다른 분들 댓글 보고 나니 이해가 됐네요.
간단한 해결책 나갑니다.
배우는이군님 말씀처럼 #best_latest1, 2 를 따로 만드는 방법도 있고,
display:none 만 떼어놓을 수 있습니다.
소스는 떼어놓는게 간략한데요. 떼어놓는 방법으로 해볼께요.
css는 다음과 같습니다.
#best-latest {
margin-bottom: 20px;
position: relative;
font-family: 'TitilliumText22LRegular';
height: 480px;
}
.best-latest-none {display:none}
index.php (인덱스 파일)
만약 <div> 에 #best_latest 를 적용 중이시라면,
<? index=1; //이 한줄은 index.php에만 넣습니다.?>
<div id='best-latest' <?if($index) echo "class='best-latest-none'";?>내용</div>
처럼 마크업하시면 됩니다.
인덱스가 아닌 곳에서는 .best_latest_none 이 호출되지 않기 때문에 display:none 내용이 사라지게 되는 겁니다.
죄송합니다. 다른 분들 댓글 보고 나니 이해가 됐네요.
간단한 해결책 나갑니다.
배우는이군님 말씀처럼 #best_latest1, 2 를 따로 만드는 방법도 있고,
display:none 만 떼어놓을 수 있습니다.
소스는 떼어놓는게 간략한데요. 떼어놓는 방법으로 해볼께요.
css는 다음과 같습니다.
#best-latest {
margin-bottom: 20px;
position: relative;
font-family: 'TitilliumText22LRegular';
height: 480px;
}
.best-latest-none {display:none}
index.php (인덱스 파일)
만약 <div> 에 #best_latest 를 적용 중이시라면,
<? index=1; //이 한줄은 index.php에만 넣습니다.?>
<div id='best-latest' <?if($index) echo "class='best-latest-none'";?>내용</div>
처럼 마크업하시면 됩니다.
인덱스가 아닌 곳에서는 .best_latest_none 이 호출되지 않기 때문에 display:none 내용이 사라지게 되는 겁니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 12438 |
JavaScript
배경음악 랜덤 재생 하기 입니다.
|
| 12437 |
JavaScript
css 지원 여부 확인해서 다른 페이지로 이동하기 입니다.
|
| 12436 |
JavaScript
하부메뉴가 보였다가 숨겨졌다 하는 토글버튼 입니다.
|
| 12435 |
JavaScript
개별 페이지에 인덱스로 거쳐 들어오게 하기 입니다.
|
| 12434 |
JavaScript
랜덤으로 이미지 출력 되기 입니다.
|
| 12433 |
JavaScript
사용자 해상도 알아내기 입니다.
|
| 12432 |
JavaScript
붙여넣기 금지하기 입니다.
|
| 12431 |
MySQL
대소문자 데이터 조회하기
|
| 12430 |
JavaScript
퇴장시 팝업창 한번한 띄우기 입니다.
|
| 12429 | |
| 12428 |
PHP
신문 기사를 긁어오기 입니다.
|
| 12427 |
JavaScript
시도, 구군, 동 주소 select
|
| 12426 |
MySQL
커리로 DB 테이블 명세서 출력하기
|
| 12425 |
JavaScript
브라우저 해상도 구분없는 절대 x,y 좌표 값 구하기 입니다
|
| 12424 |
PHP
rss 읽어오기 입니다.
|
| 12423 |
JavaScript
자바스크립트로 Ajax 효과내기 입니다.
|
| 12422 | |
| 12421 |
JavaScript
키보드,마우스 등 불펌방지 입니다.
|
| 12420 |
JavaScript
해상도에 따라 서로 다른 페이지로 접속 하기 입니다.
|
| 12419 |
JavaScript
특정페이지에서 자동으로 새로고침 하기 입니다.
|
| 12418 |
JavaScript
마우스 오버시 이미지 안쪽에 테두리주기
|
| 12417 |
node.js
git 사용메뉴얼 보면 깝깝 하네요
|
| 12416 | |
| 12415 | |
| 12414 |
JavaScript
간결한 레이어 메뉴 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기