꿀Tip

https://custom-cursor.com/en Custom Cursor Custom Cursor is a browser extension that lets you change your cursor to a custom one from our giant cursor collection to choose from or upload your own cursors custom-cursor.com 위 사이트는 Custom Cursor라는 마우스 포인터를 바꿀 수 있는 사이트입니다. custom cursor를 설치하여 chrome에 추가해줍니다. 검색창에 원하는 키워를 검색하여 마음에 드는 것을 선택하여 ADD 클릭 후 VIEW를 선택해줍니다. 저는 이걸 추가해볼게요. ADD와 그옆에 윈도우 버튼을 클릭하면 ..

디자인은 템플릿 사용 - adminLTE2 https://github.com/ColorlibHQ/AdminLTE/releases Releases · ColorlibHQ/AdminLTE AdminLTE - Free admin dashboard template based on Bootstrap 5 - ColorlibHQ/AdminLTE github.com 위 주소에서 source code(zip)을 다운받아준 후 resources안에 폴더의 파일을 전부 리소스에 넣으면됨 include (view page)폴더 복사 후 views에 붙여넣기 header와 footer는 하나의 파일을 반토막 낸거임 home.jsp https://adminlte.io/themes/AdminLTE/index2.html - admi..

https://prup.tistory.com/14 css를 이용해 페이지 전체넓이 축소와 가운데 정렬하는 방법 오늘은 홈페이지의 페이지 전체 넓이와 가운데 정렬하는 방법을 알아보려고 합니다. 홈페이지를 만들었는데 화면에 너무 꽉차서 부담스러운경우 하나하나 수정하기도 힘들고 놓칠 수 있는데 prup.tistory.com https://ssimplay.tistory.com/379 [개발자 도구] 브라우저 크기 확인하기 안녕하세요. 플입니다. 오늘은 브라우저 크기를 확인해볼 거예요. 1. F12 브라우저를 킨 상태에서 F12키를 눌러주세요. 아니면 마우스 오른쪽 클릭을 해서 가장 마지막 메뉴 검사를 선택해주세요. ssimplay.tistory.com https://bxslider.com/examples/man..

까묵지 않게 기록! const coords ={x:0, y:0}; const circles = document.querySelectorAll(".circle"); const colors=[ "#aaffee", "#a0f2e4", "#96e6d9", "#8cd9cf", "#83cdc4", "#7ac0ba", "#71b4af", "#68a8a5", "#5f9d9a", "#579190", "#4f8585", "#477a7b" ]; circles.forEach(function (circle, index) { circle.x=0; circle.y=0; circle.style.backgroundColor = colors[index % colors.length]; }); window.addEventListener("..

글 쓰다 보니 목록 버튼이 없어서 은근 불편하다. 목록 버튼을 직접 만들어야겠다! 티스토리 관리자 ➡️ 스킨 편집 ➡️ HTML편집 에서 를 검색 수정 삭제 // 이곳에 추가 주석 처리한 곳에 수정 삭제 목록 추가한 주소를 넣어줬다. 글 목록 주소는 해당하는 글 목록에서 url 복붙했음 그리고 적용 후 확인 목록 버튼이 생겼다! 버튼을 눌러보니 잘 작동함! 짱쉬운 목록 버튼 만들기~