티스토리 스킨에 해당하는 글 5

  1. 티스토리 스킨에 로그인 버튼 추가하기(비로그인 시에만 보임)22022.07.16
    수성비전자방입니다. 오늘은 HTML DOM을 이용하여 티스토리 스킨에 로그인 버튼을 추가해 보겠습니다. 로그아웃 버튼은 추가하지 않았으며, 로그인 하지 않은 경우에만 보입니다. 여러분이 원하시는 형태와 이 글에서 설명하는 것이 다를 가능성이 커서 적용 결과부터 보여드리겠습니다. 목차 1. 적용 결과 및 구현 계획 2. 티스토리 스킨에 로그인 버튼을 추가하는 방법 1. 적용 결과 1.1. 티스토리에 로그인 하지 않은 채로 댓글 입력하는 곳에 가면 '티스토리 계정으로 댓글을 다시려면 여기를 클릭하세요.'라는 문구가 나옵니다. 이것을 클릭하면 1.2. 티스토리 로그인 창이 나옵니다. 1.3. 로그인을 완료하면 로그인 전에 보던 페이지로 돌아옵니다. 사실 스크롤은 맨 위로 이동하게 되므로 다시 스..
  2. 티스토리 에디터 제목1~3, 본문1~3은 무엇일까?52022.03.30
    수성비전자방입니다. 티스토리 글을 쓸 때 에디터의 왼쪽 위에서 제목1~3, 본문1~3 중에서 하나를 선택하실 수 있습니다. 글자 크기를 선택하는 것이 아니라 제목1~3, 본문1~3으로 나온 것 중 하나를 고르는 게 어색하신 분들도 있을 것입니다. 어떤 분들은 이것을 잘 이해하지 못해서 잘 활용 못하시는 분도 있더라고요. 오늘 제가 설명해 드리겠습니다. 목차 1. 티스토리 에디터 기본모드 2. 마크다운 3. ★필독★HTML 4. 제대로 활용하려면 스킨의 CSS를 수정해야 합니다. 티스토리 에디터 기본모드에서의 사용법을 알려드리고, 그것들이 마크다운 모드, HTML 모드에서 각각 어떻게 나타나는지 보겠습니다. 마크다운에서 제목1~3을 고르는 방법 또한 2번 문단에서 소개합니다. 1. 티스토리 에디터 기본모드..
  3. [수성비전자방 2022 스킨 수정기록]4. description 삭제 및 스킨 적용2022.03.12
    수성비전자방입니다. 드디어 수성비전자방 2022 스킨 수정기록 시리즈 마지막 화입니다. 오늘 할 내용은 description 삭제 및 스킨 적용입니다. 스킨 적용까지 하고 나면 드디어 그동안의 소스코드 수정의 실체(?)를 보게 되는 것입니다! 목차 1. 엠원리액트 사이드바, 메뉴바 수정 2. 헤더, 댓글, 방명록, 이웃 및 구독 3. 글 목록(본문 미리보기), 본문 4. description 삭제 및 스킨 적용(현재 글) 4.1. description 삭제, 검색 엔진 메타태그 4.2. 스킨 적용 4.3. 글 목록 설정 4.1. description 삭제, 검색 엔진 메타태그 4.1.1. index.html의 head 부분(title 태그와 메타 태그들 모여 있는 부분. body 태그 위에 있습니다.)을..
  4. [수성비전자방 2022 스킨 수정기록]2. 헤더, 댓글, 방명록, 이웃 및 구독2022.01.15
    수성비전자방입니다. '수성비전자방 2022 스킨 수정기록' 2번째 글입니다. 오늘은 엠원리액트 스킨에서 헤더 수정, 댓글과 방명록 부분 수정, 글 하단 이웃 및 구독 버튼을 적용해 보겠습니다. 목차 1. 엠원리액트 사이드바, 메뉴바 수정 2. 헤더, 댓글, 방명록, 이웃 및 구독(현재 글) 2.1. 헤더 및 PC 네비게이션(카테고리1) 수정 2.2. 댓글과 방명록 부분 수정 2.3. 글 하단 이웃 및 구독 버튼 오늘은 거의 다 index.html에서 진행할 것입니다. 이 글에서 설명하는 내용은 전부 다 index.html이라고 생각하시면 됩니다. 2.1. 헤더 및 PC 네비게이션(카테고리1) 수정 제 블로그에서는 이미 삭제된 부분이라서 엠원리액트 블로그를 캡처했습니다. 위 사진에 표시한 부분을 지워 보겠..
  5. [수성비전자방 2022 스킨 수정기록]1. 엠원리액트 사이드바, 메뉴바 수정2022.01.03
    수성비전자방입니다. 2021년 12월 28일 수성비전자방의 스킨이 기존 Flatinum 기반에서 엠원리액트 기반으로 변경되었습니다. 저는 엠원리액트 스킨을 그대로 쓰지 않고 수정을 많이 했어요. 그래서 그 수정 기록을 글로 남겨 보려고 합니다. 엠원리액트 스킨이 자유롭게 수정은 가능하지만, 재배포는 불가능하므로 소스코드 전체를 올려드리지는 않겠습니다. 수정 방법만 이해하실 수 있도록 일부분만 캡처하여 올리겠습니다. 수정한 것이 너무 많다 보니 여러 편으로 나누어 기록합니다. 이 글에서는 엠원리액트를 내려받아 사이드바, 메뉴바를 수정하는 것까지 다루어 보겠습니다. 엠원리액트 내려받기 1. https://m1story.tistory.com/161 에 접속합니다.   2. 스크롤을 내리다 보면 첨부파일..
  6. 찾으시는 글이 없나요? 수성컴전자방으로 글이 이동되었을 수 있습니다.