demun(대문블로그)

티스토리/티스토리가이드2013. 1. 7. 05:00

티스토리 스킨에 대해서는 정말 할말이 많으니까 이 분야는 좀 간단이 하고 플러그인이나 위젯 등등에 대해서 말해볼까합니다.어떤 블로그에 가면 상당이 많은 위젯과 광고, 플러그인이 달려있는것을 보았습니다. 물론 블로그는 소통이고 정보의 교류라고 생각하지만 너무 많은 위젯과 플러그인은 다소 불편하지 않을까하는 생각이 듭니다.블로그를 처음하시는분이나 스킨이나 개발, 퍼블리셔쪽분이 아니라면 잘 모르시겠지만 플러그인 하나만 사용한다고 체크하면 그것으로 끝나는것이 아니라 관련 자바스크립트가 로드가 된다는 것을 알아야 합니다. 티스토리는 기본적으로 아무것도 사용하지 않아도 로드되는 자바스크립트와 css 파일이 있습니다.제가 대략 봐도 6개 정도? 왔다갔다 하는것 같아요.아래 이미지를 보시면 16줄부터 시작해서 우측의 ..

티스토리/티스토리가이드2012. 10. 24. 09:00

부트스트랩 티스토리 스킨에서 태터데스크(첫화면 꾸미기)을 사용할때의 팁한가지를 알려드리겠습니다. 하나의 예제로 http://superzun.tistory.com/ 를 들겠습니다. 오해는 마세요. 방문자수가 늘면 늘었지 줄진 않을겁니다. ㅎㅎㅎㅎ 만약 그냥 사용하시면 아래 이미지처럼 배경이 없이 들어갑니다. 부트스트랩 스킨은 동일한 인터페이스를 가지고 있습니다. 바로 위젯(.widget)을 사용하는데요. 스킨에 기본적으로 스타일이 입혀져 있으니 아래의 코드를 활용해서 사용해보세요. 위젯 - html 제목이 들어가는 곳 내용이 들어가는 곳 첫페이지 꾸미기를 잠시 보자면 아래처럼 제목부분과 내용부분을 분리해서 작성하면 편합니다. 몇번 해보시면 잘 될겁니다. 만약 해도 안된다면 댓글 주세요. 그럼 대략 아래처럼..

티스토리/티스토리가이드2012. 8. 6. 06:00

티스토리는 첫화면을 꾸미는 플러그인을 제공합니다. 관리자화면에서 플러그인 - 플러그인 설정 - 태터데스크(첫페이지 만들기)를 선택하면 됩니다. 그럼 첫화면에서 테터데스크라는 창이 생성이 되고 아이템 배치를 클릭하면 설정하는 창이 다시 생성이 됩니다. 즉 1번을 클릭하고 2번에서 원하는 항목을 설정해서 작성하면 원하는 화면을 만들수 있습니다. 왼쪽의 최신글 텍스트 목록형의 박스를 보면 설정이 있습니다. 거기를 클릭하면 카테고리에서 표시하고자 하는 카테고리를 체크해주기만 하면 됩니다. 참고로 아래에 목록 표시 레이아웃에서 2단인경우는 카테고리 체크를 두개 해줘야 하고, 3개인경우는 3개를 해줘야 합니다. 우측에 아이템 HTML 수정을 클릭하면 html 을 직접 수정할수도 있으며, 우측 상단에 태터데스크 아이..

티스토리/티스토리가이드2012. 6. 8. 06:00

티스토리에서 지원하는 기능중에 키워드라는 것이 있습니다. 글중에서 많이 사용하는 키워드를 선택해서 키워드로 지정해 놓고 스타일을 지정해 놓으면 방문자들이 그 키워드에 대한 글을 모아서 볼 수 있도록 한 기능입니다. 키워드를 만드는 방법과 스타일을 지정하는 방법을 알아보겠습니다. 각 블로그마다 키워드는 다를수 있으며 블로그 관리자가 설정할 수도 있습니다. 블로그 성격마다 아마도 키워드 선택이 다를것이라 생각됩니다. 예를들어 저는 바탕화면이라는 키워드를 설정해 놓았습니다. 그러면 아래처럼 보이게 됩니다. 블로그 관리자가 이제까지 만들어놓은 키워드를 보려면 관라지화면 - 글 목록 - 키워드를 클릭하면 이제까지 만든 모든 키워드를 볼 수 있습니다. 키워드 만들기 키워드는 글쓰기와 동일하게 작성하면 됩니다. 키워..

티스토리/티스토리가이드2012. 1. 29. 06:00

리본서식으로 첫번째는 둥근형태의 리본을 만들어 봤고, 두번째는 이미지없는 리본형태를 만들어 봤습니다. 이번에는 이미지를 활용한 리본인데요. 많이들 본 형태일겁니다. 먼저 어떤 형태인지 완성작을 한번 보세요. 사이드바에 전형적으로 사용하는 형태인데요. 이미지가 두개로 구성된것입니다. 이 방식의 장점은 너비가 커도 깨지지 않는다는 점입니다. 여기서 잠깐 참고할 점. 이미지가 한개인것은 너비가 유동적이면 사용할 수 없다는 단점이 잇습니다. 하지만 단 하나의 이미지로 사용한다는 간단한것이 장점입니다. 이미지가 두개인것은 너비가 유동적이여도 사용할 수 있다는 장점이 있습니다. 단점은 스타일을 입힐 요소(spna)가 하나 추가되어야 한다는 점입니다. 이미지가 두개인것의 장점을 알았다면 이것은 어느 스킨에나 활용할 ..

