미궁게임 더라비린스
시누미 미궁 제작팁 2020-12-10 23:53:20

최종수정 2020-12-11 00:01:03

 

미궁에 배경화면을 넣는 방법!

미궁 만드실 때 눈에 보이는 기능으로는 배경 색을 설정하는 것 밖에 없는데...


색 대신 배경화면을 넣는 방법이 궁금하신 분들이 많이 있으실 것 같아요! (이미 아시는 분은...^^)






사실 제가 열심히 편집하고 글을 쓰는 것도 좋겠지만


제가 참고했던 사이트에 너무나 정리가 잘되어있어서 공유하고자 합니다.


http://webberstudy.com/html-css/css-1/background/


배경화면을 넣고도, 옵션들을 설정하는 방법이 잘 정리되어있어요. (ex. 스크롤을 내릴때 배경이 따라 내려오는가, 배경이 바둑판식으로 반복되기, 반복 안되기 등...)









그래서 제가 쓰기위해 세팅해놓은 스크립트를 공유합니다.


<style>body {background-image: url("이미지 주소");background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;background-attachment : fixed;

}</style>


링크에 들어가셔서 다 읽기 귀찮으시면 이걸 그냥 복사해서 쓰셔도 될 것 같아요!

















그런데.....


이미지 주소엔 뭐가 들어가야 하는가!


원하는 이미지를 배경으로 설정하기 위해서는 '이미지 주소' 라는 걸 생성해야합니다.




제가 가오나시 이미지를 배경으로 넣고싶다고 해봅시다.



 

미궁제작 페이지에서 별개로 미궁하나를 임시로 생성해줍시다. 영원히 미공개로 남을 미궁입니다.













 


문제만들기를 누른 뒤 가지고 있는 가오나시 이미지를 넣읍시다. 이제 거의 다 왔습니다.


그런 뒤 그냥 저장을 눌러 줍시다.



그 이후에, '테스트하기' 버튼 또는 제작페이지에서 '미리보기'버튼을 클릭하면, 미궁을 푸는것과 같은 화면이 뜹니다.






















 


여기에 아까 넣은 이미지가 있을텐데요, 그냥 이미지 주소복사를 누른 뒤,


아까 드린 스크립트에 붙여넣으면 끝입니다^^












아, 맞다.


배경이 어두운 계열의 이미지라면, 미궁 제목이나 메뉴부분의 글씨가 잘 안보일 수 있어요.


이럴 때 쓰는 팁이 있습니다.




 







배경화면을 이미 삽입한 상태지만, 배경색을 까만색으로 지정해주세요.


그럼 제작화면에선 까만색이 덮이며 배경화면이 보이지 않게 됩니다. 겁먹지마세요!


이대로 저장을 누르거나 미리보기를 클릭하면 배경화면은 원래대로 잘 보이며,


제목과 메뉴의 글씨가 하얀색으로 바뀌어서 처음과 달리 잘보이게 된답니다! (운영자님께 받은 꿀팁입니다..^^)















설명이 이해가 되셨을지 모르겠어요ㅠㅠ 두서가 없고 설명도 잘 못해서ㅠㅠ


이해가 안되는 점이나 더 좋은 방법이 있다면 댓글로 공유해주세요. 





다음번에 또 다른 팁으로 돌아오겠습니다! ^^


그리고 저도 얻고싶은 정보가 너무 많아요. 다들 방구석에 꿍쳐두지 말고 공유 부탁드려요 상부상조합시다...ㅎ

댓글

Hyeyoon 2020-12-11 00:02 _
0
시누미! 시누미! 시누미!
SSaL 2020-12-11 00:20 _
0
스크립트 사용법 전혀 모르는 저 같은 초보 제작자분들의 미궁을 더 화려하게 해줄 팁이네요.
잘 보았습니다 감사합니다.
시누미 2020-12-11 00:33 _
0
제가 존경하는 제작자분이 이런 댓글을 달아주시다니 황송할 따름입니다ㅠㅠ
룰룰룰루님 미궁에서 영감을 얻거나 배운점이 참 많았습니다.
qkfkdmr 2020-12-11 18:21 _
0
배경 제작완료
네잎클로버 2021-01-15 22:36 _
0
헉... 감사합니다..
아트로 2021-12-03 17:46 _
0
링크가 안들어가져요ㅠㅠ 그리고 복사해서 써도 안되는데 왜 안될까요?ㅜㅜㅜㅜ
제목 작성자 작성일자 추천
[공지사항] [필독]미궁게임을 즐기는 방법(처음 오신분들은 꼭 한번 읽어주세요) (16)

