블로그 모바일 화면 수정 - 메뉴 버튼 내의 아이콘 & 검색결과 @ 떠다니는 SNS 공유 버튼
이곳에 오신 모든 분들 ~ 메리 크리스마스!! 크리스마스날에도 나는 스킨 수정을 하고 있다. -.-; 낮에 휴대폰으로 블로그를 잠시 보고 있노라니 스킨에 바꾸고 싶은 곳들이 몇군데 보인다. 지금처럼 그대로 사용해도 별 문제가 없는 부분이기는 하다. 수정하기에 그리 어려울꺼 같아 보이지 않는다. 천천히 하려다 쇠뿔도 단김에 빼라고.. 바로 실행에 옮겼다. 메뉴 버튼 내의 아이콘 변경 메뉴 버튼은 PC 보다는 모바일 환경의 방문객을 위한 부분이다. 이 메뉴 버튼의 오픈시 상단에는 PC 화면에서 왼쪽 사이드 메뉴의 아이콘들을 모바일 환경에서 볼 수 있도록 하였다. (사진1) 그런데 이 아이콘들이 앞으로 여러개로 늘어날 수도 있고 크기도 너무 작아서 실사용하기에는 불편해 보인다. 그래서 아이콘들의 사이즈를 크게..
블로그 2016. 12. 25. 19:44
블로그 변경 사항 - 모바일 첫화면, 카테고리 썸네일 이미지 크기, 세부 메뉴 구성
블로그 스킨 꾸미기는 이제 더이상 손볼곳이 없을만큼 완벽?하다고 생각했었는데도 계속 고치고 싶은 곳이 생긴다. 이건 심각한 중독성 병이다. 요즘엔 크게 변화된건 없지만.. 세세하게 조금씩 수정했다. 모바일 화면의 첫페이지 수정 이번 스킨 수정 후 가장 눈에 확 띄는 부분은 모바일 화면의 첫페이지이다. PC 화면의 첫페이지를 해놓고 나니 모바일 페이지도 언젠가 다시 손봐야지 생각만 하고 잠시 미뤄두었는데 이번에 다시 수정하였다. 요즘 스킨 수정하면서 가장 유용하게 사용하는건 클래스로 정의해 둔 hidden-xs, hidden-sm 그리고 visible-xs, visible-sm 이다. 아주 단순한 별거 아닌거 같지만 CSS에서 미디어 쿼리를 사용하는것 보다 활용도가 훨씬 크다. 스킨에서 해상도별로 보여주고..
블로그 2016. 12. 20. 18:09
티스토리 게시글 신고 버튼 꾸미기 - 글자 위치 변경 & 아이콘 폰트 추가
티스토리의 게시글 내의 신고 버튼을 꾸미는 방법을 찾아 보았다. 인터넷에 아무리 검색해 보아도 제대로 설명되어 있는 블로그나 글은 거의 없다. 티스토리에서 기본으로 제공되는 신고하기 버튼은 이미지 형태로 되어 있다. 그래서인지 CSS로만 수정하기는 어렵다. 여기서는 글자로 바꾸는 방법과 아이콘 폰트를 추가하는 방법을 간단히 소개하려고 한다. (근데 현재 나의 블로그의 스킨과는 충돌이 생기는지 적용이 되지 않는다. ㅠ.ㅠ 다른 스킨에 적용하면 바로 되던데;;) 1 신고 버튼 꾸미기 1 먼저 간단히 신고 버튼의 이미지를 아래와 같이 '## 신고할꺼야' 로 바꾸어 보았다. 아래의 문구를 스킨의 HTML 에 작성한다. 그럼 신고 버튼의 이미지는 변경한 글자로 변경되어 있을것이다. 2 신고 버튼 꾸미기 2 그리고..
블로그 2016. 8. 31. 02:12
티스토리 메뉴바 & 베스트 공감 버튼 삭제 (숨기기)
티스토리 스킨을 요즘 자주 바꾸다 보니 사용하면서 맘에 안드는 부분들이 몇군데 있다. 바로 우측 상단에 위치한 메뉴바와 글 하단에 위치한 공감 버튼이다. 필요한 사람들도 많겠지만 내게는 잘 사용하지 않는 별로 필요하지 않은 부분이다. 특히나 공감 버튼은 자리만 차지하고 공감 버튼이 주는 의미도 별로 없는거 같아서 아예 없는게 낫다 싶어서 삭제했다. 삭제하는 방법은 너무 간단하다. '메뉴바'와 '베스트 공감 버튼' 삭제는 스킨 CSS 에 아무데나 아래 문구 추가하면 끝. 삭제라기보다는 보이지 않게 숨기기라고 하는게 더 낫겠다. 없어지는건 아니니.. 1 메뉴바 삭제#tistorytoolbarid {display: none;} 2 베스트 공감 버튼 삭제div.daum_like_wrapper {display:n..
블로그 2016. 1. 6. 22:17
댓글에 이미지 넣기 HTML 수정
댓글과 방명록 창에 이미지 넣기 마우스를 올리면 그림이 안보이게 되는게 더 나아 보이길래 HTML 로 이미지 넣는 방법으로 변경 댓글 부분 HTML 방명록 부분 HTML 위의 이미지의 내용 텍스트 파일을 다운로드해서 활용하시면 됩니다. 그리고 댓글에 쓰인 이미지도 함께 첨부합니다. images/write13.png (2.8 kB) 현재는 위치만 알 수 있도록 펜 모양의 아이콘 폰트만 하나 남겨두었다. 댓글을 유도하는 문구는 모두 삭제하였다. 강요에 의한 댓글은 없느니만 못하다. 티스토리 꾸미기 관련글 1 티스토리 사이드바 고정하는 방법 2 티스토리 사이드바 카테고리 꾸미기 - 아이콘 폰트 삽입 3 티스토리 게시일 리본 꾸미기 4 티스토리 페이징 Paging 꾸미기 5 티스토리 카테고리 다른글 & 댓글 방..
블로그 2015. 12. 1. 15:43
1 2 3