demun(대문블로그)

티스토리스킨수정/사이드바2010. 12. 16. 16:08

이글은 이전에 발행된 글이지만 코드수정을 하면서 다시 갱신해서 발행합니다. 사이드바는 로 시작해서 끝이납니다. 또 다음에 써주는 주석이 곧 사이드바 제목이 됩니다. 자세한것은 티스토리 치환자를 살펴보세요. 그리고 하나의 메뉴 즉 카테고리,최근글,최근댓글등은 라는 치환자로 감싸집니다. 즉 카테고리 최근글 최근댓글 ....이런 형태입니다. 이건 어느 스킨이다 다 똑같습니다. 사이드바에서 클릭하면 보여지고 , 다시 클릭하면 감쳐지는 부분 즉 본문에서 더보기 기능과 같은 기능을 알아보겠습니다. 이건 사이드바의 내용이 길때 아주 유용한 기능입니다. 우선 소스는 아래와 같습니다. 클릭하는부분 감쳐지는부분 코드하이라이팅이 완전치않아 텍스트 파일 첨부합니다. 이제 사이드바에 적용하는 법을 알아보겠습니다. 사이드바의 대..

티스토리스킨수정/스킨수정팁2010. 12. 9. 19:59

demun.skin.no.11은 되도록이면 사용자들이 편하도록 설계되었습니다.제가 블로그를 하다보니 사이드바에 있었으면 하는것과 블로그 하단부분에 있었으면 하는 부분이 필요하더군요. 그래서 확장성있게 만들었습니다. 11버젼이 필요하시면 배포글을 참고하세요. http://demun.tistory.com/1829 또 이웃분들과 배너까지 교환하다보니 그 부분도 있어야 하더군요. 그래서 그 부분도 만들었습니다. 하지만 모든 부분이 이것이 필요하다고는 생각지 않습니다. 필요없는 부분은 삭제하시고 사용하는 방법을 알려드립니다. 난 하단 부분이 필요없다. 하시는 분들은 아래글을 읽어주시면 됩니다. 되도록이면 수정하기전에 스킨을 반드시 저장하고 하세요. 또 제가 추천하는 방법은 코드를 삭제하기 보다는 주석처리하는것을 ..

티스토리스킨수정/스킨수정팁2010. 12. 9. 19:41

스킨을 다운로드 받은후 적용한다음 반드시 해야 하는 부분을 몇가지 적어봅니다. 본인마다의 스타일이 있기 때문에 주소나 스타일을 적용해줘야 합니다. 우선 스킨 변경후 제일 먼저 해야할것은 스킨 변경하는 법을 보시고 반드시 따라해주시기 바랍니다. 그다음 이번 스킨에서 본인의 트위터 주소로 변경해야 하는 부분입니다. 트위터 주소 변경하기 스킨에서 html부분에서 트위터로 검색을 아시면 아래부분처럼 나올겁니다. 그럼 아래처럼 본인의 트위터 주소로 변경해주세요. twitter 아래처럼 변경해준다. twitter 이왕하는김에 제꺼 팔로우한번 하구요^^; 그위에 rss주소도 있는데 기본적으로 블로그주소/rss 를 사용하시는 분들은 그냥 사용하셔도되구, 혹 피드버너나 다른 rss주소를 사용하시는분들은 rss 주소도 변..

티스토리스킨수정/사이드바2010. 11. 26. 20:36

블로그를 하다보면 다른 사람한테는 안보이게 하고 카테고리를 하나쯤 만들어서 작성중인 포스트나 비공개 파일을 업로드하는 포스트정도를 만들일이 있게 됩니다. 그냥 비공개로 하면 문제는 간단이 해결이 됩니다. 허나 하다보면 비공개 글이 많아지게 되고,,,,또 작성중인 포스트가 하나 둘 쌓이게 되면 나중에는 정말 비공개 카테고리 폴더하나쯤 있었으면 하는 바램이 듭니다. 여기서는 비공개 카테고리를 만들고 스킨의 원래 스타일을 그대로 표현하면서 사용하는 방법을 알려드립니다. 또한 다른사람한테는 안보이고, 나만 아는 비공개 카테고리를 만들어봅니다. 간단이 하기 위해 파이어폭스의 파이어버그를 사용했습니다. 필요하신분들은 다운로드 받아서 사용하세요. 아마도 많은 분들이 사용하실거라 생각되지만 혹 모르시는 분을 위해 링크..

티스토리스킨수정/메인메뉴2010. 11. 14. 14:31

