'가변형레이아웃'에 해당되는 글 1건

  1. 스킨 변경 Moving Box - Blue (가변형 스킨) 2009년 06월 15일

스킨 변경 Moving Box - Blue (가변형 스킨)

Posted at 06 15, 2009 13:22 & Posted in Study/Blog
텍스트큐브를 쓰다보면 그런 스킨들  적용하다보면 틀어지는 부분도 많고 html 수정법을 찾게 되지요..
그래서 스킨을 바꾸는 건 저에겐 큰 일이었던 같습니다.
(초보일때는 스킨 바꾸다 플러그인...위젯 다 날려먹고 처음부터 전부 했던 적도 있었죠..ㅜㅜ
욱해서 텍스트큐브 닷컴으로 이사갈까도 했지만 그래도 꿋꿋히 써보려고 참았습니다..)
 
그러던 와중 너무나 맘에 드는 스킨을 발견!!!..
디자인 적은 부분은 오히려 별로 일수 있으나..해상도에따라 단이 변하는 스킨을 발견했습니다.
http://notice.tistory.com/1006(새 창으로 열기) 티스토리에서 발표한 moving box(green) 스킨 입니다.
1280 이상의 해상도에서는 3단..그 이하 해상도에서는 2단으로 표시됩니다..

1. 3단을 쓰고는 싶으나 사이드바가 너무 무거워지고..본문이 짧아지는 문제가 해결됬습니다.
2. 큰 모니터를 충분히 활용할 수 있는 블로그를 만들면서도. 넷북에서도 완벽한 블로깅이 가능한 장점이있습니다.

티스토리의 스킨이라 입맛만 다시고 있다가 http://www.crazybar.net/(새 창으로 열기) 운영하시는 호아범 님이 배포하신
Moving Box - Blue 버젼을 받을 수 있었습니다. ( 감사드려요.ㅎㅎ)
그 수정본에서 수정을 조금 더 해봤습니다..
상단 타이틀에 소개부분이 들어가는 것 뺴고..타이틀 크기 바꾸고..등등..(쓰다보니 좀 자질 구레하네요..)

스킨의 또하나의 매력은 다름아닌 본문내용 글씨체와 사이드바의 타이틀 스타일 입니다
이전까지 스던 스킨들은 타이틀이 이미지 폰트라 포토샵에 손을 대지 않고는 새로운 타이틀을 만들수가 없었죠..
이 스킨의 경우 타이틀이 텍스트폰트 로 되어있어서 쉽게 만들수가 있었습니다.
덕분에 트위터, 2번째 블로그 링크 등 위젯 형태로 붙는 플러그인에도 타이들을 넣어줄수가 있더군요..
헬리젯, 카운터, 광고 등등을 붙이고서야 스킨 변경을 완료!!
스킨 바꾸고 나니 rss 버튼도...믹시.view 버튼도 바꾸고 싶어지네요..
블로그의 세계는 끝이 없나 봅니다..^^

와이드 LCD 모니터의 보급으로 인해 user 들마다 다른 해상도를 쓰는 게 현실입니다.
현 프로젝트에서 분석한 데이터에 따르면 1024* 768 과 1280*800 이상 의 비율도 1:1 에 가까운 것 같습니다
(기타 15%는 제외)

지금은 블로그 스킨으로 시작 했지만..추후에는 웹사이트에서도 많이 적용될듯 한 내용일듯 합니다.
특히 작게는 모바일폰에서 풀 브라우징을 지원하지만 노트북,모니터 같은 해상도까지 지원에는 무리가 있고..
크게는 '서피스' 를 위시한 대형 디스플레이도 등장하는 만큼
다양한 해상도를 고려한 레이아웃 설계가 필수적이 되지 않을까 합니다.
(이제 모바일에서 서피스 까지 모두 소화 가능한 사이트를 만들게 되지 않을까요..)

1단<=>2단<=>3단 그리고 그보다 작거나 큰 내용을 한페이지에서 보일 수 있도록 하는..
사이트를 만들고 싶어지네요...물론 그에 어울리는 사이트여야겠지만..ㅎㅎ

< 1280 이하일 경우 2단으로 보임 : 방식은 세번째 단의 사이드바가 2번쨰 하단으로 이동함 >



< 1280 이상일 경우 3단으로 보임 >

 
06 15, 2009 13:22 06 15, 2009 13:22

http://jinugoon.com/trackback/131

  1. 스킨 수정: Moving Box - Blue (배포 가능) // Crazy Life on Net 06 17, 2009 13:50 [Delete]