이런 사이트는 어떻게 만드는건가요?
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 | |
| 199598 | 2개월 전 | 170 | ||
| 199597 | 2개월 전 | 197 | ||
| 199596 | 2개월 전 | 165 | ||
| 199595 | 2개월 전 | 159 | ||
| 199594 | 2개월 전 | 154 | ||
| 199593 | 2개월 전 | 187 | ||
| 199592 | 2개월 전 | 251 | ||
| 199591 |
 Gothrock |
2개월 전 | 392 | |
| 199590 | 2개월 전 | 307 | ||
| 199589 | 2개월 전 | 324 | ||
| 199588 | 2개월 전 | 590 | ||
| 199587 | 2개월 전 | 214 | ||
| 199586 | 2개월 전 | 253 | ||
| 199585 | 2개월 전 | 98 | ||
| 199584 | 2개월 전 | 144 | ||
| 199583 | 2개월 전 | 209 | ||
| 199582 | 2개월 전 | 201 | ||
| 199581 | 2개월 전 | 108 | ||
| 199580 |
Gothrock |
2개월 전 | 190 | |
| 199579 | 2개월 전 | 242 | ||
| 199578 | 2개월 전 | 213 | ||
| 199577 | 2개월 전 | 158 | ||
| 199576 |
 DSKim |
2개월 전 | 148 | |
| 199575 | 2개월 전 | 144 | ||
| 199574 |
비버팩토리
|
2개월 전 | 245 | |
| 199573 | 2개월 전 | 247 | ||
| 199572 | 2개월 전 | 206 | ||
| 199571 | 2개월 전 | 215 | ||
| 199570 | 2개월 전 | 180 | ||
| 199569 | 2개월 전 | 210 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기