이전에 메뉴부분을 살펴보고 대략 수정하는 법을 알아봤습니다. 하지만 완전하게 수정하려면 html 까지 모두 수정을 해야만 합니다. 왜냐면 티스토리 치환자에서 공지사항을 지원하지 않기 때문이죠. 그래서 하나의 박스부분을 두개로 나누어서 하나는 공지사항이, 또 하나는 블로그메뉴가 들어가게 설정을 합니다. 메뉴부분에 대한 글은 1편을 봐야만 2편을 이해할수 있습니다. 연장선에 있는 글이기 때문입니다. 즉 아래의 코드처럼 html 을 수정했습니다. Notice [#\#_blog_menu_##] 즉 공지사항이 들어가는 부분(menu_notice)와 블로그메뉴 부분(blogMenu) 부분 두개가 menuWrap 안에 존재하게 됩니다. 왜 그렇게 했냐면 해더부분중에서 좌측에 타이틀이 존재하고 우측에 메뉴부분이 존재합..

티스토리스킨수정/메인메뉴2010. 11. 14. 12:55

이번에 스킨을 만들면서 새로 추가된 메뉴설정 부분이 있어서 살펴보았습니다. 이전에는 div 를 하나 만들고 그 아래 li 나 a 링크로 만들고 클래스나 아이디를 줘서 왼쪽으로 float 를 주어서 사용했었습니다. 이미지를 사용할경우에는 하나의 이미지에 background-position 를 사용해서 만들었었지요. 하지만 이번에 티스토리 스킨에서 추가되어서 약간 변경된 부분이 있더군요. 제가 처음에 만들었던 html 코드는 아래와 같습니다. home 같은 클릭하면 처음으로 돌아가는것과 지역로그,태그 등 필요없는 것은 삭제하고 만들지 않았죠. 하지만 이번에 변경된것은 블로그 메뉴 치환자 하나면 넣으면 티스토리에서 자동으로 코드를 변환해주죠. 그 변환한 코드를 css 로 설정을 해줘야 합니다. 그러니 변환된 ..

티스토리스킨수정/제목2010. 10. 23. 21:37

블로그 스킨중에서 타이틀은 상당이 중요합니다. 이 부분을 텍스트가 아닌 이미지로 변경하는법을 살펴보도록 하겠습니다. 변경하기전 단순이 타이틀 부분을 단순이 배경으로 처리하는것이 있지만 이 경우는 그닥 추천하는 바는 아닙니다. 왜냐면 링크가 사라지기 때문이죠. 즉 링크도 살리면서 타이틀 부분을 이미지로 변경해보겠습니다. 하나의 스킨을 예로 들면 다른 스킨들도 모두 비슷하니 응용해보세요. 일단 html 에서 _blog_link_ 치환자를 검색해보시면 대략 과 사이에 있을겁니다. html 에서 h1 태그로 블로그 타이틀을 한것은 그만큼 중요하다는 뜻입니다. 이걸 변경해서 h2 나 h3으로 수정해서 폰트크기를 조절하는것은 비추하는 바입니다. 계속해서 아래와 같은 코드로 돼있는지 보시고 안되어 있다면 변경해주시기..

티스토리스킨수정/검색2010. 10. 16. 20:58

많은분들이 구글광고를 하고 구글검색을 하실겁니다. 여기서는 구글검색을 하는것을 가정하에 꾸며보는 방법을 알려드리겠습니다. 우선 사이드바에 구글검색을 단다고 가정합니다. 그럼 스킨에 어울리게 사이드바에 본인의 html 부분에서 사이드바에 해당하는곳을 그대로 복사해서 사용하는것이 좋습니다. 그럼 사이드바에 다른 메뉴와 똑같이 사용할수 있습니다. 먼저 구글코드를 먼저 보여드리고 설명들어갑니다. Search 여기서 20번줄과 21번줄에 하이라이트가 되있을겁니다. 즉 id 는 구글 자체에 정해져있는것이고 21번줄에 class는 하나 추가해서 넣어준것입니다. 그래서 저는 여기에 css 몇줄 추가해서 블로그의 스킨과 비슷하고 어울리게 만들었습니다. 너무 많이 수정하는것은 안되는걸로 알고 있습니다. 뭐 정확한것은 확인..

티스토리스킨수정/메인메뉴2010. 9. 30. 00:10

블로그 상단에 보면 대체적으로 수평 메뉴바가 모두 있습니다. 수평메뉴바는 그만큼 용이하고 중요한 부분입니다. 디자인적으로 접근하기에 좋기 때문에 많이들 사용하지요. 제가 배포하는 블로그 스킨에도 모두 메뉴바가 존재하고 또 좀더 업그레이드된 메뉴바도 있습니다. 업그레이드된 메뉴바는 자바스크립트를 사용한 펼쳐지는 메뉴바를 말합니다. 일단 질문하신분의 문제를 가지고 수정하는 방법을 알려드리겠습니다. 수평메뉴가 있는데 원하는 부분만 우측으로 옮기는 방법입니다. 그분의 html 은 대략 아래와 같습니다. 다른 스킨도 이와 비슷하니 참고하시면 됩니다. Admin Tag GuestBook Notice Write Home 자 잘 보셧지요. 대략 비슷하니 참고하시고 24번째줄에 제가 하이라이팅을 해놨습니다. 이분의 질문..

티스토리스킨수정/사이드바2010. 9. 27. 00:48

이글은 이전에 배포한 스킨에 대한 수정방법입니다. 어느정도는 다른 스킨의 카테고리 수정방법과도 일치합니다. adsense v2 스킨을 사용하다가 카테고리가 많아서 접어야 할때가 있습니다. 간단하게 카테고리를 접는 법을 알려드리겠습니다. 처음에는 아래의 그림처럼 카테고리가 펼쳐져 있습니다. 카테고리를 접고싶을 때는 아래처럼 하면 됩니다. 첫번째 html 수정. 아래 하이라이팅 된 곳을 아래처럼 수정합니다. Category [#\#_category_##] 7번째 줄에 list_ 를 뺀 모양입니다. 위처럼 수정하면 html 은 수정 끝입니다. 두번째 css 수정. css 도 간단하게 수정할수 있습니다. 코드를 아래처럼 수정해주세요. /* 카테고리 */ #category {} #category ul,#categ..