이런 사이트는 어떻게 만드는건가요?
https://www.biteme.co.kr/shop/main
위 사이트처럼 PC에서 들어가도 웹화면으로 보여지게 하는 사이트가 많이 보이던데
보면 똑같은 템플릿이더라구요
저런식의 사이트는 커스텀으로 만든사이트인가요?
댓글 9개
베스트 댓글
그냥 CSS입니다...그누보드로도 만들수 잇습니다.
.scroll{ height: 600px; overflow-y: scroll; }
.body_div {width:100%; float:left;}
.con_div {width:100%; max-width:620px; box-shadow:10px 10px 20px rgba(0,0,0,.1); position:absolute; top:0; left:50%;}
.pc_div {position:fixed; width:50%; height:100%; left:0; top:50%; transform:translateY(-50%); text-align:right;}
.pc_div img { width:90%; max-width:525px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
@media (max-width: 1060px) {
.con_div {position:relative; margin:auto; left:auto; max-width:100%; }
.pc_div { display:none;}
}
이쯤이었나;;
.scroll{ height: 600px; overflow-y: scroll; }
.body_div {width:100%; float:left;}
.con_div {width:100%; max-width:620px; box-shadow:10px 10px 20px rgba(0,0,0,.1); position:absolute; top:0; left:50%;}
.pc_div {position:fixed; width:50%; height:100%; left:0; top:50%; transform:translateY(-50%); text-align:right;}
.pc_div img { width:90%; max-width:525px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
@media (max-width: 1060px) {
.con_div {position:relative; margin:auto; left:auto; max-width:100%; }
.pc_div { display:none;}
}
이쯤이었나;;
2년 전
그냥 CSS입니다...그누보드로도 만들수 잇습니다.
.scroll{ height: 600px; overflow-y: scroll; }
.body_div {width:100%; float:left;}
.con_div {width:100%; max-width:620px; box-shadow:10px 10px 20px rgba(0,0,0,.1); position:absolute; top:0; left:50%;}
.pc_div {position:fixed; width:50%; height:100%; left:0; top:50%; transform:translateY(-50%); text-align:right;}
.pc_div img { width:90%; max-width:525px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
@media (max-width: 1060px) {
.con_div {position:relative; margin:auto; left:auto; max-width:100%; }
.pc_div { display:none;}
}
이쯤이었나;;
.scroll{ height: 600px; overflow-y: scroll; }
.body_div {width:100%; float:left;}
.con_div {width:100%; max-width:620px; box-shadow:10px 10px 20px rgba(0,0,0,.1); position:absolute; top:0; left:50%;}
.pc_div {position:fixed; width:50%; height:100%; left:0; top:50%; transform:translateY(-50%); text-align:right;}
.pc_div img { width:90%; max-width:525px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
@media (max-width: 1060px) {
.con_div {position:relative; margin:auto; left:auto; max-width:100%; }
.pc_div { display:none;}
}
이쯤이었나;;
2년 전
@토악 //
https://theme.sir.kr/youngcart55/demo/market?theme=market&device=mobile
<--요런 https://sir.kr/yc5_theme/1986 스킨을 가져다가...
pc버전일땐 CSS mobile 버전으로 나오게 해주고 미디어쿼리로
1280이상일때 (pc버전일때) 모바일버전 크기만크만 나오게 해주면 됩니다.
껍대기만 크기조절해줘면 됨
ex) https://kpopcon.net <--위에 스킨 가져다가 디자인만 약간 변경한거
https://theme.sir.kr/youngcart55/demo/market?theme=market&device=mobile
<--요런 https://sir.kr/yc5_theme/1986 스킨을 가져다가...
pc버전일땐 CSS mobile 버전으로 나오게 해주고 미디어쿼리로
1280이상일때 (pc버전일때) 모바일버전 크기만크만 나오게 해주면 됩니다.
껍대기만 크기조절해줘면 됨
ex) https://kpopcon.net <--위에 스킨 가져다가 디자인만 약간 변경한거
게시판 목록
자유게시판
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 |
 thisgun |
1주 전 | 10 | |
| 199628 | 2개월 전 | 220 | ||
| 199627 |
 Gothrock |
2개월 전 | 286 | |
| 199626 | 2개월 전 | 258 | ||
| 199625 | 2개월 전 | 156 | ||
| 199624 |
 koualaKim |
2개월 전 | 211 | |
| 199623 | 2개월 전 | 277 | ||
| 199622 | 2개월 전 | 221 | ||
| 199621 | 2개월 전 | 189 | ||
| 199620 | 2개월 전 | 149 | ||
| 199619 | 2개월 전 | 191 | ||
| 199618 | 2개월 전 | 125 | ||
| 199617 |
비버팩토리
|
2개월 전 | 243 | |
| 199616 | 2개월 전 | 139 | ||
| 199615 | 2개월 전 | 182 | ||
| 199614 | 2개월 전 | 227 | ||
| 199613 | 2개월 전 | 224 | ||
| 199612 | 2개월 전 | 183 | ||
| 199611 | 2개월 전 | 128 | ||
| 199610 | 2개월 전 | 92 | ||
| 199609 | 2개월 전 | 157 | ||
| 199608 |
techstar
|
2개월 전 | 141 | |
| 199607 | 2개월 전 | 217 | ||
| 199606 | 2개월 전 | 168 | ||
| 199605 | 2개월 전 | 238 | ||
| 199604 |
Gothrock |
2개월 전 | 291 | |
| 199603 | 2개월 전 | 190 | ||
| 199602 | 2개월 전 | 178 | ||
| 199601 |
Gothrock |
2개월 전 | 214 | |
| 199600 | 2개월 전 | 149 | ||
| 199599 | 2개월 전 | 218 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기