티스토리는 모바일웹 스킨 설정에서 모바일 페이지에 적용할 스킨을 선택하지 않을 수 있다. 그러면 아래 그림처럼 설정하면 스마트폰 등에서 모바일 페이지로 접속하지 않게 된다. 즉 모바일웹 스킨을 사용하지 않겠다는 것은 모바일 페이지로 접속하지 않겠다는 것이다.이 말은 스마트폰으로 블로그에 접속하면 아래 그림 오른쪽처럼모바일 페이지로 접속하지 않게 된다. 위와 같이 설정하면 아래 그림 왼쪽처럼 모바일 페이지가 아닌 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 게시판으로 복원이 가능하다. 참고로 알디시..

들어가기 전에 1일 1포스팅이 좋다고 한다.나는이 점에 대해 다른 생각을가지고 있다. 어떤 생각이냐 하면 자신의 상황에 따라 다르게 해야 한다는 것으로 아래에서 적겠다. 나는 1일 1포스팅은 어떤 사람에게는 무리한 계획이라고 생각한다.여담으로남들이 1일 1포스팅을 쉽게 말하니 쉬운 것으로 아는데 어렵다는 것을 알아야 한다. 초대장을 배포했다면 알 것이다. 초대장을 받기 원하는 사람은 댓글에 거창한블로그 계획을 말한다. 그러나 결과는 1년 아니 6개월도 못하고몇 달 후 블로그를 그만둔다. 얼마 전까지내가 초대장 262장 배포했는데 그 중에서 제대로 블로그를 하는 사람이 2~3명 될 것 같다. 참고로 나는 초대장을 배포하지 않으니 초대장 달라고 하지 말기 바란다.들어가기 무슨 말이냐 하면 자신의 상황은 다른 사람이 아닌 자신이 더 잘 아..

들어가기 전에다른 것이 아니라 http://blog.naver.com/no1_hanafax 기업 블로그를 보고 의문점이 들었다. 다름이 아니라 네이버 블로그에서는 스킨에서HTML을 사용할 수 없는데 어떻게 블로그 메뉴 아래에 이미지 링크를했는지 의문이 들었다. HTML을 아는 사람이라면 하나의 이미지에 여러 개의 링크를 하기 위해서는 이미지맵이라는 것을 사용해야 한다는 것을 알 것이다.위를 어떻게 했을까 의문을풀면서 오랜만에 네이버 블로그 레이아웃을 들여다 보았다. 그러면서 네이버 블로그의 레이아웃 설정은 정말 쉽다는 것을 느꼈다.들어가기이렇게 했구나!위에서 설명한 블로그를 방문한 후 어떻게 했을까 곰곰히 생각했다. 그렇게 하는 것은 의외로 간단했다. 포토샵 등으로 이미지를 자르고 블로그를 1단과 위젯을 만들어서위젯을 이동하는 간단한 것이었다.아래 ..