인벤 애니메이션 소모임

인증글

모바일 상단 메뉴

본문 페이지

[칼럼] 자주 물으시는 질문 #2 : 움직이는 배경, 안뜨는 이미지 문제, style 속성

아이콘 메우
댓글: 12 개
조회: 14118
추천: 33
2016-11-07 22:47:32

보내주시는 질문 중 대부분은 아래의 '대부분의 문제의 해결방법'을 지키신다면 해결되는 문제가 많습니다.
아래의 내용을 지키고 계신지 확인해주세요!

대부분의 문제의 해결 방법
  1. 인장 작업을 진행하기 전, 작업 전의 인장 html을 반드시 백업해주세요.

    "반드시"라고 할 만큼 중요합니다.

  2. 인장 작업은 인벤토리에서 직접하지 마시고, 메모장 등 텍스트 에디터에서 해주세요.

    간단한 인장은 상관 없지만, 복잡한 구조의 인장은 에디터에서 작업 시 깨질 수 있습니다.

  3. html 편집 후에는 html 모드를 해제하지 마시고, 바로 저장하기를 눌러주세요.

    에디터에서 자동 조정되는 내용이 있습니다. html 그대로 보존하시려면 바로 저장하기를 눌러주세요.



원하는 답변을 얻어내는 질문 방법
  1. 무엇을 원하는지 명확히 표현해주세요.

    "잘 안되네요.", "뭔지 모르겠어요" 등의 질문은 무엇을 원하고 질문하시는지 알기 어렵습니다.

    예) (이미지 주소와 함께) 이 이미지를 인장 전체의 배경으로 쓰고 싶어요.

  2. 무엇을 시도했는지, 결과가 어땠는지 알려주세요.

    올바른 답변을 해드릴 수 있는 중요한 내용이에요.

    예) (코드와 함께) 이 코드를 제 인장에 적용했는데, 배경 사진이 인장보다 커서 잘리네요. 배경 사진을 인장 크기에 딱 맞추는 방법이 있나요?


위 방법대로 질문해주시면 저에게서 금방 원하시는 답변을 받으실 수 있어요!
그렇다고 해서 위 방법대로 하지 않으면 안된다! 같은 건 아니니 부담갖지 말아주세요.


  1. 움직이는 배경은 어떻게 만드나요(적용하나요)?

    움직이는 gif를 만드셔서(구하셔서) 배경 이미지로 사용하세요.

    인장에 배경 넣기 ~총정리~(#)를 참고하세요.

  2. 인장에 넣은 이미지가 안떠요!

    이미지 주소가 네이버 블로그, 티스토리 블로그 등(외부 링크를 금지해둔 사이트)의 주소라면 뜨지 않는 것이 정상입니다.

    인벤 이미지 링크 게시판(#)에 업로드해서 사용하세요.

  3. style 속성이 뭐죠?

    <div>같은 태그를 많이 보셨을 거예요. 이런 HTML 태그는 틀을 잡아주는 역할입니다.

    여기에 글자색을 빨갛게, 배경을 분홍색으로~ 같은 꾸미기 요소는 태그의 style 속성으로 부여합니다.

    <div style="color: red; background-color: pink;"> 이런 식으로 태그 이름 옆을 한칸 띄어쓰고 "스타일 이름 : 스타일 값"의 구조로 지정해줍니다.

    만약 제가 "~~~라는 태그의 스타일 속성에 font-size: 24px;을 추가해주세요." 라고 답변을 드렸다면

    <div style="color: red; background-color: pink; font-size: 24px;"> 원래 있던 스타일 값들의 맨 뒤에 이렇게 추가해주세요.

    ;로 구분해주는 것도 잊지 마시구요!

    같은 스타일 이름이 이미 쓰여있다면 스타일 값을 바꾸세요.





html 작업을 하실 때에는 텍스트 에디터 사용을 적극 권장합니다.
특히, html 정렬 기능이 있는 텍스트 에디터가 좋습니다.
아래 그림을 클릭해서 비교해보세요.

◀ 텍스트 에디터의 정렬 기능을 사용한 모습

◀ 우리가 흔히 인장을 편집하려고 하면 보이는 모습



초 인벤인

Lv90 메우

메우메우~

모바일 게시판 하단버튼

댓글

새로고침
새로고침

모바일 게시판 하단버튼

모바일 게시판 리스트

모바일 게시판 하단버튼

글쓰기

모바일 게시판 페이징