[HTML] 클릭시 효과음 넣기
2021. 5. 21. 00:32
1. 스킨 편집 들어간 후 html 편집 들어가기
html편집하기에서 <head> 아래 소스 복사해서 넣기
<!-- sound -->
<div onclick="play()">
<audio id='audio_play' src='./사운드 파일주소.mp3'>
</audio>
<script type="text/javascript">
function play() {
var audio = document.getElementById('audio_play');
if (audio.paused) {
audio.play();
}else{
audio.pause();
audio.currentTime = 0
}
}
</script>
2. 마우스 클릭 효과음 다운로드 http://itthe.net/15
3. 클릭 효과음 다운받고 적용하면 약간 소리가 짤리더라구요
그래서 제가 편집한게 있긴 한데 3개중에 어떤건지 기억이 안나서
3개 다 올립니다! 하나씩 적용해보시고 소리 제일 안짤리는걸로 사용해주시면 될것같아요
스킨 변경 클릭
스킨 등록 클릭
압축 해제 한 폴더 -
열기를 누르면 images 파일이 우선 추가됩니다.
그리고 다시 추가를 눌러 압축해제 한 폴더에서 나머지(images제외) 있는 파일을
모든 파일이 추가 되었으면 하단 저장을 눌러주세요
스킨명을 입력한 후 - 확인
상단 스킨보관함 클릭
방금 업로드한 스킨 마우스를 올린 후 적용을 누르면 끝!
스킨 파일 다운로드 - 압축 해제 후 기본 파일
* 파일 선택창에서 위 이미지와 같이
* images에 있는 파일 따로, 그 밖에 있는 파일 따로
* 스킨편집하기창에서 목록 구성 요소를 모두
* 스킨편집 - 최신글 - 홈 화면 글 수
- 스킨편집하기 - 상단 html 편집 클릭
- 파일업로드 - 추가 선택 후
그리고 그냥 화살표 눌러주시면 됩니다!
티스토리 - 블로그 설정 - 꾸미기 - 모바일 선택
상단 티스토리 모바일 웹 자동연결을 사용하지 않습니다 로 설정해주세요
주소 끝에 /m/이 붙어있으면 스킨이 적용되지 않습니다
블로그 설정 - 카테고리 관리
하단 카테고리 설정 - 카테고리별 글 수, 카테고리에 새 글 발행 여부
1.
더보기 글 작성 후 좌측 상단 기본모드 - HTML 모드로 변경
더보기, 닫기 부분에 넣고 싶은 텍스트로 변경