티스토리 #1 스킨 - 메뉴 버튼 변경 2
이전 글에 올린 티스토리 #1 스킨에서 메뉴 버튼을 잉크 번지는 효과로 적용해 보았다. 잉크 번지는 효과는 전에도 한번 해본적이 있는데 스킨에 적용하려니 손볼데가 많다;; 그리고 전에 메뉴 버튼의 효과가 좀 너무 버벅거리는 감이 들었는데 이건 좀 낫다. 스킨 체험 하기 요건 캡춰!
블로그 2017. 8. 15. 02:05
티스토리 #1 - 행님댁님 버전의 스킨 꾸미기
티스토리에서 제공하는 #1 스킨은 여러 사용자들의 노력으로 다양한 사용자 버전이 존재한다. 나름대로 모두 훌륭하지만 매손리가 적용된 행님댁님께서 배포한 버전이 왠지 마음에 든다. ㅎㅎ 스킨 체험 하기 행님댁님 스킨 이 블로그에 매손리를 사용하고 있지는 않지만;;; 여하튼 현재 그대로도 좋기는 하지만.. 카테고리를 보여주는 메뉴 버튼을 수정해도 괜찮아 보일듯 해서 변경해 보았다. 메뉴 버튼을 가운데 상단에 버튼으로 배치했는데 버튼이 아니라 메뉴 아이콘으로 대체할 수도 있다. 버튼을 눌렀을때 카테고리 선택 화면이 별도창으로 나타나도록 하였다. 스킨 전체를 만드는건 실력이 없어 못할거 같고 간단한것만 시도해 보고 있다. 데모 보기 모바일 화면도 어느정도 완성을 했다. 해놓고 보니 왠만한 유료 스킨보다는 나아 ..
블로그 2017. 8. 11. 21:28
티스토리 #1 스킨의 카테고리 메뉴 버튼 변경
스킨을 새로 만들기는 귀찮고.. 기존의 스킨을 가져다 조금 수정해 보았다. 티스토리에서 제공하는 #1 스킨은 메뉴 버튼만 좀 손보면 좋아질꺼 같아서 메뉴만 조금 손보았다. 오른쪽에 위치하던 카테고리 메뉴를 왼쪽 중앙에 메뉴 버튼을 넣어 보았다. 버튼 하나 넣는것도 간단하지 않다.; 메뉴 버튼만 바뀌어도 뭔가 새로워 보인다. 메뉴 버튼 변경한 것과 페이지 로딩시 테두리 그리기 효과를 추가해 보았다. 그리기 효과로 입장시 뭔가 그럴싸 해 보이기도 하다. 단 두가지만 수정했을 뿐인데 완전히 새로워 보이는듯 하다. ㅎㅎ 1 메뉴 버튼 추가 버전 데모 사이트 바로 가기 첫화면은 테터데스크를 이용한 것이므로 원하는 첫화면을 선택해서 꾸밀 수 있다. 테터데스크 화면 만들기 2 메뉴 버튼 추가 버전 + 테두리 그리기 효과
블로그 2017. 7. 28. 20:37
크로스 브라우징 문제들 : 익스플로러에서만 발생하는 다양한 오류들 - position fixed 고정화면시 스크롤 떨림 등
블로그 꾸미기를 하다 보면 여러가지 문제들을 직면하게 된다. 현재 이 블로그에는 여러가지 에러들이 존재한다. 간단하게 해결되는 것들도 있긴 하지만 해결이 불가능한것들도 있고 어려운 것들도 있고 내가 아직 발견하지 못한 것들도 있다. 지금까지 알고 있으면서도 방치한 오류들 조차도 많다. 특히 익스플로러 사용환경에서는 여러가지 문제점들이 존재한다. 내가 익스플로러가 설치된 컴퓨터가 없어 그동안 확인하지 못하기도 했다. 익스플로러를 제외한 사파리, 크롬, 파이어폭스 브라우저는 특별히 문제가 될만한 것은 없어 보인다. (파이어폭스는 span 태그의 줄 넘김 버그만 해결하면 된다. 간단히 해결되는 거라 문제라 할것도 없다.) 하지만 익스플로러는 버그가 다양하고 심각하다. 1애니메이션 효과시 화면 떨림 이 블로그에..
블로그 2017. 7. 25. 17:25
전체 화면에서 사이드바 보이기 숨기기 기능 추가
현재 SONYLOVE 블로그는 사이드바가 우측에 위치하는 2단 구조로 되어 있다.나는 카테고리와 최신글 및 댓글 정보들이 바로 보이는 사이드바를 좋아한다. 그래서 사이드바를 우측에 고정해서 항상 보이도록 하고 있다.그런데 블로그의 일부 페이지는 사이드바를 숨겨서 보이지 않도록 하고 전체 화면으로 보여주는 페이지들이 존재한다. 본문 글도 일부는 사이드바를 보이지 않도록 한 경우도 있다. 전체 화면을 이용해서 해당 내용을 크고 가득차게 볼 수 있도록 만들고 싶어서 사이드바를 숨김 처리 하고 있다.일부 페이지 때문에 블로그를 1단 구조로 바꾸고 싶지는 않다. 1단은 일부 글에서는 좋을 수도 있지만 일반적인 상황에서는 2단 구조가 좋다.사이드바가 없는 페이지에서 다른 페이지로 이동을 하려면 로고를 클릭해서 홈페..
블로그 2017. 7. 11. 14:29
워드프레스 무료 테마를 이용한 티스토리 스킨
오늘 우연히 워드프레스 무료 테마를 보게 되었다. 사실 전에도 가본적은 많지만 무료 테마의 경우 별로 마음에 드는게 없어 별 생각없이 구경만 하곤 했다. 근데 오늘 사이트를 보다 보니 눈에 익은 테마들이 많이 보인다. 티스토리의 스킨들 중에서 자주 보던 디자인의 테마들이다. 뭐 물론 워드프레스의 테마를 티스토리의 스킨에 적용하기가 그리 간단하거나 쉬운일은 아니지만... 누군가 무료로 공개한 테마를 이용해 유료로 판매하는 건 좀 아닌거 같다. 게다가 수정해서 사용하는 사람에게 자기가 만든 문구라는 말을 삭제하지 말라고 한다. -.-; 몰랐으면 모를까 참 요지경인 세상이다. 이 블로그의 여러가지 기능들도 내가 직접 다 만든게 아니라 다 인터넷에 누군가 공개한 자료를 이용해 마음에 드는 것만 골라 블로그에 적..
블로그 2017. 7. 8. 22:21