본문 바로가기

티스토리

티스토리 새 관리 - 오늘은 여기까지 데이터 url로 SVG를 CSS에 심어넣는 것은 처음 써봤는데 생각보다 신기합니다. 문제는 코드가 너무 길어서 SCSS에 집어 넣으면 가로 스크롤이 엄청 길어지는게 좀 귀찮습니다. -ㅅ- 그리고 티스토리 이 미친놈들이 거의 모든 UI요소를 스프라이트로 짜버려서 그거 없애느라 혼났습니다. -_- 아니 셀렉터가 모자라던 시절인 것은 이해는 하지만, heading까지 다음체로해서 png로 만들 필요는 있었나 싶네요 (걍 웹폰트 쓰지...) 마크업이 아니라 CSS로 위에 덮어 씌우는 일은 마이피 스킨만들때도 해봤지만, 아이콘 같은거 집어넣으려고 하면 :before 써가면서 삽질해야 하는거 사람할일 아닙니다; 걍 워드프레스처럼 관리도 스킨질 좀 하게 해주지... P.S 반응형 됩니다. 일부 플래시 요소는 어떻게 .. 더보기
티스토리 새 관리 화면 기존 관리화면이 너무 마음에 안들어서 새로 스타일시트를 짜고 있습니다. 이제 아이콘과 Sprite 이미지만 교체하면 거의 완성입니다. 더보기
다음뷰 추천 위젯 코드 수정하기 티스토리 블로거라면 필수적으로 사용하시는 것중 하나가 다음뷰 일겁니다. 제가 네이버 블로그를 쓸데만해도 글 하나 발행할때마다 다음뷰 홈페이지에 가서 위젯을 퍼오는 과정이 너무 귀찮았는데요, 티스토리는 다음이 관리를 하고 있다보니 다음뷰와의 연동이 아주 잘 되어있습니다. 글의 발행/송고나 이벤트 참여도 클릭 한번으로 가능하며 아주 편리합니다. 가장 큰 장점으로는 다음뷰 추천 위젯을 스킨에 네이티브로 심을 수 있다는 것입니다. 물론 html을 잘 모르시는 분들을 위해서 티스토리에서는 다음 뷰 추천 위젯 플러그인을 제공하고 있습니다. 그래서 이것을 활용하시면 게시글 하단에 별 다른 설정 없이도 추천 위젯을 달 수 있습니다. 그러나 티스토리를 좀 오래 사용하시다 보면 남들 처럼 둥둥떠다니는 호버 버튼도 달아보고.. 더보기
다음뷰 글 목록 위젯 수정하기 다음뷰가 2013년 초에 개편을 하면서 위젯 디자인이 세련되게 바뀌었습니다. 그러나 이전까지는 최신글/인기글/추천글 목록위젯을 구할수가 있었으나, 현재는 지원을 하지 않고 있습니다. 디자인이 개편한 다음 뷰와 어울리지 않아 더 이상 제공을 하지 않는 것 같습니다. 그래도 대부분 이런 서비스들이 구식코드를 완전히 사용할 수 없게 만들지 않고 어느 정도는 계속 사용할 수 있게 유지를 해주는 편인데요, 그래서 예전에 발급 받아놓은 코드를 십분 활용하면 다음뷰 글 목록 위젯을 사용 할 수 있습니다. 다음뷰 글 목록 위젯은 이렇게 생겼습니다. 여기서 api가 나타내 주는 부분을 조정해주면 아주 간단하게 수정을 할 수 있습니다. 위쪽의 주소가 나타내는 부분을 대충 해석해보자면, 5번 스킨(검정)이 적용되고, 목록에.. 더보기
스킨 업데이트 v 2.0.1 초고해상도(1920px 이상)에서 탑바와 하단부가 삐져나가는 문제를 수정했습니다. 스킨의 컨테이너 최대크기는 1920px으로 잡아놓았기 때문에 그 이상으로는 안 커집니다. 모바일에서 좀 더 누르기 쉬운 버튼으로 상단 메뉴 디자인을 바꾸었습니다. 크기를 키우고 애니메이션을 제거하여 프레임 드랍도 줄였습니다. 티에디션에 있는 상단 슬라이더에 컨트롤 부가 마우스 호버시에만 노출됩니다. 섬네일 갯수를 12개에서 24개로 증가했습니다. 기타) 네이버 이웃커넥트 버튼이 추가 되었습니다. 더보기
네이버 이웃커넥트, 티스토리에서도 사용하기 (열린 이웃) 네이버에서 티스토리로 넘어오신 분이라면 네이버 이웃기능을 티스토리에서도 계속 이용하시고 싶으실 겁니다. 이를 위해서 네이버는 열린 이웃이라는 기능을 지원합니다. 그러나 이 기능에는 큰 함정이 있는데요, 기존의 서로이웃이나, 이웃추가가 된 사람은 열린 이웃의 추가가 되지 않습니다. 그러니까 동일 아이디와 네이버 이웃 등록이 되어있고, 여기에 열린이웃을 추가하려면 추가가 안됩니다. 게다가 이 열린이웃이라는게 답글 알림도 안 오며, 새글 알림도 매우느리게 옵니다. 그냥 기본적으로 네이버me에서 지원하는 RSS리더 기능을 열린 이웃 기능이라고 거창하게 포장 한 것 입니다. 일단 위젯 생성을 위해서는 네이버 계정을 만들고 이웃커넥트 홈페이지로 갑니다. 여기서 이웃커넥트 위젯을 생성하실때 다른 블로그로 퍼가기를 선.. 더보기
네이버 이웃커넥트 위젯/ 분해 및 커스텀 네이버는 자기네 블로그 시스템의 이웃이라는 개념을 외부 블로그에도 개방해서 열린이웃이라는 명칭으로 사용할 수 있게 해줍니다. 네이버 블로그 이웃끼리 지원하는 기능인, 댓글 알림 같은 기능은 지원 하지 않으나 RSS로 글을 끌어다가 네이버me에 뿌려 주는 기능은 합니다. 기본적으로 네이버me 자체에서 지원하는 RSS 리더와 똑같은 기능입니다. 관련글 → 네이버 이웃커넥트 위젯을 티스토리에서 사용하기 이웃커넥트의 이웃 추가 버튼은 이웃커넥트 위젯과는 다르게 별도로 커스텀 할 수 있습니다. 스크립트가 아니라 아주 기본적은 anchor 태그로 이루어져있기 때문인데요. 기본 코드를 발급받으려면 일단 열린이웃을 기본계정으로 설정한 다음, 심플 위젯 코드 복사를 해줍니다. 새글보기 버튼은 크게 2파트로 구성되어 있습.. 더보기
구글 웹폰트 안티 얼라이징 문제 많은 티스토리 블로거 분들이 크로스 브라우징의 용이성 때문에 구글 웹폰트를 사용하고 계실 것입니다. 특히 IE9+와 파이어폭스에서는 보안상의 이유로 알 수 없는 게시자나 동일하지 않은 주소에서 호스팅을 하는 woff 폰트 파일은 다운로드 하지 않도록 설정 되어있습니다. 그렇다보니 티스토리의 스킨 폴더에 폰트를 올려놓고 로드를 시켜도 IE나 파이어폭스에서는 정상적으로 로드가 되지 않습니다. 그러나 구글 웹폰트는 정상적으로 로드가 잘 됩니다. 하지만 여기서 한가지 문제점이 있습니다. 지난 2012년 7월 업데이트 된 크롬 이후 부터는 윈도우에서 외부 woff 렌더링시 안티얼라이징이 지원되지 않고 있습니다. OS X나 리눅스에서 돌리는 크롬에서는 아무 문제가 없으며, 오직 윈도우에서만 발생하고 있는 버그로, .. 더보기
Syntax Highlighting 기능 추가 했습니다. 이전부터 Syntax Highlighting 에는 SyntaxHighligher를 사용해 왔으나, 이번에는 좀 더 커스텀을 많이 할 수 있는 Highligter.js로 갈아탔습니다. SH 보다 장점이라고 하면 더 광범위 하게 적용 되는 스타일이라고 보시면 됩니다. 게다가 테마도 많아서 굳이 새로 만들필요도 없더군요. 기존에 있던것 가져다가 약간 변형만 시켰습니다. SH는 브러시라는 개념으로 자신이 쓸 언어의 갯수만큼 스크립트 파일을 추가해줘야 하나, Highlight.js는 자체적으로 선택해서 단일 파일을 생성할 수 있는 점이 참 마음에 듭니다. 저 같은 경우 제가 현재 쓰고 있는 CSS,HTTP,Javascript,Ruby,CoffeeScript,PHP,Markdown,HTML/XML,Python,Ha.. 더보기
아이썅 마이크로소프트 개자식들 보시다시피 IE8 스텐다드뷰와 IE7 스텐다드 뷰가 다르게 뜹니다. 예전에 풍문으로 margin과 padding 처리 방식이 두개가 약간씩 다르다는 것을 알고 있었지만 이정도 일줄은 몰랐내요 -_-;; IE fallback 스킨은 IE8 기준으로 만들어져있어서 IE7에서는 레이아웃이 깨집니다. IE7용으로 스킨을 따로 만들어야겠습니다. 아오 귀찮. IE5 쿽스모드에서 신기하게도 문제 없이 잘뜹니다. (물론 레이아웃이 좀 깨지긴 하지만요) 근데 왜 IE 개발도구에는 IE6이 없는건지... (기왕이면 쿽스 모드라도 넣어줘 이 새끼들아) 더보기

티스토리툴바