회원 자료실

디엠샵의 디자인과 기능을 자유롭게 바꿔보세요.

TEXT

[템플릿] mlb_coding_001_wide (모니터 반응형)

2015. 01. 09 11:30 3,895 1 20
첨부파일 (1)
DOWNLOAD

첨부 파일을 클릭하세요.

mlb_coding_001_wide.zip
(708KB)DOWN : 40


데모사이트에서 브라우저 폭을 줄이면 사이트 이미지도 같이 줄어드는 것을 볼 수 있습니다.- 급조한 모바일 대응형!!!

추가의 스크립트나 부트스트랩 같은 프레임워크가 아닌 기존의 템플릿으로만 만들었습니다.

 

스킨명이 이런 이유는 mlb_coding_001 스킨을 기본으로 만들어서 입니다. (이미지들도 그대로 입니다 ㅠ,.ㅠ)

특별히 추가된것도 없어서 이름을 그대로 썼습니다. 양해해 주세요.

 

특징은 최소 가로폭은 980 픽셀이고 그 이상이 될 때는 슬라이드 되는 배너 이미지와 제품이미지 크기가

브라우저 크기에 따라 커지는 것입니다.

 

많이 쓰는 1920픽셀의 브라우저에서는 전체에서 85%로 확장된 사이트 형태를 볼 수 있습니다.

http://principle.mireene.com/ 에 테스트용으로 적용된 것을 볼수 있도록 하겠습니다.

 

*메뉴를 누르면 나오는 카테고리 스킨도 있습니다. 이것은 /adm/category_list.php로 가셔서 카테고리 마다의 목록스킨을 바꿔주면 됩니다.

마찬가지로 이미지 크기가 브라우저 크기에 따라 변동됩니다.

 

*마이페이지 스킨에서는 중간 위치에 고정폭으로 보이도록만 하였습니다. 

 

*메인배너(좌측상단) : 배너그룹명 - maintop / 사용이미지 크기 1057 x 666

 

 

 

 디자인 설정요령


관리자 디자인메뉴 >메인디자인 설정 >

메뉴 좌측 기본형 선택

 

메인스킨선택 > 상단/ 메뉴/ 메인중앙 / 하단

 

페이지정렬,가로폭,여백은 관리자에서 바꿔지지 않습니다. 있는 그대로 두세요.

 

 

관리자 디자인메뉴 >서브디자인 설정

 

메뉴 좌측 기본형 선택

 

서브스킨선택 > 상단/ 메뉴/  하단

 

 

관리자 디자인메뉴 >기타스킨 설정

 

마이페이지,장바구니 스킨선택

 

(가운데 정렬만 시켜줍니다-고정폭)

 

 

관리자 상품메뉴 >상품목록기타 화면설정

 

카테고리별 개별설정에서 목록스킨을 변경하면 됩니다.

 

가로이미지수를 선택하고 이미지 개별크기를 원하는 만큼 크게 잡으면 됩니다.

 

(아무리 크게 잡아도 화면을 벗어나지 않습니다.)

 

 

 

 

 

윈스톤정회원

엉?

관련 콘텐츠

  • 비회원
  • 작성자
  • 비밀번호
  • 취소

대댓글 작성

비밀번호를 입력하세요.

비밀번호
김태윤 2015. 01. 27 (13:26)01.27 (13:26)
와...
윈스톤 2015. 01. 28 (08:30)01.28 (08:30)
*^^*;;;;;;
김동군 2015. 02. 02 (00:22)02.02 (00:22)
잘 쓸게요 ^^
윈스톤 2015. 03. 11 (00:31)03.11 (00:31)
어디 쓰셨는지 갈켜줘요~ 구경갈께요~ ㅎㅎ
이미현 2015. 03. 16 (22:34)03.16 (22:34)
*^^* 굿
윈스톤 2015. 03. 26 (04:48)03.26 (04:48)
호호호호호호
양영준 2015. 05. 12 (17:20)05.12 (17:20)
다운로드는 받았는데  어떻게  사용하는지  아직  모르겠어요.  열심히  공부할께요.  감사합니다.
양영준 2015. 05. 12 (18:11)05.12 (18:11)
데모사이트에서 회원가입  - 휴대대폰 인증번호  전송이  안오네요.
최정훈 2015. 06. 03 (13:35)06.03 (13:35)
굿!! 좋네요~
윈스톤 2015. 06. 12 (02:58)06.12 (02:58)
데모사이트는 인증이 없어서 휴대폰인증은 되지 않습니다. 디자인만 참고 하시면 될것 같습니다. 전부 스킨파일로만 되어있어서 잘 적용하믄 나머지 문제 없을 겁니다
최영학 2015. 08. 26 (11:46)08.26 (11:46)
"스크롤박스"까지 완전히 보이고 나서 모니터반응이 되게 할 수 있을까요?
첨부 소스에서 수치를 이리 저리 바꾸어 보지만 방법을 못 찾고 있습니다..
최영학 2015. 08. 26 (11:54)08.26 (11:54)
짱 입니다.. 홈페이지가 더 멋있어 보입니다요^^
달빛삼겹살 2015. 10. 30 (15:34)10.30 (15:34)
좋네요. 데모사이트가 그대로 만들고 싶네요. ㅋㅋ 수고하세요.~
윤지윤 2015. 12. 21 (05:21)12.21 (05:21)
감사합니다
윈스톤 2015. 12. 30 (17:25)12.30 (17:25)
새해 복많이 받으세요~
김민균 2016. 01. 21 (10:43)01.21 (10:43)
감사합니다
양준혁 2016. 01. 25 (05:58)01.25 (05:58)
심플해보이면서 이쁘고 반응형이라 크기도 자동맞춤이고 정말 좋네요!
내공이 부족해서 사용하지 못하는게 문제지만.. 이 템플릿을 꼭 써야겠어요~
양준혁 2016. 01. 25 (23:05)01.25 (23:05)
데모 사이트에선 메인디자인이 좌측 기본형이 아닌라 메뉴 제거 오픈형 같은데요?

그리고 기타스킨 설정에서 가운데 정렬이라는 선택이 없네요~
이정민 2016. 01. 29 (18:40)01.29 (18:40)
데모사이트 그대로 만들어보고 싶어요~!
박찬 2016. 04. 26 (20:07)04.26 (20:07)
잘쓰겠습니다 ^^
  • 전체 카테고리
  • 템플릿
  • 스킨
  • 게시판
  • 기타
    New 0 / All 41
    25개씩 보기
    • 25개씩 보기
    • 50개씩 보기
    • 100개씩 보기
      디엠샵 심플

      [템플릿]

      1,828182016. 04. 29
      구글 지도

      [스킨]

      2,338052012. 10. 08
      네이버 지도

      [스킨]

      3,381042012. 10. 06
      경매 게시판

      [스킨]

      4,6460202012. 10. 02
      Copyright © DMSHOP Corp. All Rights Reserved.