요즘 날씨가 너무 좋아서 봄이 언제 왔는지도 모르게 여름이 오고있다는 생각이 많이 들게 합니다. 외출을 하시면서 피어있는 벚꽃이나 철쭉 구경들은 많이 하셨는지 궁금합니다. 기분도 좋고, 뭔가 새롭게 시작하고 싶다고 마음이 생긴다면 이번 기회에 새로운 티스토리 스킨으로 옷을 갈아입어 보는 것은 어떨까요?
이번 스킨의 고민은 "브라우저 크기가 다른 상황에서도 누구든지 예쁘게 블로그를 볼 수 있는 스킨"은 없을까? 라는 생각에서 시작되었습니다. 이번 스킨은 본인의 브라우저 사이즈 (가로 사이즈 해상도)에 따라 2단 또는 3단으로 변형되는 스킨으로 매우 심플한 디자인으로 콘텐츠가 잘 보일 수 있도록 제작되었습니다.
Moving Box 스킨 공개!
이번에 소개된 Moving Box 스킨은 아래에 보시는 것과 같이 해당 블로그를 보고 계시는 사용자 컴퓨터의 해상도에 따라 2단 또는 3단으로 변형됩니다. 해상도가 큰 모니터를 사용하시는 분들은 3단형 스킨으로 보이고, 보통 또는 작은 해상도의 모니터의 경우에는 2단으로 보여지게 됩니다.
고해상도 (3단형) | 저해상도 (2단형) |
기존 3단형을 쓰시면서 본문 폭이 너무 좁은 것 같아 고민하셨던 분들, 혹은 해상도가 높은 모니터를 사용하셔서 작은 모니터에서 늘 스킨이 조금 잘려서 나오는 경우가 있어서 고민하셨던 분들이라면 한번 도전해보세요!
- 레이아웃 : 사용자의 모니터에 따라 2단 또는 3단 (사이드바 구성은 3단형을 기본으로 합니다.)
- 색상 : 초여름 같은 느낌의 그린, 따뜻한 브라운, 세련된 블랙 3가지를 준비하였습니다.
- 최적화된 본문(글쓰기 영역) 사이즈 : 전체 사이즈는 1178px이며, 본문은 620px 입니다.
- 스킨위자드 : 배경 색/이미지, 타이틀 이미지 교체, 게시글 폭넓이 폰트 지정 등 가능합니다.
- 저작권 : 티스토리 내에서 다시 수정, 재배포 가능합니다.
- 설명 : 웹표준을 준수한 XHTML 기반의 스킨입니다. 시맨틱한 웹을 유지하기 위해 디자인 부분을 style.css 파일에 독립시켜 적용하였으며, 가로 사이즈는 1178px이며, 자유롭게 디자인을 수정하실 수 있습니다. 이 스킨은 IE 6, 7과 파이어폭스2 에서 최적화되었습니다.
Green | Brown | Black |
심플하고 멋진 스킨으로 내 블로그를 변신시켜 보시면 어떨까요?
앞으로도 더욱 즐겁고 예쁜 티스토리로 찾아뵙겠습니다.
감사합니다. 모두 즐거운 주말되세요!
'새로운 소식 > 스킨 (Skin)' 카테고리의 다른 글
| Right Wing 스킨 3종 오픈! (27) | 2008/09/11 |
|---|---|
| Tag Your Mind 스킨 3종 오픈! (26) | 2008/05/19 |
| Moving Box 스킨 3종 오픈 안내! (52) | 2008/04/18 |
| 갤러리스킨 3종이 업데이트 되었습니다! (44) | 2008/03/20 |
| 봄처럼 상큼한 스킨 3종 업데이트 (27) | 2008/02/29 |
| 1월 마지막 스킨 3종 업데이트 "Look At You" (28) | 2008/01/31 |
트랙백 주소 :: http://notice.tistory.com/trackback/1006
-
Subject: 해상도따라 자동 변신하는 새 스킨 moving box!
Tracked from 부르릉~재시동 2008/04/18 15:56 삭제티스토리 새 스킨이 나왔네요 "브라우저 크기가 다른 상황에서도 누구든지 예쁘게 블로그를 볼 수 있는 스킨" 이라네요~ 일단 적용시켜 봤습니다 제가 쓰는 작은 모니터에서는 이렇게... 해상도가 높은 동생 컴에서 켜보니 이렇게...3단으로 나오네요^^ 개인적으로 연두색 선이 들어간 검정메인 맘에 듭니당~ 그리고 3단이 더 나은듯.. 깨끗해 보이고 이쁘네요. 큰 모니터 쓰고 싶은 마음이 굴뚝 굴뚝.. 컴 해상도에 따라서 2단이 되었다가 3단이 되었다가 자..
-
Subject: Tistory 의 새로운 스킨 Moving Box으로 새단장 했습니다
Tracked from 사진찍는 프로그래머 2008/04/18 23:28 삭제새 단장 - Tistory 의 새로운 스킨 Moving Box으로 변경했습니다.<?xml:namespace prefix = o /> 티스토리에서 오랜만에 정말 마음에 드는 스킨이 공개되었습니다. Moving Box 스킨 3종 오픈 안내! 스킨 상단도 상당히 세련되고 무엇보다도 사용자 모니터의 해상도에 따라 자동으로 2단과 3단 레이아웃으로 보여주도록 되어 있더군요. 이번에도 역시 가로사이즈가 가장 걱정이었는데요. 역시 스킨 위저드에서는 게시 글의 폭..
-
Subject: 심플한 스킨
Tracked from Dayoff 's Blog ! 2008/04/19 18:35 삭제우선 디자인이 심플해서 좋은거 같다. 그리고 전체적인 색상 자체도 포스팅의 내용물들을 눈에 띄게 해주는데 디자인 하신분이 아마도 이런 것들을 고려하신듯 ... 그리고 중요한점은 모니터의 해상도가 다들 다르기 때문에 2단 스킨을 선호하는 사람들이 있는데 (나도 포함..) 요 스킨은 그런점에서 아이디어가 좋다는 생각이다. 몇가지 스타일을 조그 고쳐봤는데 질리지 않으면서도 무난해서 오래 사용할 수 있을듯 싶다. 어쨌든 입맛에 맞게 바꿀려면 앞전에 쓰던 너..
-
Subject: 블로그 스킨 변경 했습니다.
Tracked from Naerro :: 會者定離 :: 去者必返 :: 生者必滅 2008/04/20 05:45 삭제티스토리에서 이번달에 공개한 스킨 중 마음에 드는것이 있어서 블로그 스킨을 변경 했습니다. 그 전 스킨은 이것저것 붙여 놓은 것이 많았는데.... 이번엔 그냥 디폴트 모드로 사용해 보려고 합니다.... 유니세프 소셜 네트웍 배너만 설치 했습니다. 티스토리에서 제공해 준 2단 사이드바를 사용해 보려고 익스플로러 창을 키웠더니.... 다른 사이트들에 접속 할때 양 옆에 공백이 많이 남는 군요. 기본 폰트도 저번 스킨은 제가 베르다나로 바꿔서 사용했었는데..
-
Subject: '천상의 목소리' 코니 탤벗, 21일 내한 '스타킹' 출연 확정
Tracked from Happy_room 2008/04/20 09:02 삭제영국 ITV1의 스타발굴 프로그램 '브리튼스 갓 탤런트'에서 폴 포츠와 경합을 벌였던 가수 신동 코니 탤벗(8)이 데뷔 음반 발매를 기념한 한국 방문에서 SBS TV ''놀라운 대회 스타킹'에 출연한다. 7일 공연기획사 뮤직컴퍼스에 따르면 탤벗은 음반 발매를 기념해 21일 내한, 4박5일 일정으로 한국에 머물며 프로모션 일정을 소화한다. 22일 '놀라운 대회 스타킹'이 마련한 어린이날 특집 편(방송은 5월3일)에 출연하며 아동병원 등을 방문해 자선..
-
Subject: 티스토리 스킨편집
Tracked from Oneclick 's Blog ! 2008/04/22 03:24 삭제아 ~~ 하루동안 삽질끝에 겨우 대충 간신히 -_- ... 수습을 했다. 힘들다. (이 날씨 좋은 일요일날 딱 한시간 정도만 투자해서 짜맞춰보자 했던게 한시간은 기본이요.. 결국 대충 마무리 지어놓고 보니 어느새 서너시간이 지나있는것이 아닌가..;) 게임도 아닌데 중독성이 있다는... 너이뻐 블로그를 애용하다가 이렇게 스킨을 직접 손볼수 있는 블로그를 접해보니 입맛에 맞게 수정하는게 힘들고 막히는 부분이 많다. (음 대충 티스토리에 블로그 개설한지가..
-
Subject: 티스토리에서 제공하는 Moving Box스킨에서 날자를 이미지로 표현하는데 문제 해결
Tracked from jugug.net 2008/05/11 12:30 삭제얼마전 티스토리에서 화면의 너미에 따라 2단,3단으로 바뀌는 Moving Box라는 스킨을 만들어 배포한것으로 압니다. 배포된지 얼마 되지 않았는데도 실용성과 디자인덕분인지 사용하시는 분이 많은거 같습니다. 저도 스킨개발을 위한 서브블로그에 적용시켜 보니 이쁘네요. 그런데 한가지 문제가 있습니다. 글을 쓴 날자를 이쁘게 달력스타일의 이미지로 바꿔주는 부분이 있는데 페이지를 읽어들일때 잠깐 날자가 택스트로 보였다가 사라지면서 이미지로 보이는 겁니다...
-
Subject: Moving Box 스킨 버그 해결방법
Tracked from BLUE'nLIVE's diary++ 2008/05/24 10:08 삭제only show to everyone 이라는 거… Moving Box 3종 세트는 최근(4월 18일)에 공개된 티스토리 스킨으로서 깔끔한 디자인으로 인해 많은 사용자들이 사용하고 있습니다. (현재의 제 블로그의 스킨도 이 Moving Box를 커스터마이즈한 것입니다) 그런데, 넓은 사용자 계층이 형성되어 있음에도 불구하고, 이 스킨은 치명적인 버그가 있습니다. 바로, 방명록의 only show to admin (관리자만 보기) 체크박스의 기능이 마..
-
Subject: 스킨 수정: Moving Box ( Green => Blue )
Tracked from Crazy Life on Net 2008/10/14 17:21 삭제Moving Box(Green)의 녹색 계열이 좀 식상한 듯 하여, 얼마전부터 심심할때 틈틈이 파란색계열로의 변신을 준비했습니다. 그리고 오늘, 드디어 그 작업을 마무리 했습니다. 짜잔~~ 크게 바뀐거 같진 않지만, 나름 공을 들여보았습니다. 당분간은 특별한 벅(bug)이 없는 한 별 수정없이 이상태로 쭉 가야겠네요.. ^^
댓글을 달아 주세요
음... 스킨 괜춘하네여~!
전에 3단 사용하다가
잘려져 보인다는 이야기를 듣고 2단으로 수정했었어요
이젠 아주 편리하게 사용할수 있겠군요...자동조절이라
고맙습니다...잘 쓸께요 ^ ^
해상도가 높은 모니터를 사용하신다면, 한번 브라우저 크기는 조절해서 테스트해보시는 것도 좋을 것 같습니다. ^^
와~ 마음에 들어요~ ㅋㅋㅋ
거의 한 달 주기로 새로운 스킨이 나오는 것 같은데, 뭔가 좀 아쉽네요. 새로 나온 스킨이 곧바로 인기베스트 스킨 표시를 달 만큼 그야말로 '스킨이 배고픈' 상황에서 이곳과 포럼, 그리고 스킨 제작자 이벤트만 바라보고 있기에는 허전하다고나 할까요...
오오.. 마구 땅기네요. 수정할 것들이 많지만.... 열심히 수정해서 바꿔봐야겠어요. ^^
수고하셨습니다.
이렇게 새로운 스킨이 나올때 한번쯤 바꾸고 싶어지긴 하지만,
그렇게하면 skin.html이랑 style.css 수정한것들이 다 날아가버리는지라
못하고 있네요 ㅜ.ㅜ
PC에 파일 만들어서 백업 받으세요..
스킨 수정모드로 들어가서 전체 긁어다가 붙여넣으시면 됩니다.
사용해보니 큰모니터에서 3단으로 잘 나오네요. 편한것 같아요^^
아놔 1빠뺏김
난 해상도 800x480인뎅
드디어,, 스킨을 바꿀때가 온것 같군요~!~...
비밀댓글입니다
오픈마루 블로그( http://blog.openmaru.com/ ) 와 같은 타입의 스킨이군요. 꽤 혹하는데요~
티스토리에서 출시한 스킨 중에 가장 멋진듯.
바꿨습니다. 태그랑 구글 어낼리스틱 등 바꿔야 할 것이 태산이로군요.
제가 원하는 스타일의 스킨이군요. 감사합니다.^^
우와... 정말 마음에 쏙 듭니다.
항상 해상도가 낮아서 이쁜 스킨 못 쓰고 있었는데... 감사합니다.
여태까지 티스토리 스킨 중 단연 돋보이네요.
걱정했던 것만큼 힘들지 않게 스킨 변경에 성공했습니다.
멋진 스킨 감사합니다.
지금껏 나온 스킨 중 최고!
비밀댓글입니다
스킨 바꿔야겠군요..
바꾸면 또 편집 해줘야겠군요.. 각종 스크립트와 메타태그 등..
귀챦..;;;
자꾸 본글아래로 내려 같다가 옆으로 오네요.
이런 무빙은 아닐텐데...쩝
사이드가 본문 아래로 가는데 본문 제목에 날짜 나오기 전까지 사이드가 아래 내려갔다가 날짜 나오면 사이드로 오네요. 어떻게 해결 해야 하나요?
본문제목에 나오는 날짜는 어디서 로딩되길래 늦나요?
스킨은 정말 좋은데 해상도에 따라, 브라우저에 따라 사이드바가 사라지는 문제가 있습니다. 가로 사이즈가 모자라는 것도 아닌데 사이드바가 통채로 아래로 가버리네요.
자동으로 2단, 3단으로 변경되다 보니 어느정도 감수해야 할 부분인것도 같은데, 이 스킨 사용하시는 분들은 1024, 1280 등에서 꼭 테스트 해 보세요
꽤 괞찬은 것 같아요..
다만 자진이 브라우져 마다 짤릴거라는 생각이 드네요 ;;
이게 head에 스크립트 부분만 삭제하면 자동으로 3단 스킨이 되는 건가요? 크기 조절없이 2 또는 3단으로 가운데 정렬 시키는 방법 아시는 분 답변 부탁 드려요~
깔끔하네요.티스토리 스킨은 깔끔을 많이 지향하는 듯? ^^
클리닝~!! 와우!~?
트랙백 사이즈가 커서 트랙백 걸린 글의 오른쪽 영역이 짤려 보입니다.
제가 스스로 수정하기는 했는데....좀 더 신중을 기해서 스킨을 만들어 주셔야 할듯 합니다.
또 바꿔야겠군요. 2단만 고집하다가 미친척하고 갤러리 스킨으로 바꿨었는데, 불편한듯 하여 이걸로 써야겠습니다.
Crazybar님 답변감사합니다.
그런데... 그렇게 하면 기존의 스킨이랑 이미지 파일명 같은것들이 달라서 충돌이 일어나지 않을까요?
스크립트 문제인지 무슨 문제인지, 첫 접속후
사이드 바가, 본문의 페이징 아래에 죄다 내려가 있는데
몇 분 지나야 계산이 끝나는 지
제자리(사이드)로 오는데요.
무빙 안해도 좋으니, 2단으로 고정시켜 쓰고 싶은데
css를 손보려해도 도통 복잡하게 되어있어서...
난감하네요.
[무빙기능 없애기]
skin.html 상단에 자바스크립트 부분에서
function pageLoad(){
imgDate();
}
이렇게 호출되는 함수 두개를 지워버리시고~
style.css에서 body.column2 #wrap을 찾으셔서 아래처럼 고치시면 끝입니다.
background:url("images/bg_wrap2.gif")
(지금은 bg_wrap.gif로 되어있는 듯...)
아주 색감이 맘에 듭니다...
그런데 본문의 사진이 짤리는 .. ( 워낙 사진이 중구난방이라... ㅠㅠ ) 현상으로
어쩔수 없이 3단을 2단으로 맞추어 사용중입니다...
그러나.. 적용이 쉽게 되더군요.. 맘에 들어요.. 감사합니다... 꾸벅..
그런데.. 이건하나 있었으면 하는것이 있습니다...
네이버 블로그에 보면, 게시글 목록을 검색 할때 본문 및 전체가 새로고침이 아니라.. 게시글 목록만.. 고침이 됩니다. 이 좋은 기능이 여기에도 있었으면 합니다.. 그러면 더 빠르고 안정적인 블로그 환경이 될것 같아요... 네이버블로그보다.. 아쉬운점... 이였습니다.
글을 적었던 것 같은데...
좋은 스킨 잘 적용해서 사용하고 있습니다.
메인사진의 상단에 검색창이 나오는데
위치를 바꾸거나 없앨 수 있는 방법을 알고 계시면 답변 좀 부탁드립니다.
항상 감사합니다. 티스토리!!
없애는게 위치 이동보다 간단할 것 같습니다.
skin.html에서 아래 내용을 찾아서 삭제하시면 되겠습니다~
<div class="module_search">
<div class="input_box">
<input type="text" name="search" id="searchKeyword" value="" onkeypress="if (event.keyCode == 13) { try{window.location.href='/search/' + document.getElementsByName('search')[0].value.replaceAll('%', '%25'); return false;}catch(e){} }" class="input_search" />
<input value="검색" type="image" src="http://cfs.tistory.com/custom/blog/12/126598/skin/images/btn_search.gif" onclick="try{window.location.href='/search/' + document.getElementsByName('search')[0].value.replaceAll('%', '%25'); return false;}catch(e){}" class="input_btn" />
</div>
</div>
비나와라님 진심으로 감사드립니다...^^;
이 스킨을 사용하시는 님들이 많으시네요.
색감이 좋아서 맘에 들어요 ^^
태그 색상을 바꿀 수 있는지 알고 싶습니다.
어떻게 바꾸는지 방법도 알고 싶구요...^^;;
알고 계신분은 꼭 알려주시길 부탁드립니다..!!
스킨편집에서 style.css를 편집하시면 됩니다.
태그는 각 포스트 아래와 사이드바, 그리고 상단에 Tag 메뉴에 나타나죠. 하나씩 보면...
1) 각 포스트 하단 태그 색상 변경
.article .article_tag a { color: #ffffff; }
2) 상단의 Tag 메뉴 및 사이드바의 태그 색상 변경
/* 태그 클라우드 */
.cloud1, .cloud1:hover {color: #5c72bd !important; font-size: 1.4em; font-weight:bold;}
.cloud2, .cloud2:hover {color: #5c72bd !important; font-size: 1.2em; font-weight:bold;}
.cloud3, .cloud3:hover {color: #5c72bd !important; font-size: 1.1em; font-weight:bold;}
.cloud4, .cloud4:hover {color:#5f5f5f; font-size: 1em; font-weight:bold;}
.cloud5, .cloud5:hover {color:#565555; font-size: 0.9em; }
color: 값을 변경하시거나, font-size를 변경하시면 되겠습니다.
좋은 팁 알려주셔서 진심으로 감사드립니다.
비나와라님...^^; ㅜ.ㅜ
그런데 죄송하게도 제 블로그에 적용 해 보니...
한 번 오셔서 보시면 아실거에요...^^;
제일 큰 태그만 적용되네요...
스킨을 좌측 정렬에서 가운데 정렬로, 그리고 항상 2단으로 고정하고 싶은데, 어찌하면 되는지요
이 스킨의 버그가 비밀글 체크를 하고 댓글을 달아도 비밀글이 되지 않는다는 점이더군요.
(버그 리포팅은 이미 되어 있더군요)
혹시 수정이 되었나요?
그리고, 스킨을 대폭 수정한 지금 와서 뭔가를 테스트할 수는 없을 것 같은데 제가 뭘 수정해야 하는지도 알고싶습니다.
자문자답입니다.
버그 수정방법을 포스팅했습니다.
트랙백을 확인해주시기 바랍니다.
깔끔한 스킨입니다. 저도 적용을 시켰습니다만, 게시글 본문의 링크부분 텍스트 색이, 구분이 않되는군요. 링크부분의 텍스트 색을 바꿀 순 없는지요?
버그 수정방법을 포스팅했습니다.
트랙백을 확인해주시기 바랍니다.
끝내주는군요!! 다음이 티스토리와 손잡은 이후 점점 좋아집니다.
브라우저 사이즈 (가로 사이즈 해상도)에 따라 2단 또는 3단으로 변형되는 스킨으로 매우 심플한 디자인으로 콘텐츠가 잘 보일 수 있도록 제작되었습니다.
끝내주는군요!! 다음이 티스토리와 손잡은 이후 점점 좋아집니다.
혹시 블로그에 열심히 글은 썼는데, 내 글을 다른 사람들이 읽어주었으면 한다면? 혹은 나 말고 다른 블로거들은 무슨 이야기들을 하고, 어떻게 친구를 사귀는지 궁금하다면 오늘 온 세상의 블로거들의 집합소! 올블로그(http://allblog.net)을 만나보는 것은 어떨까요?
서울에서 열린 제1회 태터캠프와 5월 26일 대전에서 열린 제2회 태터캠프에 이어서 세 번째 태터캠프가 오는 7월 21일 (토요일) 오후 1시 30분부터 오후 9시까지 서울 서초구에 위치한 다음 커뮤니케이션 3층에서 개최됩니다.
태그는 각 포스트 아래와 사이드바, 그리고 상단에 Tag 메뉴에 나타나죠. 하나씩 보면...