사이드바에 깃허브처럼 잔디를
- Last Updated
- 조각들
가장한 달력 모듈을 달았다.
참고 :: 티스토리에 깃허브처럼 잔디 깔기! | 블로그에 잔디 까는 방법
이러다 언제 또 블로그를 등한시하며 살지 모르는데 과연 저게 이 블로그에 필요한 것인가? -물론 아니지.
당연히 불필요하지만 언제나 그랬듯이 된다길래 해봤다.
저 글 그대로 적용했을 때 그대로 반영됐다면 얼마나 좋았겠냐만은-
마우스오버 시 보이는 숫자 1
1을 삭제하면 셀 모양이 망가지고 그냥 두자니 마우스 오버 때마다 숫자 1이 계속 보이는 게, 결론은 공백 처리였다.
<script>
.
.
// 날짜가 두자릿수인 경우 모양이 깨져서 1 << 대신 공백처리
passed[i].innerText=\u00a0;
}
// 아직 포스팅 하지 않은 날짜에도 모양을 주기 위해 <a> 삽입 후 1 << 대신 공백으로
document.getElementsByClassName('cal_day')[i].innerHTML="<a> </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 |
---|---|
블로그 내 태그 검색 추가 (1) | 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 |
댓글
이 글 공유하기
다른 글
-
블로그 내 태그 검색 추가
블로그 내 태그 검색 추가
2022.09.26 -
티스토리 측에서 자꾸 뭘 만지고
티스토리 측에서 자꾸 뭘 만지고
2022.09.12 -
html Audio/Video tag
html Audio/Video tag
2022.08.11 -
마음폴짝홀 여름맞이 이석원 작가 특강
마음폴짝홀 여름맞이 이석원 작가 특강
2022.07.24