애니메이션
칼럼 

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

아이콘 메우 | 댓글: 12 개 | 조회: 9728 | 추천: 30 |

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

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

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

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

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

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

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



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

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

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

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

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

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


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


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

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

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

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

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

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

  • 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 정렬 기능이 있는 텍스트 에디터가 좋습니다.
    아래 그림을 클릭해서 비교해보세요.

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

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



    Lv89 메우

    메뉴 인장보기 EXP 76%

    코멘트

    새로고침
    새로고침
    애니메이션
    칼럼 
    1 2 3 4 5