H

고객사에서 이런 걸 만들어 달라는데...

· 2020-12-11 (금) 12:34:16 · 1805 · 12

전 도대체 할 자신이 없네요 ㅠㅠ

글케 CSS나 퍼블리싱은 못한다고 말을 해도... 내게 왜 이러시는건지 ㅠㅠ
 

고객님이 아래 화면에 꽂힌 이유는...

우측 이미지가 작아지는게 아니라 오른쪽 부터 서서히 안보여진다는 것입니다.

그러다 일정 이상 작아지면 태블릿 화면의 모습으로 변하게 되죠.

 

2949618301_1607657400.7219.gif

 

혹시나 흉내는 낼 수 있을까 싶어 소스를 보았지만...

뭔 말인지 한개도 이해를 못하겠더군요...

 

혹시 이런거 만드실 줄 아시는 분 있으시면~~

아마 꾸준한 알바가 가능하실지도 모르겠네요~~

 

제작의뢰에 올리려다...

이건 뭐 요구사항을 뭐라고 적어야 할지도 애매해서...

 

푸념 겸...

고수님들의 의견도 여쭐 겸... 자게에 먼저 올려봅니다.

 

링크에 걸린 URL에 접속하셔서 중간쯤 스크롤을 내리면 보여집니다.

 

2949618301_1607658014.0048.jpg

2949618301_1607658024.4509.jpg

 

|

댓글 12개

2020-12-11 (금) 12:40:38
제작의뢰 올리시면 바로 덧글 달릴껍니다 반응형
@200점아빠 위에글 그대로 올려도 될까요?
부트스트랩
@마젠토 7년전에 만들어진 페이지이고 . 부트스트랩을 사용한 페이지가 아니라서 함부로 부스를 넣었다가 다른 페이지나 화면이 깨질까봐 무서워요
저렇게 하려면 다른 크기의 이미지를 몇장 받아서 picture 태그로 처리하시면 됩니다.
코더분보다 웹디가 할일이 더 많은 페이지예요.

원래 이미지가 좀 있는 반응형 원페이지는 picture태그로 처리를 많이 해요.
@l2zeo 아... picture tag는 처음 들어봤네요... 저 기능을 CKEditor에서 작성해서 사이트에 올리려고 하던데... 직접 페이지 제작이 아니라면 어렵겠군요...
@만수킴 CKEditor로 이미지 업로드해서 게시물 형태로 하시는건 힘들거 같아보이네요.
저렇게 멋진? 화면이 아니더라도 말씀하신 내용이라면 일단 반응형이 되야 하고
메인이미지는 모든 화면에서 동일 비슷하게 나와야 한다면 picture태그로 각 사이즈에 맞는 이미지를 사용하시는게 제일 깔끔할거 같아요. 실제로 그렇게 작업도 하구요.
사실 저렇게 멋진 화면을 원하는건 아니더라구요.
왼쪽에 글이 있고, 오른쪽 이미지는 왼쪽 글 영역의 세로 길이만큼으로 잘리면 되는거구요.
화면이 늘어나거나 줄어들때... 영역 안에만 이미지가 보이면 되는 방식???

아... 글로는 정말 표현이 안되는군요. ㅎㅎ
이래서 제작의뢰에 올리기가 애매하더라구요...
2020-12-11 (금) 14:21:18
그냥 css 구현가능할거 같은데요?
페이지가 복잡하더라도 저부분만 별도 css 사용하면 몇줄 추가될뿐인데요.
미디어 쿼리 브레이크포인트 잡아서 해당 크기에 맞게 스타일 지정하면 됩니다.
반응형웹이네요. 미디어 쿼리 조금 쓰면 가능하긴 한데...
css 에 @media 구문을 잘 사용하시면 될텐데... 조금 공부하셔도 되고, 아니면 퍼블리셔에게 부탁하시면 쉬울 일 같습니다.
댓글을 작성하시려면 로그인이 필요합니다.

자유게시판

203,037건
+
제목 글쓴이 날짜 조회
20-12-12 조회 7,741
20-12-12 조회 1,308
20-12-12 조회 1,329
20-12-12 조회 1,664
20-12-12 조회 1,672
20-12-12 조회 1,477
20-12-12 조회 1,406
20-12-12 조회 2,629
20-12-12 조회 1,272
20-12-11 조회 1,920
20-12-11 조회 2,229
20-12-11 조회 1,540
20-12-11 조회 1,270
20-12-11 조회 1,374
20-12-11 조회 1,676
20-12-11 조회 1,282
20-12-11 조회 1,309
20-12-11 조회 1,619
20-12-11 조회 1,806
20-12-11 조회 2,089