엠원리액트에 해당하는 글 5

  1. 엠원리액트 댓글에 프로필사진 보이게 하기2022.05.02
    수성비전자방입니다. 티스토리 스킨 중 '엠원리액트'라는 스킨이 있습니다. 지금 수성비전자방 스킨도 엠원리액트 기반입니다. 엠원리액트 스킨에는 단점이 있는데, 그것은 바로 댓글을 단 사람의 프로필사진이 보이지 않는다는 것입니다. 제가 단 댓글인데 제 프로필사진이 보이지 않습니다. 오늘은 엠원리액트 스킨에서 댓글 프로필사진이 보이게 수정해 보겠습니다. 1. index.html에서 주석 코멘트 리스트 s를 찾습니다.(Ctrl+F를 이용하면 편하겠죠?) 2. 이 있을텐데 과 사이에 아래 소스코드를 추가해 줍니다. (alt 태그 내용은 임의로 작성하셔도 됩니다.) 3. style.css에서 주석 댓글 보기를 찾습니다. 4. 아래 소스코드를 추가합니다. .comment_in img {width: 64..
  2. [수성비전자방 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 태그 위에 있습니다.)을..
  3. [수성비전자방 2022 스킨 수정기록]3. 글 목록(본문 미리보기), 본문2022.03.09
    수성비전자방입니다. '수성비전자방 2022 스킨 수정기록' 3번째 글입니다. 제 발가락 부상으로 인해 시리즈 연재가 한동안 중단되었었는데, 이제 연재를 재개하겠습니다. 오늘은 글 목록과 본문 서식을 수정해 보겠습니다. 목차 1. 엠원리액트 사이드바, 메뉴바 수정 2. 헤더, 댓글, 방명록, 이웃 및 구독 3. 글 목록(본문 미리보기), 본문(현재 글) 3.1. 글 목록(대표이미지, 본문 미리보기) 3.2. 페이징 단추 크기 키우기 3.3. 본문 서식 3.4. 글 마무리 3.5. 참고 자료 4. description 삭제 및 스킨 적용(2022. 03. 12. 업로드 예정) 3.1. 글 목록(본문 미리보기) 3.1.1. index.html의 주석 중에서 검색결과, 카테고리 클릭시 나오는 페이..
  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/71 에 접속합니다. 2. 스크롤을 내리다 보면 첨부파일이 있습니다...