Aesthetics of COLOR 스킨 공개.
Blog Skin | 2007/11/06 10:45
색의 3원소 노랑,빨강,파랑을 컨셉으로 스킨을 제작하였다.
원색을 주제로 하면 꽤 화려한 스킨이 나오겠지만 3원소는 포인트 컬러로만 사용을 하여
튀지않도록 하였다.
가장 심플한 디자인을 하기위해 처음에는 1단 스킨을 생각했으나,
역시 사이드바의 편의성을 무시할 수가 없었다.
그래서 가장 간단하게 나타날수 있는 사이드바로 제작을 하였다.
그리고 고급스러워 보일수 있는 배경을 제작하여 패턴으로 깔아주었다.
IE6.0,IE7.0,파이어폭스에서의 디자인을 맞추기위해 꽤나 고생을 했다.
사이드바의 내용을 표시하고 싶으면 skin.html파일의 해당항목에 style="display:none"를 삭재하면 로딩시 내용이 나타난다.
원하는 부분만 나타나게해도 좋을것 같다.
스킨다운로드 - 테터툴즈 스킨자료실
원색을 주제로 하면 꽤 화려한 스킨이 나오겠지만 3원소는 포인트 컬러로만 사용을 하여
튀지않도록 하였다.
가장 심플한 디자인을 하기위해 처음에는 1단 스킨을 생각했으나,
역시 사이드바의 편의성을 무시할 수가 없었다.
그래서 가장 간단하게 나타날수 있는 사이드바로 제작을 하였다.
그리고 고급스러워 보일수 있는 배경을 제작하여 패턴으로 깔아주었다.
- 이미지를 클릭하면 확대된 이미지를 볼수 있습니다.-
사이드바는 처음에는 모두 타이틀만 표시되고 해당 타이틀을 클릭하면 내용이 나온다.IE6.0,IE7.0,파이어폭스에서의 디자인을 맞추기위해 꽤나 고생을 했다.
사이드바의 내용을 표시하고 싶으면 skin.html파일의 해당항목에 style="display:none"를 삭재하면 로딩시 내용이 나타난다.
원하는 부분만 나타나게해도 좋을것 같다.
스킨다운로드 - 테터툴즈 스킨자료실
trackback :: http://www.magnet-t.com/blog/trackback/134
아이디어가 끊임없이 샘솟으시는군요. 블로그 이름처럼..
정말로 뚝딱하면 멋진 결과물이 탄생하는 작업공장같아요.
전 수정해서 쓰는 것도 한참 걸리던데.. 부러울 따름.. ^^;
제작과정에 대한 멘트도 더해 주셔서 읽는 재미도 있구요.
감사합니다.^^;
저도 스킨만들때는 꽤나 시간이 걸린답니다.
그나마 지금은 어느정도 틀이 잡혀있어서 조금만 수정하면 되지만 그것도 컴퓨터마다 보이는게 달라서 수정하고...
스킨만드는작업은 자그마한 수정의 연속인거 같습니다.