본문 바로가기

Web/Tistory4

[HTML] 티스토리 사이드바에 프로필 넣기 제 블로그에는 프로필 란이 있는데요, 이미지를 넣고 싶어서 직접 만들었습니다. 이 부분의 코드를 공유합니다. 티스토리 블로그 관리 > 스킨 편집 > html 편집에서 ctrl+F로 를 찾아줍니다. ID 자기소개를 넣어주세요. 제목1 내용1 제목1 내용1 제목1 내용1 해당 부분에 위 코드를 붙여넣기 해주세요. 부분에는 블로그 프로필 사진이 들어가는데, 다른 사진을 넣고 싶다면 '해당 이미지 주소' 로 대체해주시면 됩니다. 도 기본적으로 아이디가 들어가는데 이름이나 등등으로 대체할 수 있습니다. 자유롭게 수정해서 사용해주세요! 2021. 2. 27.
[CSS] 스크롤바 커스텀하기 스크롤바 커스텀을 적용하고 싶은 CSS에 아래를 추가해주면 된다. ::-webkit-scrollbar { //width: 스크롤바 너비; } ::-webkit-scrollbar-track { //스크롤 영역 스타일 } ::-webkit-scrollbar-thumb { //스크롤 막대 스타일 } 예시 | ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #eeeeee; } ::-webkit-scrollbar-thumb { background: linear-gradient(#c2e59c, #64b3f4); } 이런 식으로 그라디언트를 넣어줄 수도 있다. ::-webkit-scrollbar { width: 10px; } :.. 2020. 8. 5.
[JS] 티스토리 달력 위젯 만들기 티스토리 사이드바에 무엇을 넣으면 좋을까 하다가, 간단한 달력이 있으면 좋을 것 같아서 만들어 보았다. Date를 이용해 월별 달력 배열 만들기 | let today = new Date(); let final = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; if (today.getFullYear() % 4 == 0 && (today.getFullYear() % 100 != 0 || today.getFullYear() % 400 == 0)) { final = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; } function prev() { today = new Date(today.getFullYear(), today.g.. 2020. 5. 14.
[CSS] 티스토리 스킨 커서 바꾸기 https://www.cursor.cc/ 등의 사이트에서 원하는 커서를 커스터마이징하거나, 다운받아 .cur 파일로 준비한다. 스킨 편집 화면에서 파일 올리기에 들어가 원하는 cur 파일을 추가해준다. CSS 편집 화면에 들어가 html, body {} 안에 cursor:url(images/파일명.cur), auto; 를 넣어준다. 2020. 5. 7.

티스토리툴바