빌

CSS 게시판 위치별 제어

· 2012-06-20 (수) 04:50:16 · 4141 · 5
사이트를 만들었는데요. 

인덱스에서는 CSS의 어떤소스를 보여주고 

인덱스가 아닌경우 소스를 숨기고 싶습니다 .

어떻게 해야할까요?


#best-latest {
margin-bottom: 20px;
position: relative;
font-family: 'TitilliumText22LRegular';
height: 480px;
display:none;
}




display:none; 이 부분을 메인에선 보이고 다른 곳에선 안보이게 하고 싶어요
|

댓글 5개

2012-06-20 (수) 09:43:25
흠... CSS 숨길 수가 있나요. 저도 궁금한 방법이네요.
2012-06-20 (수) 11:29:13
display:none; 만 음... css에도 조건문 같은게 있다고 읽기는 했는데 한번도 본적이 없군요.
2012-06-20 (수) 20:15:46
음... 다른 방법인지는 몰라도
#best-latest1 #best-latest2를 따로 만들어서
index 들어올때 해당 id를 if문으로 구분하게 하는게 편할꺼 같은데...
2012-06-21 (목) 11:13:22
아하 처음에 제가 질문을 잘못 이해했네요. 예전부터 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 내용이 사라지게 되는 겁니다.
좋은 정보감사합니다~~~
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-08-29 조회 4,057
12-08-07 조회 3,744
12-08-03 조회 3,550
12-07-31 조회 3,659
12-07-30 조회 3,611
12-07-16 조회 3,830
12-07-15 조회 3,617
12-07-07 조회 3,518
12-07-06 조회 3,712
12-07-03 조회 3,683
12-06-29 조회 3,265
12-06-22 조회 3,640
12-06-17 조회 3,882
12-05-21 조회 3,810
12-05-02 조회 3,389
12-05-02 조회 4,180
12-05-02 조회 3,298
12-04-30 조회 3,475
12-04-30 조회 3,171
12-03-17 조회 4,017
12-03-10 조회 3,366
12-03-08 조회 3,891
12-03-03 조회 3,574
12-02-27 조회 4,991
12-02-17 조회 4,318
12-02-16 조회 4,570
12-02-03 조회 3,284
12-01-31 조회 3,159
12-01-24 조회 3,140
12-01-17 조회 3,866
12-01-05 조회 3,423
11-12-30 조회 3,118
11-12-23 조회 4,708
11-12-08 조회 3,430
11-12-07 조회 4,411
11-11-27 조회 3,815
11-11-25 조회 4,168
11-11-23 조회 3,624
11-11-22 조회 3,482
11-11-09 조회 3,203
11-10-23 조회 3,114
11-10-19 조회 3,086
11-10-08 조회 2,784
11-10-04 조회 2,790
11-10-04 조회 5,238
11-09-01 조회 4,308
11-08-13 조회 2,476
11-08-06 조회 3,161
11-07-11 조회 3,566
11-06-27 조회 2,938
11-06-21 조회 2,615
11-06-13 조회 2,399
11-06-07 조회 2,401
11-05-26 조회 2,395
11-04-20 조회 2,705
11-03-21 조회 2,795
11-03-18 조회 2,491
11-03-11 조회 2,526
11-02-07 조회 2,342
11-01-18 조회 2,664
11-01-12 조회 2,393
11-01-06 조회 2,493
10-12-10 조회 2,759
10-12-09 조회 2,546
10-12-08 조회 5,016
10-11-29 조회 2,643
10-11-28 조회 2,779
10-11-28 조회 2,617
10-11-19 조회 2,802
10-11-04 조회 2,690
10-10-21 조회 2,403
10-10-19 조회 3,352
10-10-12 조회 2,677
10-10-07 조회 2,508
10-09-30 조회 3,470
10-09-17 조회 3,862
10-09-17 조회 3,831
10-05-31 조회 3,505
09-12-31 조회 3,647
09-07-23 조회 4,971
08-09-16 조회 3,193
08-09-06 조회 2,925
08-09-04 조회 3,353
08-08-16 조회 4,403
08-08-15 조회 3,269
08-08-14 조회 4,480
08-08-12 조회 3,950
08-07-23 조회 2,779
08-07-10 조회 3,716
08-07-04 조회 2,941
08-06-27 조회 7,587
08-06-19 조회 4,874
08-05-27 조회 5,493
08-05-25 조회 5,325
08-05-23 조회 3,391
08-05-23 조회 4,529
08-05-21 조회 4,913
08-05-20 조회 4,034
08-05-20 조회 3,273
08-04-18 조회 4,318