반응형 문서샘플 team.html

by 디자인솔 posted Feb 11, 2017
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

OUR TEAM1

이미지를 포토삽에서 육각형으로 잘라냈어요. css 처리한것이 아니구요. 그러니까 사각 이미지는 사각으로 출력됩니다. 오해없도록 하세요. ^^

쓰기 공책

둘에 둘은 넷

고양이

뜨거운 여름 볕에 푸른 고양이

호수의 섬

오 신이여 비너스여 도둑떼의 신 머큐리여

안개속에서

기이하여라, 안개 속을 거니는 것은

OUR TEAM2

가로, 세로 160px의 정사각 이미지를 준비하세요. css의 border-radius로 정원이 됩니다. 가로, 세로 160px의 정사각 이미지를 준비하세요. css의 border-radius로 정원이 됩니다.

죽음의 푸가

새벽의 검은 우유 우리는 마신다 저녁에

보리수

아 사랑이 내 머리에 어떤 눈을 심었기에

소네트 148

아 사랑이 내 머리에 어떤 눈을 심었기에

OUR TEAM3

이미지 권장 사이즈 가로 246px, 세로 200px
고대의 예술에 묘사된 네레이데스는 데체로 아름다운 외모를 지닌 젊은 여인들이다. 바다 깊은 곳 동글에 산다고 알려진 이들은 작은 돌고래를 타고 있는 모습으로 나타나거나 물고기나 해마, 또는 바다 괴물과 함께 등장하기도 한다. 때로는 바다의 신 포세이돈의 아들인 트리톤과 함께

죽음의 푸가

호수의 섬

안개속에서

반응형 문서샘플
브라우저 가로 크기를 줄여 문서가 어떻게 반응하는지 확인하세요
파일 sample/team.html
사용법 웹에디터나 메모장에서 내용 수정후 위젯, 문서, 게시판의 에디터에서 소스(html)을 체크하신후 붙여넣기 합니다.
수정 역시 소스(html)을 체크하신 후 붙여넣기로 수정하세요. (xe 에디터에서 수정시 에디터 자체 생성 혹은 삭제하는 태그 때문에 원본과 달라져요)
이미지경로 1. xe/images 인 경우 src="/images/test.jpg"
2. layouts/레이아웃/images 인경우 src="/layouts/레이아웃/images/test.jpg"
참고이미지 sample/psd/team.psd
포토샵에서 가이드 보기 (Ctrl+H)하여 슬라이스 가이드의 가로, 세로 크기를 참고하여 이미지를 작성하세요. 데모 이미지 사용불가

서버에 요청 중입니다. 잠시만 기다려 주십시오...