demun(대문블로그)

티스토리/스킨배포2013. 5. 7. 10:29

에드센스 스킨의 특징을 잘 보시면 대부분 이해하실거라 생각됩니다.워낙 다양한 레이아웃과 컬러셋이 있어서 가이드가 있어야 할 것 같아 이렇게 작성합니다. 스킨 미리보기 - 다양한 레이아웃이 어떤 형태로 보여지는지 알 수 있습니다.에드센스 스킨의 미리보기는 동영상으로 참고하시기 바랍니다.동영상이 다소 매끄럽지 못한것은 이해해주세요. 소리가 작습니다. 키워서 들어주세요. 위에서 말한 레이아웃도 있지만 고급형태인 자바스크립트가 포함된 버젼도 있습니다. 자바스크립트가 포함된 스킨 미리보기 자바스크립트가 포함된 버젼은 위에서 제공하는 스킨형태인 2단 스킨입니다.현재 제 블로그에 적용되어 있는 버젼인데요. 두가지 스타일이 있습니다.메인메뉴를 어떻게 사용하는지에 따라 입맛에 맞게 사용하시면 됩니다.메인메뉴를 에니메이션..

티스토리스킨수정/메인메뉴2012. 8. 5. 06:00

이전글에 티스토리의 블로그 메뉴를 드롭다운으로 이용하는 방법을 알아보았습니다. 사실 이 부분도 같이 해결을 할려고 같이 제가 제작한 부분입니다. 티스토리 치환자 카테고리 알아보기. 우선 카테고리 부분을 좀 알아보겠습니다. 티스토리에서 카테고리 치환자는 두가지 형태입니다. 하나는 접고 펼수 있는 형태와 목록이 쭉 펼쳐지는 리스트 형태가 존재합니다. 접고 펴는 형식의 카테고리 [#\#_category_##] 리스트 형식의 카테고리 [#\#_category_list_##] 이렇게 치환자가 다릅니다. 카테고리가 길 경우에는 접고 펴는 형식이 사용하기에는 좋지만 디자인적으로 별로 좋지 않고, 수정이 어려운 점 때문에 저는 접고 펴는 형식은 잘 안씁니다. 제가 하는 방법은 리스트 형식의 카테고리를 사용합니다. 목표..

티스토리스킨수정/스킨수정팁2012. 2. 1. 06:00

Stripe_Default 스킨은 제가 미리 코드를 넣어 놓은것이 몇군데 있습니다. 그래서 사용할 때는 반드시 본인것으로 수정해서 사용해야 합니다. 스프라이프 스킨이 필요하시면 배포글을 참고하세요. 수정 할 부분을 하나 하나 알려드리겠습니다. 1. 구글 메타 태그. 안에 구글 메타태그를 본인것으로 수정하세요. 구글 광고를 안하시는분은 아래 이미지의 한 줄을 그냥 삭제하시면 됩니다. 2. 소셜 링크. 아래 이미지처럼 저의 주소로 모두 되어 있으니 본인것으로 수정하시면 됩니다. 한가지 기본 RSS 주소를 사용한다면 RSS 주소는 그냥 두셔도 됩니다. 만약 피드버너등을 사용한다면 해당 주소로 변경하시면 됩니다. 3. 본문 구글 광고. 본문 위에 보여지는 구글 광고를 본인것으로 수정하세요. 아래 이미지를 보시면

티스토리/스킨변경제작이력2012. 1. 17. 20:52

1단 스킨을 만들때 적용했던 따라다니는 플로팅메뉴를 사이드바형식으로 적용했습니다. 사이드바는 전부 하단으로 내렸습니다. 사이드바도 플로팅 메뉴로 사용할 수 있게끔했지만 항상 따라다니기 때문에 높이제약이 있어 사이드바 메뉴 한두개 정도만 적용이 가능합니다. 많이 적용하면 보이질 않아요.... 플로팅 메뉴를 사이드바에 구성한것은 온오프믹스 사이트나 기타 신문사 사이트에 보면 징글징글하게 광고가 따라다니죠....ㅎㅎㅎㅎ 이걸 착안으로 한번 만들어 봤습니다. 광고야 나중에 떼면 되니까요.... 여기서 신경을 쓴것은 티스토리는 상단에 tistorytoolbarid 라는 메뉴가 있습니다. 요걸 아예 위에 배치하는 장소를 마련했습니다. 왼쪽으로는 소셜아이콘으로 배치를 했지요. 상단에 아이콘과 사이드바의 아이콘은 하나..

티스토리/스킨변경제작이력2012. 1. 3. 06:00

이전에 제작한 스킨은 html5로 마크업한 스킨이였습니다. 현재 ie 가 지원하지 않는 부분이 많아서 어려움이 많았습니다. 다른곳의 html5로 제작된 스킨을 보면 ie 6,7로는 도저히 볼수 없던 사이트들이 많습니다. 하위 브라우져의 호환성을 염두해두지 않고 무작정 신기술인 html5로만 마크업을 했기 때문이지요. 하지만 이전에 제작한 html5로 마크업한 Gray Border 스킨은 써핑할 정도는 되게끔 제작되었습니다. html5는 자바스크립트에도 영향을 미칩니다. 여하튼 이번에는 비교적 가볍고, 깔끔한 스킨을 제작하려 했습니다. 되도록이면 이미지를 사용안하려고 했으며 비교적 색상을 입히지 않고 원초적인 화이트 색상을 유지하려 했습니다. doctype 가 xhtml 이니 만큼 하위 브라우져에도 신경을..