먼저 메인 화면입니다!
왼쪽 Web.html 파일은 카운터를 나타내 주는 파일(숫자만 표시합니다.)이며
오른쪽 Image.html 파일은 이미지만(Gif)을 표시해 주는 파일입니다.
지난번에 배치가 힘들다고 하셔서 따로따로 적용해 뒀는데.. 확인 안하셧나 봅니다 :(
다음으로 옵션 설정입니다.
첫 번째 버튼 "CSS 파일 열기"는 두로님이 카운터의 Html 파일의 스타일을 직접 수정하실 수 있도록 파일을 열어줍니다.
기본적으로 카운터는 "counter"라는 id를 가지고 있으니.. CSS 안에선 #counter 로 수정하시면 될 것 같습니다.
기본적으론 아래와 같은 CSS가 적용되어 있습니다.
#count{font-family:맑은고딕;color:#000000;text-align: center; text-shadow: 0.1em 0.1em 0.2em black;} |
font-family 는 폰트, color는 색상, text-align은 텍스트 배치(중앙) 을 의미하고
text-shadow 부분은 두로님께서 적용하고 싶으시다고 하셧던, "글자 그림자" 입니다.
이외에도 적용하고 싶으신 모양이 있다면, 구글링을 하시거나, 직접 질문해 주시면 찾아 보도록 하겟습니다.
두 번째 줄은 "포켓몬" 선택과 "이로치 옵션" 선택입니다.
왼쪽 박스 안에서 잡고 싶으신 포켓몬을 "한글이름"으로 검색하실 수 있습니다. (방송에서 보내드린 gif파일을 영어로 일일히 찾고계실줄은...)
"이로치 옵션"은 말그대로 체크하면 이미지 부분이 이로치로 바뀌어 나옵니다.
세 번째 줄은 카운터를 + / - (증/감) 할 수 있는 키를 설정하는 부분입니다.
버튼 누르시고, 원하는 키를 누르시면 됩니다.
혹여 다른 질문이 있다면 알려주세요 :D
댓글 2개 ▼