--css코딩--
/* wrapContainer */
body {background-color: #373737;}
#wrapTop, #wrapMid, #wrapBtm { clear: both; width:298px; margin: 0 auto; }
#wrapTop { height: 13px; }
#wrapBtm { height: 6px; }
.tCenter, .bCenter { float: left; width:250px; }
.mCenter { float: left; width: 200px; }
body {background-color: #373737;}
#wrapTop, #wrapMid, #wrapBtm { clear: both; width:298px; margin: 0 auto; }
#wrapTop { height: 13px; }
#wrapBtm { height: 6px; }
.tCenter, .bCenter { float: left; width:250px; }
.mCenter { float: left; width: 200px; }
#wrapTop { background: transparent url(./images/detail_left_top.png) no-repeat left top; }
.tCenter { height: 13px; margin-left: 42px; display: inline; background: transparent url(./images/box_bg_01.png) repeat-x 0 0; }
.tRight { float: left; width: 6px; height: 13px; background: transparent url(./images/box_02.png) no-repeat 0 0; }
.tCenter { height: 13px; margin-left: 42px; display: inline; background: transparent url(./images/box_bg_01.png) repeat-x 0 0; }
.tRight { float: left; width: 6px; height: 13px; background: transparent url(./images/box_02.png) no-repeat 0 0; }
#wrapMid { background: transparent url(./images/box_bg_02.png) repeat-y left; }
.mRight {
padding-left: 6px;
background: transparent url(./images/box_bg_03.png) repeat-y right;
}
.mRight {
padding-left: 6px;
background: transparent url(./images/box_bg_03.png) repeat-y right;
}
#wrapBtm{ height: 6px; background: transparent url(./images/box_03.png) no-repeat; }
.bCenter{ height: 6px; margin-left: 42px; display: inline; background: transparent url(./images/box_bg_04.png) repeat-x; }
.bRight{ float: left; width: 6px; height: 6px; background: transparent url(./images/box_04.png) no-repeat; }
.bCenter{ height: 6px; margin-left: 42px; display: inline; background: transparent url(./images/box_bg_04.png) repeat-x; }
.bRight{ float: left; width: 6px; height: 6px; background: transparent url(./images/box_04.png) no-repeat; }
#container {
width:98%;
height: 100%; background: #ffffff;
}
p { margin:0; }
width:98%;
height: 100%; background: #ffffff;
}
p { margin:0; }
--html 코딩--
<div id="wrapTop">
<div class="tCenter"></div><div class="tRight"></div>
</div>
<div id="wrapMid">
<div class="mRight">
<div class="tCenter"></div><div class="tRight"></div>
</div>
<div id="wrapMid">
<div class="mRight">
<div id="container">
<p>내용</p>
</div><!-- container close -->
</div>
</div>
<div id="wrapBtm">
<div class="bCenter"></div><div class="bRight"></div>
</div>
<p>내용</p>
</div><!-- container close -->
</div>
</div>
<div id="wrapBtm">
<div class="bCenter"></div><div class="bRight"></div>
</div>
게시판 목록
디자인
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1266 | 13년 전 | 2005 | ||
| 1265 | 13년 전 | 2330 | ||
| 1264 | 13년 전 | 16668 | ||
| 1263 | 13년 전 | 2810 | ||
| 1262 | 13년 전 | 1455 | ||
| 1261 |
또다른세상
|
13년 전 | 1615 | |
| 1260 |
또다른세상
|
13년 전 | 2463 | |
| 1259 |
|
13년 전 | 1455 | |
| 1258 |
wonup2
|
13년 전 | 1836 | |
| 1257 | 13년 전 | 1845 | ||
| 1256 | 13년 전 | 2265 | ||
| 1255 |
|
13년 전 | 3131 | |
| 1254 |
그누보드시작해요
|
13년 전 | 908 | |
| 1253 |
그누보드시작해요
|
13년 전 | 1136 | |
| 1252 |
그누보드시작해요
|
13년 전 | 945 | |
| 1251 |
그누보드시작해요
|
13년 전 | 1097 | |
| 1250 | 13년 전 | 3173 | ||
| 1249 |
그누보드시작해요
|
13년 전 | 1124 | |
| 1248 |
그누보드시작해요
|
13년 전 | 1035 | |
| 1247 |
그누보드시작해요
|
13년 전 | 1274 | |
| 1246 |
|
13년 전 | 1531 | |
| 1245 | 13년 전 | 1779 | ||
| 1244 |
wjdxo
|
13년 전 | 1164 | |
| 1243 | 13년 전 | 1033 | ||
| 1242 | 13년 전 | 1261 | ||
| 1241 |
|
13년 전 | 2357 | |
| 1240 |
또다른세상
|
13년 전 | 4044 | |
| 1239 |
또다른세상
|
13년 전 | 2510 | |
| 1238 | 13년 전 | 4395 | ||
| 1237 |
|
13년 전 | 1143 | |
| 1236 |
스키페트롤
|
13년 전 | 2098 | |
| 1235 | 13년 전 | 1359 | ||
| 1234 | 13년 전 | 3314 | ||
| 1233 | 13년 전 | 1328 | ||
| 1232 | 13년 전 | 2949 | ||
| 1231 |
|
13년 전 | 1773 | |
| 1230 | 13년 전 | 1042 | ||
| 1229 |
|
13년 전 | 1044 | |
| 1228 |
|
13년 전 | 1042 | |
| 1227 | 13년 전 | 1374 | ||
| 1226 |
아름다운세상
|
13년 전 | 2249 | |
| 1225 |
|
13년 전 | 1885 | |
| 1224 | 13년 전 | 1088 | ||
| 1223 | 13년 전 | 1404 | ||
| 1222 |
아름다운세상
|
13년 전 | 3334 | |
| 1221 | 13년 전 | 1042 | ||
| 1220 | 13년 전 | 1181 | ||
| 1219 |
|
13년 전 | 1261 | |
| 1218 | 13년 전 | 1323 | ||
| 1217 | 13년 전 | 773 | ||
| 1216 |
|
13년 전 | 1225 | |
| 1215 | 13년 전 | 2857 | ||
| 1214 | 13년 전 | 3282 | ||
| 1213 | 13년 전 | 1063 | ||
| 1212 |
|
13년 전 | 2465 | |
| 1211 | 13년 전 | 3771 | ||
| 1210 |
|
13년 전 | 3235 | |
| 1209 | 13년 전 | 3239 | ||
| 1208 |
|
13년 전 | 1820 | |
| 1207 |
|
13년 전 | 2308 | |
| 1206 |
|
13년 전 | 1256 | |
| 1205 | 13년 전 | 1083 | ||
| 1204 |
|
13년 전 | 1640 | |
| 1203 |
|
13년 전 | 1778 | |
| 1202 |
JBstyle
|
13년 전 | 1194 | |
| 1201 |
한번잘해보자
|
13년 전 | 1335 | |
| 1200 | 13년 전 | 1353 | ||
| 1199 | 13년 전 | 1395 | ||
| 1198 |
|
13년 전 | 1139 | |
| 1197 |
|
13년 전 | 1790 | |
| 1196 |
JBstyle
|
13년 전 | 4778 | |
| 1195 |
JBstyle
|
13년 전 | 4883 | |
| 1194 |
Rainsu
|
13년 전 | 1353 | |
| 1193 |
|
13년 전 | 1234 | |
| 1192 |
|
13년 전 | 1255 | |
| 1191 |
|
13년 전 | 1006 | |
| 1190 | 13년 전 | 1153 | ||
| 1189 | 13년 전 | 2437 | ||
| 1188 |
|
13년 전 | 1289 | |
| 1187 |
|
13년 전 | 1265 | |
| 1186 |
아름다운세상
|
13년 전 | 2516 | |
| 1185 |
freejazzme
|
13년 전 | 1282 | |
| 1184 | 13년 전 | 1113 | ||
| 1183 |
|
13년 전 | 1126 | |
| 1182 |
|
13년 전 | 2134 | |
| 1181 |
Rainsu
|
13년 전 | 1130 | |
| 1180 |
|
13년 전 | 1190 | |
| 1179 |
|
13년 전 | 2588 | |
| 1178 |
sahara
|
13년 전 | 914 | |
| 1177 | 13년 전 | 5027 | ||
| 1176 | 13년 전 | 1009 | ||
| 1175 | 13년 전 | 1031 | ||
| 1174 |
|
13년 전 | 953 | |
| 1173 | 13년 전 | 981 | ||
| 1172 |
|
13년 전 | 1777 | |
| 1171 | 13년 전 | 4803 | ||
| 1170 | 13년 전 | 4499 | ||
| 1169 |
광운대학교미디어프로듀서팀
|
13년 전 | 1332 | |
| 1168 |
미션임파썩을
|
13년 전 | 5169 | |
| 1167 |
|
13년 전 | 2370 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기