CSS 게시판 위치별 제어
사이트를 만들었는데요.
인덱스에서는 CSS의 어떤소스를 보여주고
인덱스가 아닌경우 소스를 숨기고 싶습니다 .
어떻게 해야할까요?
#best-latest {
margin-bottom: 20px;
position: relative;
font-family: 'TitilliumText22LRegular';
height: 480px;
display:none;
}
display:none; 이 부분을 메인에선 보이고 다른 곳에선 안보이게 하고 싶어요
댓글 5개
13년 전
흠... CSS 숨길 수가 있나요. 저도 궁금한 방법이네요.
13년 전
display:none; 만 음... css에도 조건문 같은게 있다고 읽기는 했는데 한번도 본적이 없군요.
배우는이군
13년 전
음... 다른 방법인지는 몰라도
#best-latest1 #best-latest2를 따로 만들어서
index 들어올때 해당 id를 if문으로 구분하게 하는게 편할꺼 같은데...
#best-latest1 #best-latest2를 따로 만들어서
index 들어올때 해당 id를 if문으로 구분하게 하는게 편할꺼 같은데...
13년 전
아하 처음에 제가 질문을 잘못 이해했네요. 예전부터 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 내용이 사라지게 되는 겁니다.
there007
13년 전
좋은 정보감사합니다~~~
게시글 목록
| 번호 | 제목 |
|---|---|
| 17274 | |
| 4226 | |
| 17273 | |
| 17268 | |
| 26337 | |
| 26333 | |
| 26330 | |
| 26326 | |
| 26320 | |
| 17264 | |
| 4217 | |
| 30358 | |
| 17259 |
PHP
이걸 짧게 바꿀수없을까요?
4
|
| 17257 |
JavaScript
input 박스에 이미지넣기
1
|
| 17250 | |
| 30355 | |
| 30352 | |
| 17246 |
PHP
세션 시간이 늘어나지 않음
3
|
| 17244 | |
| 17239 | |
| 17238 | |
| 17237 | |
| 4210 | |
| 17234 | |
| 17232 |
Linux
CentOS 에서 서비스 목록
1
|
| 17229 | |
| 17222 | |
| 30348 | |
| 4202 | |
| 17218 | |
| 4192 | |
| 4188 | |
| 17215 | |
| 4186 | |
| 4183 | |
| 17210 | |
| 4178 | |
| 17209 |
Linux
리눅스 웹서버 그누보드 마스터,슬레이브 설정
|
| 30344 |
HTML
jQuery 이미지 체크박스
3
|
| 17201 | |
| 17194 |
jQuery
[질문] 라디오버튼 이미지로 바꾸는거..
6
|
| 30340 |
HTML
엄한 질문 하나 드립니다. ㅎㅎㅎ
3
|
| 24388 | |
| 17193 | |
| 17190 |
JavaScript
iframe 로 다른 외부 페이지를 불러와야 한다면...
2
|
| 17186 |
JavaScript
iframe 세로 자동 리사이즈 간단 소스
3
|
| 17184 | |
| 17181 |
PHP
웹상에서 텍스트 파일 수정
2
|
| 17179 |
기타
프리랜서팀
1
|
| 4171 | |
| 17176 |
JavaScript
고수님들의조언이 필요합니다 ㅠㅠ 꼭 답변 부탁드려여 아시는분은
2
|
| 17174 |
jQuery
간략한 질문입니다!!
1
|
| 17172 |
기타
호스팅추천좀
1
|
| 17171 |
PHP
링크관련
|
| 17169 |
jQuery
질문좀
1
|
| 30337 | |
| 24387 | |
| 4169 | |
| 4166 | |
| 17167 |
JavaScript
상단 네비게이션 문의
1
|
| 17163 |
jQuery
질문이요 ..ㅠㅠ
3
|
| 17161 | |
| 17159 | |
| 17156 |
Linux
리눅스 서버 cpu 비교좀해주실분^^
2
|
| 17151 |
jQuery
제이쿼리 공부법???ㅠㅠ
4
|
| 17148 | |
| 30334 | |
| 17144 |
MySQL
중복값 찾는 방법좀 알려주세용
3
|
| 17138 |
jQuery
이미지 롤링은 jQuery로 가능한가요?
5
|
| 17137 |
MySQL
MySQL 백업 툴..
|
| 17133 |
JavaScript
초보 쇼핑몰 운영자입니다 도움좀 ㅠㅠ
3
|
| 17132 |
기타
호스팅 추천좀
|
| 4161 | |
| 17131 | |
| 17129 |
PHP
간단한 php 알바입니다.
1
|
| 30331 | |
| 17128 |
JavaScript
getElementById 아이디값이 틀리면?
|
| 17125 |
Mobile
이 에러문구는 먼가요?
2
|
| 17122 | |
| 4147 | |
| 4142 | |
| 26315 | |
| 17121 |
Linux
ssh 세션 유지하기
|
| 17120 | |
| 17117 |
Mobile
모바일 홈페이지 바로 가기 아이콘 이미지 만들기
2
|
| 26304 | |
| 30322 |
HTML
zen코딩 치트문서~
8
|
| 30319 |
HTML
젠코딩 동영상
2
|
| 17116 |
MySQL
워드프레스 DB모델링 다이어그램
|
| 17115 | |
| 17114 |
Linux
lynx로 웹페이지 로딩타임 측정하기
|
| 17113 |
Linux
curl로 웹페이지 로딩시간 측정하기
|
| 17112 | |
| 17110 |
Linux
웹서버 동시접속자 구하는 명령어
1
|
| 17109 | |
| 17108 |
Linux
SSL인증서 패스워드 제거방법
|
| 17107 |
Linux
리눅스ISO 다운로드 서버
|
| 17098 |
JavaScript
자바스크립트를 집어 넣을때...왜?
8
|
| 17092 |
PHP
php고수님들 들어오세요
5
|
| 17085 |
JavaScript
iframe관련입니다. 도와주세요!
6
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기