우리 독방 스케줄덬의 스케줄글이 너무 예뻐서 도움이 되었으면 좋겠다는 마음에 스케줄 html을 쉽게 편집할 수 있는 사이트를 만들어 배포합니다

제미나이.....클로드... 너네 없었으면 나는 이걸 1,2주 짜다가 때려치웠겠지

 

 

사이트 주소 (pc전용)

https://mirr1308.github.io/utils/schedule/     

 

 

 

기능

 

 

 

사용법은 도움말페이지를 참조해주세요

 

핵심기능

 

- 자동 줄확장/칸분할
https://img.theqoo.net/DEwjOb

 

- 부분편집/나만의 커스텀 툴바 (이미지 엑박 뜨는 이유는 내가 더쿠 이미지주소로 써서 그럼. 더쿠안에서 쓰거나, 외부 이미지링크 따오면 문제없음)

https://img.theqoo.net/IfbOeI

- 달력 자동 변환
https://img.theqoo.net/jpRwWE

 

 

html 초심자들도 물론 아주 쉽게 스케줄표를 만들수 있지만! html이랑 css를 알면 알수록 더 예쁘게 꾸밀수 있기 때문에 이 사이트를 만들어 바칩니다 아카이빙은 소중하니까요

 

 

+분석기 한번 넣어보고 샘플코드 뽑은건 내가 원하는 디자인이 맞는지 한번 확인한 후 계속 써주기, 그리고 샘플코드가 원하는대로 안나오는 경우 디자인을 간결하게 수정해서 넣어주세요

+사용법 페이지에 내 개발의도 때려넣었으니 최대한 다기능을 써봤으면 좋겠다....특히 스케줄을 매번 1일부터 31일까지 수정하는거 아니니까 부분편집복사기능 참 렉 안먹고 좋은데 써봤으면

 

 

그리고 팁 한가지 더 

스케줄에 달력 요즘 많이 쓰고 있는걸로 알고있는데, 달력표에 <table id="user_content_calendar">.... 여튼 user_content_넣고 뒤에 아무거나 해서 table에 id값 넣은 다음, 스케줄은 1일자 td가 <td style="~~~" id="user_content_day1">1<br><span>수</span></td> 이런식으로 다들 쓰잖어 이걸 <td style="~~~" id="user_content_day1"><a href="#user_content-calendar" style="text-decoration:none;color:~~">1<br><span>수</span></a></td> 이런식으로 a태그 추가해서 샘플코드에 넣고 다시 돌린다음 줄 확장하면 일괄적으로 캘린더로 가는 하이퍼링크 생긴다?
이거 쓰면 달력에서 날짜누르면 날짜칸으로, 날짜칸 다시 누르면 달력으로 올라갈수 있음 왔다갔다 위아래로 왔다갔다

글자랑 가깝기로는 p태그>a태그>span태그 순이라서 a 태그 쓰면 p태그는 무조건 글자색 배경색 등등 스타일 날아가기때문에 a태그쓰면 a태그 style안에 컬러 넣거나 span태그로 감싸서 color 넣어줘야함! *text-decoration:none;는 하이퍼링크 특유의 밑줄제거 

 

 

 

그럼 잘 써주세요

 

 

업데이트 내역

-다크모드 적용 완