티스토리/티스토리가이드2012. 1. 27. 06:00

이번에는 이미지를 사용하지 않고 제목 서식에 사용하기 좋은 방법을 알려드리겠습니다. 이 방법은 외국 사이트에 올라온 것중에서 코드만으로 스타일을 설정하는 방법이 좋아 소개합니다. 출처는 http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-practical-css-shapes/ 입니다. 제가 일단 적용을 해봤습니다. 제 블로그 제목에 보면 이것이 설정되어 있습니다. 한번 보시죠. 이 방법의 장점은 이미지를 사용하지 않기 때문에 글씨가 길어져도 스타일이 깨지지 않고 그대로 적용할 수 있다는 점입니다. 반면 단점은 CSS 7이하는 지원되지 않는다는 점입니다. 그렇다고 해도 깨지거나 하지는 않으니 적용할만 합니다. 일단 IE6에서 어떻게 보여지는지 ..

티스토리/티스토리가이드2012. 1. 26. 06:00

제목에 사용하기 좋은 서식으로써 이름을 리본으로 정했습니다. 몇가지가 있기에 순서대로 1,2,3... 형식으로 나갑니다. 먼저 둥근 형태의 리본서식으로 제목에 사용하기 좋은 형태입니다. 오늘 사용하는 방법은 이미지가 필요합니다. 그래서 제가 먼저 이미지를 만들어 보았습니다. 이미지를 두개로 슬라이스해서 CSS 코드로 사용하는 방법으로 sliding doors 기법이라고 합니다. 완성작을 한번 보시죠. 이 방법은 티스토리에서도 사용하기 편하고 IE6까지 모두 지원합니다. 물론 크로스 브라우징을 하려면 약간의 코드가 더 추가되어야만 하지만요.... 여하는 티스토리에서 적용하는 방법을 알려드리겠습니다. 먼저 이미지 파일을 다운로드 받아서 압축을 해제하세요. 이미지 파일은 아래 링크에 있습니다. 디자인 리소스의..

티스토리/티스토리가이드2010. 12. 24. 06:00

이전에 간단이 서식을 만드는 방법을 알아보았습니다. 이번에는 다 사용하는 그런서식 말고 내가 만들어서 사용하는 서식 응용편입니다. 그중에서도 제목 서식을 만드는데요. 이미지를 이용하는 방법을 알아보겠습니다. 알아둘점. 이미지를 업로드할때 스킨에서 업로드하는 방법 이미지를 업로드할때 티스토리 글쓰기에서 업로드후 비공개로 한후 사용하는 방법 서식을 지정하고 스타일을 지정할때 반드시 CSS편집창이 아닌 서식에 바로 지정한후 지정하기. 이미지를 업로드 할테니 일단 예제 이미지가 있어야겠지요. 제목에 사용할 이미지를 하나 업로드합니다. 자 어때요? 그냥 gif , jpg 이미지가 아닌 png 이미지입니다.이미지파일명은 post_title.png 입니다. 이미지를 사용하려면 이미지의 주소를 알아야합니다. 위의 이미..

티스토리/티스토리가이드2010. 12. 23. 06:00

본문에 글을 사용하다보면 한 단락을 설정하고 그 단락에 제목을 넣는 경우가 많습니다. 티스토리에는 그런 기능이 이미 포함되어 있고 검색을 해보면 티스토리에서 사용할수 있는 서식들이 많이 있습니다. 여기서는 간단이 이용할수 있는 티스토리 글상자 서식과 제가 사용하는 서식 두가지를 알아보겠습니다. 글 중간에 단락을 시작할때 제목을 설정합니다. 그럴때 간단하게 티스토리 에디터화면에서 글상자를 이용해서 제목을 강조하는 것을 해보겠습니다. 티스토리 제목 서식(글상자). 서식중에 가장 흔이 사용하는것이 글상자입니다. 이미지를 보시죠. 가를 클릭하시면 글상자가 확장이 되고 색색깔의 박스를 삽입할수 있습니다. 직접 선택을 클릭하면 다른 형태로도 만들수도 있습니다. 전 그냥 간단하게 노랑색 글상자를 만들어보았습니다. 글..

티스토리/티스토리가이드2010. 12. 19. 06:00

티스토리를 처음 시작하는 분들을 위해서 이 글을 씁니다. 티스토리 스킨을 변경하는 방법은 두가지가 있습니다. 하나의 티스토리에서 배포하는 스킨을 사용하는것과 다른곳에서 배포하는 스킨을 사용하는 것이 있습니다. 스킨을 변경하기전 꼭 알아야 하는 것 스킨을 변경하기전 꼭 알아야 하는것이 있습니다. 스킨에 포함된 광고코드나 링크들을 백업해둔다. 변경하기전 스킨을 항상 저장한후 스킨을 변경한다. 스킨변경후 나머지 설정(사이드바 설정,화면출력 설정,카테고리 설정등 )을 해준다. 이렇게 두가지는 꼭 해두시고 스킨을 변경하시기 바랍니다. 티스토리에서 배포하는 스킨으로 변경하는 법 티스토리 관리자화면에서 스킨 - 스킨선택에서 간단하게 적용버튼만 누르면 스킨을 변경할수 있습니다. 아래 그림을 보시면 스킨 저장이라는 버튼..