포토샵으로 작업한 메인시안을 적용할때, 정보
포토샵으로 작업한 메인시안을 적용할때,
관련링크
http://circle.ohpy.com/#
119회 연결
본문
첫번째는 제 이미지는 아니지만, 설명용으로;
이걸 어떻게 설명해야할지 막막함이 앞섭니다 ㅜㅜ
젤위 처음 이미지를 보시면 가운데 작업할 공간 빼고 대충 디자인이 되어있습니다.
저도 위와 비슷하게 시안을 만들어 놓았는데, head와 tail나누기가 어려 워서요.
문제는 오른쪽에 비스듬하게 된부분이 높이가 700px정도 되는데요.
헤드에 이놈을 넣어버리면 게시판이나 이런곳에 위 높이가 700공간을 잡아먹고 게시판이 나와버리고,
평상시대로 잡아넣어버리면 비스듬한녀석이 반복되면서 나와버리네요.
설명하기가 좀 애매해서 이미지로 추가로 ..... 보시면 아실듯..
두번째 세번째 이미지는 제가 원하는 것이랑 현제 제가 오류를 범하고 있는 부분을 설명해놓은 것입니다.
위 링크 사이트는 비스듬이 나오면서 아래쪽엔 직선으로 곧게 나오는데,
이 비스듬하게 생긴 이미지를 어떻게 처리해야 되죠? 처음으로 메인을 좀 다르게 하자마자 막히네요.
댓글 전체
코딩하실때요..
아래 떨어지는 사각형보다 큰 비스듬한 이미지만 잘라서 만들어보세요..
---: --
| | : /
이런식으로 테이블을 자른다고 해야하나... 삼각형식으로 자르시고 늘어남없이 위쪽에 고정배경으로 넣으시면 문제 없을 것 같습니다.
아래 떨어지는 사각형보다 큰 비스듬한 이미지만 잘라서 만들어보세요..
---: --
| | : /
이런식으로 테이블을 자른다고 해야하나... 삼각형식으로 자르시고 늘어남없이 위쪽에 고정배경으로 넣으시면 문제 없을 것 같습니다.
테이블은 그런식으로 잘라봤는데, 잘안되더라고요.
배경고정하는 법이 있나보군요.
팁 고맙습니다.
배경고정하는 법이 있나보군요.
팁 고맙습니다.
배경고정 style 입니다
style="background-image:url('이미지경로'); background-repeat:repeat-x; background-attachment:fixed; background-position:0px 0px;"
repeat-x 가로반복
repeat-y 세로반복
no-repeat 반복안함
0px 0px - top, left 0픽셀 위치부터 시작
-> top left, 또는 center bottom 이런식으로도 됩니다.;
style="background-image:url('이미지경로'); background-repeat:repeat-x; background-attachment:fixed; background-position:0px 0px;"
repeat-x 가로반복
repeat-y 세로반복
no-repeat 반복안함
0px 0px - top, left 0픽셀 위치부터 시작
-> top left, 또는 center bottom 이런식으로도 됩니다.;