demun(대문블로그)

퍼블리셔/도구2013. 1. 10. 05:00

그리드시스템이란 레이아웃을 격자형태로 짤라서 잡아주는 도구를 말합니다. 검색을 해보시면 아주 많은 그리드가 나옵니다. 그중에서 오늘 소개하는 것은 세만틱 그리드 시스템입니다. -> http://semantic.gs/ 이 semantic 은 제가 제작한 반응형 스킨 Responsive 에 사용된 그리드 시스템입니다. 반응형 스킨 Responsive -> http://demun.tistory.com/2271 홈페이지에 보시면 다운로드 링크와 함께 사용방법이 적혀있습니다. 예제. Fixed Layout , Fluid Layout , Maximum-width , Nested Columns , Responsive Semantic 의 장점 또는 특징. 1. less 를 지원합니다. 그리드 시스템중에서 less , ..

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

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

일상2010. 12. 4. 11:28

웹디자인이라고 하기에는 무리가 있지만 스킨을 만들면서 하나 하나 배워가고 있습니다. 좀더 멋진, 좀더 좋은 스킨을 만들려고 하니 배워야하는것이 한두가지가 아니더군요. 처음에는 단순이 html 과 css 를 가지고 티스토리 치환자를 습득하여 만들곤 했는데요. 만들다보니 웹표준, 코딩순서, 속성 우선순위.....등등 세세하게 배워야하는 부분이 많더군요. 더군다나 멋진 레이아웃을 만들려고하면 포토샵의 도움이 필요하더군요. 그중에서 간단하게 제가 익혀보는것을 보여드리겠습니다. 요넘들을 어떻게 레이아웃에 적용을 하고 응용을 해야하는지는 머리를 좀더 써야할듯 보입니다. 포토샵에 관련한 이미지 먼저 사이드바에 적용가능한 것입니다. 다음에는 벽에서 나오는듯한 이미지입니다. 다음은 배너들에 적용하면 좋을듯한데요. 테두리..

컴퓨터/무설치/포터블2009. 5. 12. 10:01

Macromedia Dreamweaver에 대해서는 다들 잘 아실겁니다. 워낙 귀한 프로그램이니 빨리 서두르는것이 개인적으로 좋다고 생각합니다. 자료는 영원하지 않습니다. 이 프로그램에 대해서는 설명은 생략하고 어떻게 생긴건지 간략하게 스샷몇장으로 끝내겠습니다. 서두르세요. Portable Macromedia Dreamweaver 8.0.2 무설치 포터블 드림위버 관련게시물 더보기