푸엘라 2019-09-27 21:52:48 | 추천 20

푸엘라 2019-09-27 20
[공지사항] [중요] 더라비린스 저작물에 대한 허가되지않은 외부유출을 금지합니다. (10)

푸에르 2024-11-19 15:36:49 | 추천 22

푸에르 2024-11-19 22
[공지사항] 🔥도전과제가 생겼습니다. (14)

푸엘라 2025-07-02 23:58:57 | 추천 15

푸엘라 2025-07-02 15
[공지사항] [조치완료] 모바일앱 오류사항(안드로이드 화면표시/아이폰 카카오로그인) (0)

푸엘라 2025-07-04 15:04:04 | 추천 8

푸엘라 2025-07-04 8
[미궁 추천・후기] 처음으로 쓰는 미궁 추천글 (4)

꼬렛 2025-07-11 18:49:06 | 추천 1

꼬렛 18:49:06 1
[건의] 어플 캡쳐 관련 문의 (1)

이비에 2025-07-11 13:10:27 | 추천 0

이비에 13:10:27 0
[개굴닌자와 함께 떠나는 연상퀴즈] 8번 문제 혼동요소 수정 (0)

홍수몬 2025-07-10 17:13:22 | 추천 1

홍수몬 2025-07-10 1
[건의] 안녕하세요! (2)

nm 2025-07-10 10:16:37 | 추천 0

nm 2025-07-10 0
[Odd Dining] 인증미궁 감사합니다! (0)

아무 2025-07-10 01:25:38 | 추천 7

아무 2025-07-10 7
[의식의흐름2] 난이도 완화 안내 (0)

홍수몬 2025-07-10 00:42:49 | 추천 0

홍수몬 2025-07-10 0
[The Riddle Everlasting] TRE D2에서 막혀있습니다... (2)

한보람 2025-07-09 16:16:57 | 추천 0

한보람 2025-07-09 0
[선물] c6-1 질문이요 ㅜㅜ (2)

gaon21 2025-07-09 00:26:22 | 추천 0

gaon21 2025-07-09 0
[건의] 안녕하세요. 말씀 드릴 것이 있어서 글 남깁니다. (3)

SYL 2025-07-08 21:34:50 | 추천 0

SYL 2025-07-08 0
[어이없는 넌센스] 몰으겟어오 (2)

nm 2025-07-07 22:11:48 | 추천 0

nm 2025-07-07 0
[건의] 한가지 건의드리고자 합니다. (1)

테루선생 2025-07-07 16:29:29 | 추천 0

테루선생 2025-07-07 0
[SCREEN TIME] 헤헤 입구컷 (2)

nm 2025-07-07 13:35:49 | 추천 0

nm 2025-07-07 0
[건의] 앱 이미지 로딩에 버그가 있네요.. (1)

베리스타 2025-07-05 21:16:48 | 추천 0

베리스타 2025-07-05 0
[?를 맞혀라!] 1 (2)

뒤퍽이 2025-07-05 20:25:08 | 추천 0

뒤퍽이 2025-07-05 0
[SIMPLE CROSSWORD] [공지] 인증미궁 감사합니다. (2)

Darams 2025-07-05 07:26:04 | 추천 5

Darams 2025-07-05 5
[공지사항] [조치완료] 모바일앱 오류사항(안드로이드 화면표시/아이폰 카카오로그인) (0)

푸엘라 2025-07-04 15:04:04 | 추천 8

푸엘라 2025-07-04 8
[건의] 앱 업데이트 관련 (5)

이비에 2025-07-04 00:15:27 | 추천 0

이비에 2025-07-04 0
[건의] 앱 관련 질문 (2)

EtOH 2025-07-03 22:10:55 | 추천 0

EtOH 2025-07-03 0
[건의] 앱 관련 문의 드립니다. (3)

뀨잉뀨 2025-07-03 19:49:58 | 추천 0

뀨잉뀨 2025-07-03 0
[Home] 이건 대체 어떻게 풀죠? (0)

꼬렛 2025-07-03 16:18:27 | 추천 0

꼬렛 2025-07-03 0

10분마다 갱신됩니다.