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년 전
좋은 정보감사합니다~~~
게시판 목록
퍼블리셔팁
퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 557 | HTML |
|
13년 전 | 3091 | |
| 556 | HTML |
ReeJang
|
13년 전 | 3533 | |
| 555 | HTML | 13년 전 | 8456 | ||
| 554 | HTML | 13년 전 | 2772 | ||
| 553 | HTML |
aequum
|
13년 전 | 2815 | |
| 552 | HTML | 13년 전 | 2723 | ||
| 551 | HTML |
도토리과자
|
13년 전 | 2921 | |
| 550 | HTML | 13년 전 | 2586 | ||
| 549 | HTML | 13년 전 | 3578 | ||
| 548 | HTML |
aequum
|
13년 전 | 3366 | |
| 547 | HTML |
aequum
|
13년 전 | 2950 | |
| 546 | HTML | 13년 전 | 4256 | ||
| 545 | HTML |
aequum
|
13년 전 | 2962 | |
| 544 | HTML |
aequum
|
13년 전 | 10669 | |
| 543 | HTML | 13년 전 | 3164 | ||
| 542 | HTML |
aequum
|
13년 전 | 3190 | |
| 541 | HTML |
aequum
|
13년 전 | 2992 | |
| 540 | HTML |
soing
|
13년 전 | 3698 | |
| 539 | HTML |
aequum
|
13년 전 | 2825 | |
| 538 | HTML |
aequum
|
13년 전 | 4158 | |
| 537 | HTML |
2번호랑이
|
13년 전 | 2193 | |
| 536 | HTML |
aequum
|
13년 전 | 3529 | |
| 535 | HTML | 13년 전 | 2950 | ||
| 534 | HTML |
aequum
|
13년 전 | 3148 | |
| 533 | HTML |
aequum
|
13년 전 | 3087 | |
| 532 | HTML |
aequum
|
13년 전 | 2736 | |
| 531 | HTML |
aequum
|
13년 전 | 4009 | |
| 530 | HTML |
aequum
|
13년 전 | 4537 | |
| 529 | HTML |
aequum
|
13년 전 | 3872 | |
| 528 | HTML |
aequum
|
13년 전 | 4449 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기