아직 많이 부족하지만 티스토리에서 첫페이지 꾸미는 것인 티에디션을 마지막으로HTML, CSS, 스크립트를 100% 활용하여 꾸미는 것을거의 마친 것 같다.얼마전까지는 티에디션을 안 꾸며서 2% 부족했으나 어제와 오늘 시간이 나서 거의 마쳤다. 참고로 네이버 블로그에서 프롤로그가 첫페이지를 꾸미는 것이다. 이 블로그 첫페이지는 100% 티에디션을 이용했다. 단 티에디션의 HTML, CSS, 스크립트를 사용해서 티스토리에서 제공한 것을 변형했다.많이 티스토리 기업 블로그를 보면서 다이나믹한 첫페이지를 만들어 보고 싶었다.첫페이지를 다이나믹하게 꾸밀 수 있다는 것이 티스토리가 네이버블로그 등과 다른 점이다. 참고로 내 블로그 첫페이지의 RECENT POST은 단지 아래 그림과 같이티에디션 설정했다. 그리고 HTML/CSS 편집의 style.css에 아래 첨부한 파일을 ..

티스토리를 4년 이상을 하면서 아래 그림에서 볼 수 있는 관리자 승인 후 출력이라는 스팸 관리 외에는 다른 곳에는 필요없을 것이라 생각했다.그런데 모 블로거가 댓글에 부담을 느껴서 승인 후 출력이라는 것을 사용하겠다는 것을 보고 그럴때 사용하면 유용하겠다는 생각이 들었다. 나중에 나도 댓글에 부담을 느낄 때가 온다면 승인 후 출력을 사용해야겠다.티스토리, 워드프레스에는 댓글을 작성하면 그대로 노출되는 것이 아니라 블로그 주인이 승인해야만 다른 사람이 비로소 볼 수가 있는관리자 승인 후 출력이라는 것이 있다. 그러나네이버 블로그에승인 후 출력이라는 것이없어서 간단히 적겠다. 다음 블로그는 정확히 모르는데 아래 그림에서 볼 수 있는 등록 후 승인이 티스토리에서 볼 수 있는승인 후 출력 같은 것이 아닌가 한다.관리자 승..

티스토리는 모바일웹 스킨 설정에서 모바일 페이지에 적용할 스킨을 선택하지 않을 수 있다. 그러면 아래 그림처럼 설정하면 스마트폰 등에서 모바일 페이지로 접속하지 않게 된다. 즉 모바일웹 스킨을 사용하지 않겠다는 것은 모바일 페이지로 접속하지 않겠다는 것이다.이 말은 스마트폰으로 블로그에 접속하면 아래 그림 오른쪽처럼모바일 페이지로 접속하지 않게 된다. 위와 같이 설정하면 아래 그림 왼쪽처럼 모바일 페이지가 아닌 PC 페이지가 보인다. 그러니 오직 PC 페이지만 보이게 하고 싶다면 위 그림처럼 모바일웹 스킨을 OFF로 하기 바란다.이것은 주로 모바일 페이지에서 모바일웹 스킨이 필요없는반응형 스킨에서 사용한다. 만약 이 블로그의 스킨이 반응형 스킨이면 위처럼 축소돼보이지 않고 최적화됐을텐데 아쉽다. 그건 그렇고이번에 ..

4년 이상은 Whiteground 스킨을 사용하다가 어그제 큰 마음을 먹고 스킨을 변경했다. 어떤 사람에게는 블로그에서 스킨 변경이 아무것도 아닌 것 같으나 나는 다르다. 이 블로그에는 파일을 상당히 많이 올렸을 뿐만 아니라 HTML,CSS를 굉장히 많이 수정했고 글에 스크립트를 많이 사용해서 스킨을 변경하면 모든 것이 초기화된다는 것이다. 이 모든 것을 생각하느라 며칠동안여러가지 문제가 많아 힘들었다. 가장 큰 문제는 글에 글과 그림만이 아닌 CSS와 스크립트를 많이 사용해서 변경한 스킨의 스크립트와 충돌해서 작동하지 않는다는 것이었다.어제 확인했는데 대표적으로 아래 글이다. 나중에 확인할 수 있겠지만 더 많은 글이 있을 것이다. 2012/08/08 - 수십번의 삽질 끝에 fancybox를 블로그에 적용2012/09/02 - 라이트박스(lightbox) 적용중2012/06/08 - 티스토리 ..

