가장한 달력 모듈을 달았다.

참고 :: 티스토리에 깃허브처럼 잔디 깔기! | 블로그에 잔디 까는 방법

이러다 언제 또 블로그를 등한시하며 살지 모르는데 과연 저게 이 블로그에 필요한 것인가? -물론 아니지.
당연히 불필요하지만 언제나 그랬듯이 된다길래 해봤다.

저 글 그대로 적용했을 때 그대로 반영됐다면 얼마나 좋았겠냐만은-

마우스오버 시 보이는 숫자 1

1을 삭제하면 셀 모양이 망가지고 그냥 두자니 마우스 오버 때마다 숫자 1이 계속 보이는 게, 결론은 공백 처리였다.

<script>
.
.
// 날짜가 두자릿수인 경우 모양이 깨져서 1 << 대신 공백처리
    passed[i].innerText=\u00a0;
}
// 아직 포스팅 하지 않은 날짜에도 모양을 주기 위해 <a> 삽입 후 1 << 대신 공백으로
    document.getElementsByClassName('cal_day')[i].innerHTML="<a>&nbsp;</a>";
.
.
</script>

23.01.13 추가)
포스팅 하지 않은 날짜 셀에 마우스 오버 시 커서가 텍스트 모양으로 바뀌지 않고 화살표 모양 그대로 유지되도록-

/* style.css */

.calendar .tt-calendar .cal_day{cursor:default;}

직사각형의 셀을 정사각형으로

수정 전

/* style.css */

/* 각 셀의 높이 */
.calendar .tt-calendar td {font-size:0.9em;}

/* 각 셀의 너비 */
.calendar .tt-calendar .cal_click {display:inline-block; padding:2px 13px; border-radius:2px;}
.calendar .tt-calendar td a {display:inline-block; padding:2px 13px; background:#e3d9cc; border-radius:2px;}

수정 후

그 외, 잔디 색 등을 수정했고..
적어도 일주일에 3번 이상 포스팅하는 블로그에 어울리는 스크립트라고 생각하지만 일단 귀여우니까 용서하기로 사이드바 하단에 두기로 한다.

'조각들' 카테고리의 다른 글

별점의 span처리 등..  (0) 2022.12.27
블로그 내 태그 검색 추가  (0) 2022.09.26
티스토리 측에서 자꾸 뭘 만지고  (0) 2022.09.12
html Audio/Video tag  (1) 2022.08.11
마음폴짝홀 여름맞이 이석원 작가 특강  (1) 2022.07.24
Recommended by Kim Hye-soo  (0) 2022.06.20