간단하게 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");?>
<?
$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");?>
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
댓글 1개
16년 전
여러가지에 응용이 가능하겠군요.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2130 | 17년 전 | 1182 | ||
| 2129 |
ⓧ힘내세요
|
17년 전 | 2238 | |
| 2128 | 17년 전 | 2873 | ||
| 2127 | 17년 전 | 4057 | ||
| 2126 | 17년 전 | 3144 | ||
| 2125 | 17년 전 | 1407 | ||
| 2124 | 17년 전 | 1707 | ||
| 2123 | 17년 전 | 2238 | ||
| 2122 | 17년 전 | 1544 | ||
| 2121 | 17년 전 | 1723 | ||
| 2120 | 17년 전 | 2718 | ||
| 2119 | 17년 전 | 2145 | ||
| 2118 | 17년 전 | 1798 | ||
| 2117 |
아름다운세상
|
17년 전 | 4207 | |
| 2116 | 17년 전 | 3049 | ||
| 2115 | 17년 전 | 1435 | ||
| 2114 |
아름다운세상
|
17년 전 | 3570 | |
| 2113 | 17년 전 | 2795 | ||
| 2112 | 17년 전 | 2076 | ||
| 2111 | 17년 전 | 1294 | ||
| 2110 | 17년 전 | 2335 | ||
| 2109 | 17년 전 | 2068 | ||
| 2108 | 17년 전 | 1992 | ||
| 2107 |
휴전합시다
|
17년 전 | 1920 | |
| 2106 | 17년 전 | 1168 | ||
| 2105 |
 skinartisanCOM |
17년 전 | 1873 | |
| 2104 | 17년 전 | 2929 | ||
| 2103 | 17년 전 | 1434 | ||
| 2102 | 17년 전 | 1671 | ||
| 2101 | 17년 전 | 1355 | ||
| 2100 | 17년 전 | 1601 | ||
| 2099 | 17년 전 | 1575 | ||
| 2098 | 17년 전 | 1446 | ||
| 2097 | 17년 전 | 2566 | ||
| 2096 | 17년 전 | 2329 | ||
| 2095 | 17년 전 | 2111 | ||
| 2094 | 17년 전 | 1421 | ||
| 2093 | 17년 전 | 2434 | ||
| 2092 | 17년 전 | 4264 | ||
| 2091 | 17년 전 | 2752 | ||
| 2090 | 17년 전 | 1664 | ||
| 2089 | 17년 전 | 1857 | ||
| 2088 | 17년 전 | 3239 | ||
| 2087 | 17년 전 | 2236 | ||
| 2086 | 17년 전 | 3833 | ||
| 2085 | 17년 전 | 1681 | ||
| 2084 | 17년 전 | 2287 | ||
| 2083 | 17년 전 | 2110 | ||
| 2082 | 17년 전 | 1615 | ||
| 2081 | 17년 전 | 2129 | ||
| 2080 |
letsgolee
|
17년 전 | 1921 | |
| 2079 | 17년 전 | 1961 | ||
| 2078 | 17년 전 | 3073 | ||
| 2077 | 17년 전 | 2149 | ||
| 2076 | 17년 전 | 1443 | ||
| 2075 | 17년 전 | 1462 | ||
| 2074 | 17년 전 | 2129 | ||
| 2073 | 17년 전 | 3207 | ||
| 2072 | 17년 전 | 2138 | ||
| 2071 |
휴전합시다
|
17년 전 | 1534 | |
| 2070 | 17년 전 | 4249 | ||
| 2069 | 17년 전 | 2043 | ||
| 2068 | 17년 전 | 3463 | ||
| 2067 | 17년 전 | 6039 | ||
| 2066 | 17년 전 | 1485 | ||
| 2065 |
letsgolee
|
17년 전 | 1655 | |
| 2064 | 17년 전 | 1235 | ||
| 2063 | 17년 전 | 1349 | ||
| 2062 |
vicky
|
17년 전 | 2875 | |
| 2061 | 17년 전 | 1909 | ||
| 2060 |
카프카07
|
17년 전 | 2595 | |
| 2059 | 17년 전 | 1310 | ||
| 2058 | 17년 전 | 3185 | ||
| 2057 | 17년 전 | 2165 | ||
| 2056 | 17년 전 | 2612 | ||
| 2055 | 17년 전 | 1407 | ||
| 2054 | 17년 전 | 1759 | ||
| 2053 | 17년 전 | 1150 | ||
| 2052 |
 JCrew |
17년 전 | 1209 | |
| 2051 | 17년 전 | 1793 | ||
| 2050 | 17년 전 | 1233 | ||
| 2049 | 17년 전 | 4313 | ||
| 2048 | 17년 전 | 1513 | ||
| 2047 | 17년 전 | 2010 | ||
| 2046 |
카프카07
|
17년 전 | 7093 | |
| 2045 | 17년 전 | 1385 | ||
| 2044 | 17년 전 | 1904 | ||
| 2043 | 17년 전 | 3136 | ||
| 2042 | 17년 전 | 1229 | ||
| 2041 |
카프카07
|
17년 전 | 1987 | |
| 2040 | 17년 전 | 1167 | ||
| 2039 |
smilesol
|
17년 전 | 1857 | |
| 2038 | 17년 전 | 2158 | ||
| 2037 |
skinartisanCOM |
17년 전 | 2974 | |
| 2036 | 17년 전 | 1249 | ||
| 2035 |
 smyada |
17년 전 | 1345 | |
| 2034 |
ㅣ곰탱이ㅣ
|
17년 전 | 1566 | |
| 2033 |
 허리손반장 |
17년 전 | 1234 | |
| 2032 | 17년 전 | 4361 | ||
| 2031 | 17년 전 | 3901 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기