.iconicmenu { position: relative; height: 45px; overflow: hidden; } .iconicmenu, .iconicmenu * { -moz-box-sizing: border-box; box-sizing: border-box; } .iconicmenu input[type="checkbox"] { /* checkbox used to toggle menu state */ position: absolute; left: 0; top: 0; opacity: 0; } .iconicmenu > label { /* Main label icon to toggle menu state */ z-index: 1000; display: block; position: absolute; width: 40px; height: 40px; float: left; top: 0; left: 0; background: white; text-indent: -1000000px; border: 6px solid black; /* border color */ border-width: 6px 0; cursor: pointer; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; /* transition for flipping label */ } .iconicmenu > label::after { /* inner stripes inside label */ content: ""; display: block; position: absolute; width: 100%; height: 18%; ..

들어가기 전에 이 블로그 글쓰기 설정에 대해 묻는 댓글이 있어서 여기에 적으려 한다. 예전에 티스토리에는 카테고리 비공개가 없다는 것을 설명하면서 이와 비슷한 것을 설명한 것이 있었던 것 같다. 들어가기 아래 그림을 보듯이 나는 글 설정을 아래처럼 했다. 즉 관리의 글 설정에서 글쓰기 환경을 아래처럼 했다는 것이다.참고로 그림을 클릭하면 크게 볼 수 있다. 비공개 위에서 가장 특이하다고 해야 할지 모르나 글쓰기 환경에서 공개 설정을 비공개로 했다는 것이다. 왜 이렇게 하면 이렇게 설정하면 글쓰기시 글은 무조건 비공개가 된다. 만약 공개나 발행으로 한다면 글을 쓰면 공개나 발행이 된다. 나는 처음 글쓸 때는 메모 수준이라 비공개로 한다.쉽게 말하면 블로그에서 글쓰기를 하면 아래 그림같이 비공개가 눌려진 상태가 된다는 말..

티스토리가 반응형이 가능하여 이 블로그를 반응형으로 바꾸려고 했다. 그러나 이 블로그에 글이 많고 올린 파일을 많이 있어 반응형으로 변경하는 것을 포기해야 된다는 것이 아쉬웠다. 예로2013/03/19 - 갤러리 - jQuery fancybox 사용,2013/03/29 - 적극 추천하는 글,2012/06/08 - 티스토리 스킨 추천 - 반응형 포함이 스크립트를 많이 포함하니 내 실험 블로그가 반응형이니어떨까 봤는데 엉망이었다. 특히013/03/19 - 갤러리 - jQuery fancybox 사용은최악이었다.결국은 포기하고 이 블로그를 스킨을 수정하는 방향으로 결정했다. 아래 더보기 안에 부트스트랩에 대한 정보를 적었으니 참고했으면 한다.더보기아래에 많은 유료가 아닌 무료 부트스트랩 템플릿을 구할 수 있으니스킨을 만들고자 하는 사람에게 많은 도움이 될 것이다. http://startbootstrap.com/http://www.blacktie.co/http:..

들어가기 전 2013/01/23 - 티스토리에 게시판 삽입에서 티스토리에 게시판 삽입을 설명은 했다. 거기에서는 네이버 블로그의 메모 게시판, 유료와 무료 게시판등여러 가지에 대해 말해서 복잡했다. 하지만여기에서 높이가 자동으로 늘어나는 아이프레임 소스를 사용하여 XE(제로보드 XE)에서 만든 게시판을 삽입하는 것에 대해서만설명하려한다. 여담으로초기에는 아래처럼 높이가 높지 않았는데 XE 게시판 옵션을 여러번만졌더니 아래와 같이 됐다. 들어가기 게시판은 XE 게시판 아래에 보는 게시판은 XE 게시판이고 내 계정에 이상이 있을 경우는 아래 게시판이 보이지 않을 것이다. 아래 게시판에 있는 게시물은 티스토리에서 백업한 데이터를 XE 게시판으로 복원한 것이다. 티스토리에서 백업한 데이터를 XE 게시판으로 복원이 가능하다. 참고로 알디시..