간단하게 PHP의 date문을 사용하면 요일마다 다른 CSS를 제어할 수 있습니다.
<?
$hour=date('G');
$day=date('w');
?>
date('G')는 현재 시간을 0~24로 나타나게 해주며
w는 요일을 일요일을 0으로 출력합니다.
(토요일은 6이 되겠죠. 0~6까지 출력)
.day1 {width:40px;}
.day2 {width:100px;}
라고 CSS를 간단하게 정의해보겠습니다.
<div id="layout" class="day<?=$day?>">
가장 바깥부분에 정의하면 됩니다. id인 layout에는 공통 CSS만 집어넣어주면 됩니다.
변수 day를 출력하면 월요일의 경우 1이라고 출력되므로 class명은 day1이 됩니다.
이렇게 사용하면 요일마다 다른 class를 출력할 수 있게 됩니다.
(매일 바꿀 수도 있겠지만, 이건 좀 아니겠죠..)
요일, 시간에 따라 다른 CSS를 제어하는 문구의 예시입니다.
오후 5시~아침 7시까지는 night라는 class를 출력합니다.
<div id="layout" class="day<?=$day?>"><?if($hour>=17||$hour<=7 echo(" night");?>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 330 |
prosper
|
20년 전 | 2265 | |
| 329 |
prosper
|
20년 전 | 1887 | |
| 328 |
prosper
|
20년 전 | 1690 | |
| 327 | 20년 전 | 3759 | ||
| 326 | 20년 전 | 4850 | ||
| 325 |
hwatta
|
20년 전 | 2470 | |
| 324 |
 hanpedro |
20년 전 | 3139 | |
| 323 | 20년 전 | 5853 | ||
| 322 |
hwatta
|
20년 전 | 2840 | |
| 321 |
hwatta
|
20년 전 | 2315 | |
| 320 |
yesmoa
|
20년 전 | 4568 | |
| 319 | 20년 전 | 2679 | ||
| 318 | 20년 전 | 2236 | ||
| 317 |
kyodon
|
20년 전 | 2759 | |
| 316 | 20년 전 | 2574 | ||
| 315 |
hanpedro |
20년 전 | 2880 | |
| 314 |
hanpedro |
20년 전 | 3338 | |
| 313 |
 damoa.biz |
20년 전 | 2639 | |
| 312 |
yesmoa
|
20년 전 | 4710 | |
| 311 | 20년 전 | 3264 | ||
| 310 |
홀로남은자
|
20년 전 | 4558 | |
| 309 | 20년 전 | 3004 | ||
| 308 | 20년 전 | 4126 | ||
| 307 | 20년 전 | 4370 | ||
| 306 | 20년 전 | 7032 | ||
| 305 | 20년 전 | 3867 | ||
| 304 | 20년 전 | 2764 | ||
| 303 |
크리스탈처럼
|
20년 전 | 4397 | |
| 302 | 20년 전 | 2203 | ||
| 301 |
 수다쟁이오도리씨 |
20년 전 | 4318 | |
| 300 | 20년 전 | 3803 | ||
| 299 | 20년 전 | 2611 | ||
| 298 | 20년 전 | 4823 | ||
| 297 |
 bbking |
20년 전 | 2526 | |
| 296 | 20년 전 | 4523 | ||
| 295 | 20년 전 | 3565 | ||
| 294 | 20년 전 | 3593 | ||
| 293 | 20년 전 | 3815 | ||
| 292 | 20년 전 | 3207 | ||
| 291 |
yesmoa
|
20년 전 | 5937 | |
| 290 | 20년 전 | 2936 | ||
| 289 | 20년 전 | 5849 | ||
| 288 |
bbking |
20년 전 | 2374 | |
| 287 |
bbking |
20년 전 | 1797 | |
| 286 |
bbking |
20년 전 | 2146 | |
| 285 |
bbking |
20년 전 | 3532 | |
| 284 |
bbking |
20년 전 | 2032 | |
| 283 |
bbking |
20년 전 | 4400 | |
| 282 | 20년 전 | 3381 | ||
| 281 |
bbking |
20년 전 | 2211 | |
| 280 |
bbking |
20년 전 | 7804 | |
| 279 | 20년 전 | 5553 | ||
| 278 | 20년 전 | 2991 | ||
| 277 |
hanpedro |
20년 전 | 5569 | |
| 276 | 20년 전 | 2355 | ||
| 275 | 20년 전 | 2602 | ||
| 274 | 20년 전 | 2381 | ||
| 273 | 20년 전 | 2217 | ||
| 272 | 20년 전 | 2149 | ||
| 271 | 20년 전 | 2600 | ||
| 270 | 20년 전 | 2633 | ||
| 269 | 20년 전 | 2482 | ||
| 268 | 20년 전 | 2684 | ||
| 267 | 20년 전 | 2365 | ||
| 266 | 20년 전 | 2563 | ||
| 265 | 20년 전 | 3506 | ||
| 264 |
bbking |
20년 전 | 5359 | |
| 263 |
hanpedro |
20년 전 | 3728 | |
| 262 | 20년 전 | 3182 | ||
| 261 |
허저비
|
20년 전 | 5927 | |
| 260 |
bbking |
20년 전 | 5715 | |
| 259 | 20년 전 | 4138 | ||
| 258 | 20년 전 | 2376 | ||
| 257 | 20년 전 | 3192 | ||
| 256 | 20년 전 | 1901 | ||
| 255 | 20년 전 | 1572 | ||
| 254 | 20년 전 | 3144 | ||
| 253 | 20년 전 | 3545 | ||
| 252 | 20년 전 | 5123 | ||
| 251 | 20년 전 | 5810 | ||
| 250 | 20년 전 | 3676 | ||
| 249 | 20년 전 | 5015 | ||
| 248 | 20년 전 | 3286 | ||
| 247 | 20년 전 | 3641 | ||
| 246 |
bbking |
20년 전 | 7956 | |
| 245 |
bbking |
20년 전 | 5909 | |
| 244 | 20년 전 | 4488 | ||
| 243 |
hanpedro |
20년 전 | 4057 | |
| 242 | 20년 전 | 2783 | ||
| 241 | 20년 전 | 2730 | ||
| 240 | 20년 전 | 2369 | ||
| 239 | 20년 전 | 1664 | ||
| 238 |
아우겐나이스
|
20년 전 | 2267 | |
| 237 |
email
|
20년 전 | 3689 | |
| 236 | 20년 전 | 4157 | ||
| 235 | 20년 전 | 10463 | ||
| 234 | 20년 전 | 5072 | ||
| 233 | 20년 전 | 3372 | ||
| 232 | 20년 전 | 3213 | ||
| 231 | 20년 전 | 3845 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기