기타/Tistory8 [Tistory] hELLO. 스킨 컨텐츠 내의 a 태그 수정 새 테마의 a 링크들의 핑크색이 맘에 안들었다 CSS로 들어가 #f0506e 들을 전부 #FA8258 로 바꿔주었다 또 마우스를 올렸을 때 링크란 걸 확실하게 티를 내고 싶었다 1. 무지개색 효과 a:hover, a:focus { animation-duration: 2s; animation-name: rainbowLink; animation-iteration-count: infinite; } @keyframes rainbowLink { 0% { color: #2a89ff; } 15% { color: #202082; } 30% { color: #e82aff; } 45% { color: #ff2a2a; } 58% { color: #ff7a2a; } 70% { color: #ffc52a; } 85% { col.. 2021. 3. 19. [Tistory] 접은글 테스트 참고자료 blog.siyeol.com/50 [기능] 티스토리 접은 글 텍스트 변경하기 접은 글 텍스트 변경 티스토리 블로그를 이용하면 서 접은 글 기능을 이용하는 경우가 가끔 있는데 접은 글이 본문에서 ...더보기와 접기로 밖에 나타낼 수 없다는 점을 파악하고 해당 텍스트를 blog.siyeol.com 접은글1 더보기 111111111111111 11111111111111 11111111111111 접은글2 더보기 2222222222222 22222222222222 22222222222222 HTML 수정 ver 접은글1-수정 더보기 1111111111 111111111 11111111111 접은글2-수정 더보기 2222222222222 2222222222222 2222222222222 이상하게 내가 누.. 2021. 1. 27. [Tistory] 위로/아래로 가기 버튼 만들기 코드는 검색하니 많길래 긁어왔고, 아이콘도 검색해서 나온거 색만 좀 바꿔주었다 그리고 스킨편집 > HTML로 들어가 위에 아래 코드를 써주자 각 img 태그에 본인이 저장한 사진의 이름을 넣자 아이콘의 위치는 a태그의 bottom과 right로, 크기는 img의 width와 height로 조절하면 된다 그리고 위에서/아래서 100 위치일 때 까진 안보이다가 페이드인 시키는데, 이 위치도 scrollTop, scrollBottom 옆의 숫자를 조절할 수 있다 원하는대로 잘 적용됐다 끝 2021. 1. 11. [Tistory] 페이지 내 원하는 지점 이동 (HTML) 사실 Tistory글이라기 보단 HTML 글이긴 하다 글 쓰고 HTML모드로 들어가 a태그로 수정해주면 된다 링크를 넣을 곳 밑으로 이동 이동시킬 곳 밑 여기서 q는 내가 임의로 넣은 부분이니 필요할 때 필요한 이름으로 넣어서 사용하자 밑으로 이동 밑 다시 위로 참조한 글 2021. 1. 6. [Tistory] 글 수정 단축키 등록 www.mvapple.com/235 티스토리 본문 수정 단축키 # 일부 상황에서는 적용되지 않는 팁입니다. # 이런 방법도 있다라고 알아주시길.. 티스토리의 경우 기본적으로 일부 단축키를 지원합니다. 이외에도 스킨을 통해 추가 단축키를 지원하기도 하 www.mvapple.com 2021. 1. 4. [Tistory] 사이드바 커스터마이징 2021.03.17 스킨 변경함! 현재 변경한 사이드바 커스터마이징은 디지털뱃지밖에 없음 (파일 사이즈는 60x60으로 함) 얘를 와 사이에 넣어주었다 CSS엔 아래만 추가해 줌 #badge { margin-bottom: 10px; } ==옛날꺼== 사용하는 테마의 사이드바가 원래도 이뻤지만, 몇가지를 고치고 싶었다 1. 블로그 이름 위에 내 아이콘 보이기 2. 방문자 수와 검색창을 위로 올리기 3. 최근 댓글 등의 메뉴들 없애기 4. 내 디지털 뱃지 자랑하기 1. 블로그 이름 위에 내 아이콘 보이기 먼저 파일업로드 탭으로 가서 원하는 사진을 등록해준다 다시 HTML 탭으로 돌아와, s_t3의 id가 sidebar인 div를 찾는다 class가 blank인 div 아래에 다음 코드를 적는다 haejang.. 2021. 1. 4. [Tistory] 코드블럭 테마 정보 + 적용 + 커스터마이징 주의!! 티스토리 플러그인에서 를 꼭 해제해놔야 한다 highlightjs.org/static/demo/ highlight.js demo highlightjs.org 먼저 여기서 본인의 마음에 드는 테마를 골라 기억해둔다 나는 Tomorrow Night Eighties를 사용하고 있다 링크를 사용하는 방법도 있지만, 난 잘 적용이 안됐어서 직접 다운받는 방법을 사용했다 여기서 내가 골라둔 테마를 찾아 티스토리에 업로드해준다 관리자 모드 > 꾸미기 > 스킨 편집 > html 편집 > 파일 업로드 로 들어가서 하단의 추가 버튼을 통해 업로드 해준다 난 여러 테마를 직접 써보려고 많이 올려놨었다 그리고 HTML로 돌아가 위에 아래 코드를 추가해준다 첫번째줄의 tomorrow-night-eighties를 본인이.. 2021. 1. 4. [Tistory] 테마 정보 + 적용하는 법 테마 정보 Square - Wallel 가장 기본이 되는 2단 스킨에 불필요한 기능은 제거하여 더 가볍게 제작했습니다. ※ 티스토리 반응형웹 스킨 공모전 대상 수상 ※ 티스토리 스킨 구매는 회원가입 후 가능합니다. wallel.com 티스토리 테마 적용 티스토리 스킨 설치방법 - Wallel 스킨 메뉴에서 바로 적용하는게 아닌, 다운받은 티스토리 스킨 파일의 설치방법이다. 스킨을 처음 설치하거나, 설치한 스킨이 제대로 작동하지 않는다면 아래 step을 천천히 따라해볼 것. step 1 - wallel.com 2021.03.17 hello 테마로 변경 : pronist.tistory.com/5 hELLO. 티스토리 스킨을 소개합니다. hELLO. hELLO 스킨은 본래 기능의 많이 없었다가, 최근 반응이 .. 2021. 1. 4. 이전 1 다음
