본문 바로가기

스킨

자신의 블로그가 HTML5 기반이라는 것을 대놓고 자랑해보세요! - W3C HTML5 위젯 HTML의 규격을 만들고 표준을 지정하는 기관인 W3C(World Wide Web Consortium)에서 HTML5용 홍보 베너를 제공합니다. HTML5 구조로 만들어진 블로그라면 이 베너를 달아서 자신의 블로그가 (대한민국 포털과는 다르게) 선진 기술과 표준 정착에 앞서고 있다는 것을 알려보세요! W3 벳지 빌더 이 곳에서 자신의 사이트에 적용된 항목을 골라서 로고를 만들 수 있습니다. 로고에 표시되는 항목으로는 HTML5의 주요 기능인 시멘틱스, 오프라인 스토리지, 기기 접근성, 연결성, 멀티미디어, 3D 그래픽스, 성능&연동, CSS3로 구성되어 있습니다. 블로그에 달린 모습 HTML5는 Web Hypertext Application Technology Working Group (WHATWG)가 .. 더보기
티스토리의 숨겨진 치환자/기능들 티스토리의 알려진 페이지 치환자로는 검색 결과, 태그로그, 위치로그, 포스팅 본문이 있습니다. 티에디션이나 테터데스크라는 것도 있지만 플러그인 개념으로 기본 포스팅 부분에 덮히는 것이라서 치환자로 분류 되지는 않습니다. 그런데 여기에 알려지지 않은 치환자가 2개 더 있습니다. 바로 '키로그'와 '미디어로그'입니다. 키로그는 키워드 플러그인 사용시에 본문에 뜨는 키워드를 태그 로그 처럼 한대 모아서 보여주는 기능입니다. 텍스트큐브의 기능 중에 하나이며 티스토리에서는 플러그인으로 끄고켜는 기능인줄 알았는데, 베이스가 같다보니 굳이 플러그인을 켜지 않고 치환자만으로 페이지를 활성화시킬수 있습니다. 키로그 관리 → 플러그인 에서 사용 여부를 선택할수 있는 키워드 플러그인 입니다. 포스팅시 특정 문구를 제목으로 .. 더보기
스킨 마이너 업데이트 V 2.8 요소간의 간격을 줄여서 스크롤바의 길이를 축소하고 한화면에서 되도록이면 많은 내용이 보일수 있도록 수정했습니다. 평균적으로 모든 요소의 margin을 10이상 덜어 냈습니다. 세부적으로 변경사항을 살펴보자면...카테고리 다른글의 테두리를 없애고, 다음뷰와 믹시 위젯의 길이차를 보완하고 카테고리 다른글과 더 자연스럽게 보일수 있도록 했습니다. 아래 다음뷰 최신글과 인기글 위젯의 색상을 변경, 눈에 잘띄게 바꾸었습니다. 작자 소개 부분도 크기를 줄이고 쓸데없는 플립 애니메이션 삭제, 크기 감소 타이포 수정을 가했습니다. 아래에 있던 소셜도구와 작자 소개를 통합시켰습니다. 태그 부분도 대폭수정했습니다. 1줄을 넘어가지 않으면 옆으로 밀려나가는 현상을 없앴습니다. 거대한 말풍선형태의 공유버튼을 알약형태로 변경했.. 더보기
Breadcrumbs(로케이터)를 설치해봤습니다. 관련 치환자가 존재하지 않아서 만들수 없을것 같았던 Breadcrumbs(로케이터)를 엑수시아님 블로그(Art of Web - http://zion437.tistory.com/)에 올라와 있는 강좌를 보고 만들어 넣었습니다. 워드프레스에서 포팅한 티스토리 스킨들이 빵가루(Breadcrumbs라고 치기 귀찮아서 빵가루라고 부르겠습니다.)기능들을 모습만 비슷하고 제대로 지원을 하지 못 하고 있어서, '아, 티스토리에서는 불가능 하구나' 라고 체념하고 있던차, 무한 구글링을 하던중 우연히 엑수시아님 블로그에 들러서 강좌를 보고 설치하게 되었네요 Themeforest에서 워드프레스 스킨 구경할때마다 빵가루 기능이 무지 부럽던데 설치에 성공해서 기분이 좋습니다. ㅋㅋ 40분 날림 코딩으로 만들어서 삐걱거리기는 하.. 더보기
스킨 업데이트 Ver.2.7 Ver.1이 7월말이었는데 벌써 Ver.2.7 까지 왔습니다. 주요 업데이트 사항을 살펴보도록 하겠습니다. 검색페이지를 완전히 바꿨습니다. 기존의 9칼럼, 3칼럼 조합 대신에 2+2칼럼, 8칼럼 구조로 바꾸었습니다. 게시글 같은 경우, 제가 올리는 모든 게시글이 미리 보기 사진이 있다는 점에 착안하여 masonry 방식의 겔러리를 도입했습니다. 일반 포스팅에서는 3단형 카테고리로 제가 직접 코드를 짜서 만든 것을 사용하고 있지만 검색페이지에서는 티스토리 일반 카테고리를 사용하실수 있습니다. 카테고리 위쪽에는 AddThis에서 제공하는 인기글 뷰어를 설치했습니다. 갤러리 뷰 위쪽에는 티스토리 검색창이 있지만 현재 알 수 없는 이유로 검색이 제대로 작동하지 않고 있습니다. 빠른시일내에 수정할 계획입니다.하단.. 더보기
티스토리 툴바에 스타일 적용하기 티스토리 화면의 오른쪽 상단에는 다음과 같은 툴바가 있습니다. 다음과 티스토리 메인화면으로 바로가는 버튼과 자신의 블로그를 관리할수도 있고 링크를 추가 하는 버튼과 심심하면 누르게 되는 렌덤 버튼이 존재하죠. 스킨에 웹폰트를 적용해도 이 부분은 바뀌지 않습니다. 사실 스킨 치환자에 저것을 설정하는 부분도 없고요. 저것을 보기 싫어서 설정에서 색상을 투명처리 시키거나 아예 CSS 오버라이드로 꺼버리시는 분들이 종종 있습니다. 그렇지만 그렇게하면 저같이 심심할때 랜덤 블로그 룰랫 돌리는 경우에는 굉장히 귀찮아 집니다. (그래서 되도록이면 툴바는 씁시다 -0-) 하지만 툴바는 끼고 살아야겠고 폰트는 못 나서 보기 싫으시다고요? 그래서 제가 삽질을해서 폰트 변경법을 알아냈습니다. 뭐 대단한건 아니지만 모르시는 .. 더보기
조만간 스킨이 v2.5로 업데이트 됩니다. 포스팅은 안하고 허구한날 스킨만 깎고 있습니다. -_- ㅋㅋㅋㅋㅋㅋㅋ페이스북 모바일 같은 사이드바 도입은 잠시 보류 중이고(자바가 자꾸 꼬여요 ㅠㅠ) 현재 반응형만 적용해서 업데이트를 단행할 계획입니다.업데이트의 주요골자는 반응형 레이아웃 도입, 반응형 티에디션 도입이 되겠습니다. 사실 반응형 레이아웃이 100% 완벽하게 적용 되지 않으며 일부는 깨지는 부분도 있습니다. 현재로서는 능력밖이라 차차 수정해 나가려 합니다. ㅠㅠ현재 열심히 티에디션을 깎고 있는 중이며, 티에디션 특유의 저질스러운 마크업 때문에 고생을 하고 있습니다. ㅠㅠ (죽어도 기본제공은 쓰기 싫은 의지!)꿈에 그리던 반응형 업데이트를 기념하여서 스킨 업데이트 변천사를 공지로 등록해보았습니다. ^^BTGH 스킨업데이트 변천사 더보기
반응형 스킨으로 전환 작업을 하고 있습니다. 티스토리 모바일 페이지 끄기 기능이 생김에 따라 반응형 웹 스킨 도입을 진지하게 고민해오고 있었습니다. 미디어 쿼리만 추가하면 바로 반응형으로 바뀌는게 부트스트랩이긴 하지만 티스토리에 맞추려면 자잘하게 조정 해줘야 하는게 많습니다. 현재 테스트용 블로그에서 이틀째 작업하고 있는데요, 기본요소를 반응형으로 전환하는것은 거의 끝났습니다. 이제 남은 작업은 970px이하의 해상도에서 테블릿과 스마트폰 용으로 전용 메뉴를 따로 만드는것과 티에디션을 반응형에 맞게 고치는 것만 남았습니다. 티에디션 같은 경우에는 몇 가지 코드 테스트만해보고 방치 상태로 두고 있는데요, 다행이도 12칼럼으로 맞추니까 반응형으로 잘 움직이네요. 다만 좀 짜증나는 점은 애드센스를 반응형으로 설치해도 실시간으로 전혀 움직이지 않는 다는 .. 더보기
시즌2. Work hard Play hard 시즌2라고 해서 뭐 대빵 거창한것은 아니고 그냥 블로그 부분 개편입니다. ㅋㅋ Work hard Play hard. 제가 요즘 좌우명으로 삼고 있는 문구입니다. 요즘들어서 정말 쓸데없는데 시간을 보내고 진정하고 싶은 것을 못하고 있다는 느낌이 많이듭니다. (그렇지만 한국에서 태어난 남자는 2년을 통째로 갖다버려야 하죠 OTL) 예전에는 블로그 관리가 귀찮을때는 유머사이트나 돌아다니고 댓글 놀이나 하고 다녔는데 막상 그런짓들은 하고나도 남는게 하나도 없다는 느낌이 강하게 듭니다. 시간을 좀 더 알차게 써야 겠다는 것을 절감하고 있는 요즘입니다. (2년 뺑이치기 전에 열심히 하고 싶은거 해야죠 데햇.) 주저리 주저리는 여기서 끝내도록 하고 주요 변경 사항을 알려드리겠습니다. 요즘 대세인 플랫 스타일에 맞추어.. 더보기
[뻘글] 플러그인들끼리 충돌나서 죽겠내요 라이브리 플러그 인을 설정햇는데 떳다가 말았다 하고 블로그 전체적인 속도를 엄청나게 감소 시키네요 -ㅅ- 그렇다고 라이브리에서 제공하는 스크립트를 바로 적용해도 댓글이 제대로 안뜨는 문제가 생겼습니다. 라이브리 적용은 일단 보류 해야 겠습니다. 더불어 구글 맞춤검색도 달았는데 갑자기 블로그 속도가 확... 느려지는 기분입니다. 흠.... 그리고 애드센스 맞춤검색 도구 말고 일반 맞춤 검색도구를 달려고 해도 잘 안되네요. 애드센스 검색은 아이프레임이 되어서 원하는 페이지에 딱 띄워지는데 구글 맞춤검색은 스크립트를 사용하는데 데이터 타입만있고 div의 높이도 지정 안되있는 요상한 방식을 사용해서 도무지 무슨 구조로 만들어졌는지 알길이 없네요; 애드센스보다 맞춤검색이 좋은게 디자인도 더 낫고 (애드센스 검색은.. 더보기