SAVE THE DEVELOPERS <!> Upgrade IE 6 Now!

이 배너는 IE6 사용자에게만 보여집니다. 브라우저 업데이트로 보다 편리한 웹세상을 만나보세요!

«   2024/04   »
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30        

New Skin !

새 술은 새 부대에 담아야 제 맛인 법? 2007년을 맞아, 틈틈이 저녁먹고 한두시간씩 쪼물딱 쪼물딱 거렸습니다. 왜 이렇게 어둑어둑한 색을 택했는지 알수가 없습니다. 곳곳에 여기저기서 보고 좋다고 생각했던 것, 맘에 들었던 것들을 짜깁기한 흔적들이 보입니다. 아무튼, 머릿속에 그려졌던 모습과는 달리 왜 이렇게 지저분해 보이는지.. 글자가 많아지니 어쩔수가 없어요. 하긴 조금씩 만드는 동안, "다 완성되어도  오래 쓰지 못할거야" 를 이미 느끼고 있었습니다. 역시 하얀 스킨이 좋아요. :) 하얀 스킨에서 작성한 글들이 검정 바닥에 놓이니, 별로 보기 좋지 않아요. 예전에도 숯검댕이라고 해서 거무튀튀한 스킨에 도전했다가, 하루 사용하고 내렸던 일이 있.....;

모노크롬 스킨이 맘에 딱 드는 것은 아니었지만, 어딘가에서 멋진 블로그를 보고, 그렇게 해 보려고 하다 보면, 모노크롬만큼 예쁘게 만들수가 없었습니다. 낄낄. 눈에 너무 익어 버려서 인지, 다른 것들은 눈에 차지가 않아요. 그럼에도 불구하고 새 스킨 작업을 했던 이유는, 모노크롬 스킨을 사용하는 사람들이 제법 많아 졌기 때문입니다. 하하.. "레이아웃만 봐도 내가 어느 블로그에 들어와 있는지를 알아야 한다"라고 일찍이 누군가가 말했었죠.

이일에 전력을 다할수 없는 요즘 상황도 상황이지만, 이미지 하나 없는 블로그 스킨에 시간이 좀 걸린것은 IE 덕분입니다. 자주 격던 일이니 뭐 그다지 새로울것도 없지만, 오른쪽에 붙어 있는 스크롤바가 좌측으로 스물스물 기어오는 충격적인 버그(?) 도 봤습니다. 물론 이것이 버그인지 무엇인지 잘 모릅니다. 암튼 고정되어 있는 배경 덕분에 스크롤이 썩 좋지 못합니다. (메모 : IE에서 lightbox를 동작시켰다가 닫으면 스크롤바 괴동작.)
현재도 IE와 FF가 조금 다르게 출력되고 있어요. -_ㅡ;

뭐, 이것저것 목표했던것에 이르지는 못했지만, 새롭게 기분전환입니다. :D

에드센스도 다시 달고, 플러그인 관련한 것들도 다시 추가하고 해야 할것이 아직 많지만, 시간이 어느덧 4시니 오늘은 이만 자고...;;; 혹시 지나가시던 Safari 유저께서는 부디, 이곳이 정상적으로 동작하는지 알려주시면 감사할께요~!



TAG ,
 

Monochrome Skin for TT 1.1 [Ver1.2]

Monochrome 스킨이 1.2 버젼으로 업데이트 되었습니다.

1.1용 스킨 ver 1.1 에서 달라진점
  1. body ID 기능을 사용해 탭 네비게이션에 현재탭을 표시합니다. (이 기능은 nezene님의 이 스킨에서 배워 왔습니다.)
  2. body ID 기능을 사용해 방명록 부분에 사이드바를 출력하지 않습니다. (방명록에 출력될 리스트 갯수를 작게 잡아주시면, 짜리몽땅한 귀여운 모습이 될지도 모릅니다. ;_; )
  3. 사이드바의 가로 크기를 늘려도, 레이아웃이 망가지지 않습니다.

User inserted image



사이드바의 가로 크기를 늘리고 싶으신분들이 계신것 같아서 간단히 수정했습니다. 사이드바의 가로 크기를 늘리는 방법은 다음과 같습니다. :)

딱 세군데의 width 값만 변경하시면 됩니다.


기타 바디 아이디에 관련한 css 들은 style.css 파일 제일 하단부에 추가 되었습니다. 다른 페이지에서도 응용할수 있어요~!

아무튼, 요즘에는 예쁜 스킨들이 너무 많이 나와서...
인기없는 스킨을 업데이트 하는것이 의미가 있는지 모르겠습니다. ;_;

 

Monochrome Skin for TT 1.1 [Ver1.1]

MonochromePreview

Monochrome 스킨이 1.2 버젼으로 업데이트 되었습니다.
2006. 11. 28
http://hi8ar.net/279




태터툴즈 1.1 사용자를 위한, Monochrome 스킨을 공개/배포합니다.

기존의 1.0.6을 위한 스킨과 모양상 달라진 점은 없습니다.

1.0.6 스킨에서 달라진점.

  1. 태터툴즈 1.1에 맞도록 제작되었습니다.
  2. 소스가 나름대로 깔끔(?)해 졌습니다.(하지만 아직도 불필요한 부분이 많을수 있습니다.)
  3. 키워드 기능을 사용할수 있습니다.
  4. 스킨관련 메뉴의 사이드바 설정 기능을 지원합니다.
  5. More/Less와 3개의 그림정렬부분등 몇몇부분에 대한 Class를 추가했습니다.
  6. 관리자 댓글, 방문자 댓글, 비밀 댓글에 대한 고유의 Class를 추가했습니다.
  7. 댓글의 갯수와 관련해서, 단 복수 형을 구분합니다.
  8. 포스팅 제목 부분의 글꼴을 Verdana 에서 Lucida Grande로 변경했습니다. (Lucida Grande 가 없는 시스템에서는 Trebuchet MS 글꼴으로 나올것입니다.)
  9. body id 기능을 이용할 수 있습니다. 하지만 현재, 특별히 적용된 부분은 없습니다.
이전 배포했던 1.0.6 스킨과 같이, 검정색빨강색 두가지 컬러셋이며, 대부분의 브라우져에서 이용하실수 있습니다. (Safari의 경우 대략적인 레이아웃만 확인했습니다.) 또한 제작자와 제작자의 배너를 삭제하지 않는 범위 내에서 자유롭게 수정하실 수 있습니다. 하지만, 전반적인 수정으로 스킨의 모양이 원본과 많이 달라졌다고 생각되신 다면 제작자 부분 역시 삭제 하셔도 좋습니다.. :)

이 스킨은 대부분의 코드 내용은 태터툴즈 기본 한글스킨(Xhtml, Tattertools_skyline_ko)을 바탕으로 합니다.
(기본 스킨에 포함된 댓글 아이콘들을 많이 빌려왔습니다....)

이 밖에 활용할수 있는 부분등, 대부분의 내용은 이전에 공개한 1.0.6 스킨과 동일합니다.
이전 스킨 공개글을 참고해 주세요. :)

질문이나 오류에 대한 신고는 댓글로 부탁드립니다.
스킨을 사용하시게 된다면, 간단한 트랙백이라도 하나 남겨 주시면 어떨까요?.... :D


내려받기(Download)
태터툴즈 스킨 게시판으로 링크합니다.

Monochrome 스킨이 1.2 버젼으로 업데이트 되었습니다.
2006. 11. 28
http://hi8ar.net/279


SweetTitle 스크립트에 대해서..



사실 더 일찍 공개 할 수도 있었지만, 괜히 늦장을 부리게 됐습니다...^^;;
이것 저것 일들에 치여, 제대로 손에 잡히는 일이 없네요. 마침맞게 내 놓는다고 했었는데, 조금 늦은것 같기도 하고.....많은 분들이 사용하시진 않겠죠?

아무쪼록 멋진 블로그 만드시길 바랍니다... :D

 

Monochrome 스킨 오류수정

조금은 중요한 오류의 수정이기에 새로운 포스팅으로 알립니다.
죄송해요...;;;;

1. 사파리에서 본문의 스타일이 지정되지 않는 오류를 수정했습니다.

style.css 파일 327라인.
#sidebar .notice {
padding:5px 10px;
margin:5px 0;
-moz-border-radius: 6px;*/
}

위 보시다 싶이 -moz-border-radius: 6px;*/ 부분입니다. 어처구니 없게도 주석 끝만 있고 주석 시작이 빠져있습니다. 필요없는 부분이므로 -moz-border-radius: 6px;*/ 만 삭제해 주세요. 급하게 공개하다 보니, 이런 실수를....-_ㅡ;

다른 브라우저에서는 문제가 없었지만,(이 점이 신기합니다. ^^;;;; IE, FF, Opera 모두 정상출력이 됐었는데....) 이것 때문에 사파리(Safari)에서는 이 이후의 스타일 지정이 적용이 안 된것 같습니다. 죄송합니다. 제 블로그만 사파리 테스트 사이트에서 확인해서 미처 이를 몰랐습니다. 이 문제를 알려주신 JeK님 감사드립니다. 여러 파일을 열어두고, 뒤죽박죽 작업하다 보니, 수정된 곳도 있고 수정 되지 않은 곳도 있고..
저 혼자 쓸때는 생기지 않았던 문제들에... 골치가 아프네요..-_ㅡ;;;;;


2. 사이드바 글 리스트에서 정확히 사이드바 크기에서 글 자르기.

#sidebar ul{
margin:0;
padding:10px;
list-style:none;
overflow: hidden;
}

265 라인에 overflow: hidden; 을 추가 하시면 제 블로그 처럼 Recent Comment와 Recent Trackback등등의 사이드바 리스트에서, 150px 를 글자가 넘지 않게 됩니다. (왼쪽의 그림처럼..)

배포한 스킨은 일부러 조금 넘어가게 해 봤었는데, 넘어가는게 썩 보기 좋지만은 않은것 같아서...


이상의 내용은 수정하여 태터툴즈 스킨 배포 페이지에 새로 올려 두겠습니다.
스킨에 별다른 수정을 하지 않으신 분들은 CSS 파일만 덮어 씌워 주시면 되겠습니다.
CSS 를 수정해서 사용하시는 분들은 위 내용을 직접 수정해 주세요..


많은 분들이 이 스킨을 사용하시는 것 같지는 않지만, 이 스킨을 사용하시는 모든 분들이 이 글을 보셨으면 좋겠습니다.. 쩝... 아무튼.. 앞으로는 스킨 공개하기가 두려울것 같습니다..-_ㅡ;;;
 

Monochrome TT Blog Skin.

태터툴즈 1.1 사용하시는 분은 새로 릴리즈한 1.1용 Monochrome 스킨을 사용하시기 바랍니다. :)
Monochrome Skin for TT 1.1



Monochrome 태터툴즈 블로그 스킨을 공개 배포합니다.

태터툴즈 블로그 스킨 공모전에 출품하여, "인기상"에 입상하였습니다. +_+''
간단하면서, 심플한 느낌의 사이드바 오른쪽의 2단형 스킨입니다. 배경으로 사용한 이미지 외에는 별 다른 이미지를 사용하지 않았습니다. Monochrome 시리즈의 첫번째 작품(?)입니다. 순수 아마추어의 작품이라, 코드가 복잡하고 불필요한 부분이 많습니다.
  1. 이 스킨은 태터툴즈 1.0.6 에 최적화 되어 있습니다.
  2. 대부분의 브라우져(IE 6.0, Firefox, Opera, Safari)에서 동일하게 보임을 확인했습니다. (하지만 불여우에서 가장 잘 보입니다.)
  3. Windows의 경우, ClearType 적용상태에서 보다 더 예쁘게 출력됩니다. 클리어타입을 사용하지 않으시는 분은 지금부터라도 사용해 보세요~! (영문폰트 때문입니다.)
  4. 하단 배너(Monochrome 배너)와 제작자를 수정하지 않는 범위 내에서 자유롭게 수정 하실수 있습니다.
  5. 본문의 영역의 크기는 600px 입니다.
  6. 사이드바 영역의 크기는 150px 입니다.

애초에 제작한 스킨은 태터툴즈 1.1에 맞추어 제작 되었습니다만, 태터툴즈 1.1의 공개가 늦어짐에 따라 1.0.6 스킨만 공개/배포 합니다. 1.1용은 1.1이 공개될 즈음에 마침맞게 공개하도록 하겠습니다!


배포하는 스킨은 다음과 같이 두가지 입니다.

1. hi8ar_Monochrome Xhtml V1.0 배포판
단순한 모노톤의 스킨입니다. 간단한 흑백의 조합의 배경만을 사용해서, 포스팅의 내용이 더욱 더 돋보이고 뚜렷하게 함을 목적으로 합니다.
배경 색상 코드 : #d7d7d7
링크 색상 코드 : #3d68d2
링크 마우스 hover시 색상 코드 : #993333


2. hi8ar_Monochrome_Red Xhtml V1.0 배포판
hi8ar_mono와 기본적인 것은 같습니다. 심심한 흑백에 빨강 컬러셋을 적용했습니다. 이 계절에 잘 어울립니다. :)
스크린샷으로 미리보기.
배경 색상 코드 : #cebabb
링크 색상 코드 : #895c5c
링크 마우스 hover시 색상 코드 : #993333


다운로드(Download)
태터툴즈 스킨 페이지로 링크합니다~!
2006.10.24 PM 10:41 간단한 오류 수정이 있었습니다.
2006.10.29 AM 10:00 매우 중요한 오류 수정이 있었습니다.
- 사파리(Safari) 브라우져에서 본문 스타일 미적용 문제 (자세한 내용 보기)



MonoChrome TT Blog Skin의 활용.

1. SweetTitle 스크립트의 적용.

SweetTitle 스크립트가 적용되어 있습니다. 링크 위에서 위와 같은 풍선 팝업을 띄웁니다.
(a 태그에 title 속성이 있을경우, title 의 내용 역시 출력합니다.)
예제: What a Nuisance! (이 링크에 마우스를 올려 보세요~!)
<a href="http://hi8ar.net/" title="hi8ar's Blog">What a Nuisance!</a>

만약 스윗 타이틀이 제대로 동작하지 않는다면, skin.html 파일의 윗부분의 스윗타이틀 스크립트 경로부분을 수정해 주시기 바랍니다.
풍선 팝업의 모양과 색상은 /css 폴더의 sweetTitles.css 에서 수정하실수 있습니다.


2. 상단 탭 네비게이션.
skin.html 파일을 에디터로 열어,
36번째 줄을 보시면
	    	<!-- CSS Tabs 상단 탭에 추가하실수 있습니다-->
<li><a href="[##_blog_link_##]" title="처음으로~"><span>Home</span></a></li>
<li><a href="[##_localog_link_##]" title="위치로그"><span>Location</span></a></li>
<li><a href="[##_taglog_link_##]" title="태그"><span>Tag</span></a></li>
<li><a href="[##_guestbook_link_##]" title="방명록"><span>GuestBook</span></a></li>


위와 같은 부분을 찾으실수 있습니다. 위와 같은 형식으로 <li> 태그 안에 링크를 추가하시면 상단 탭 네비게이션에 탭을 추가 하실수 있습니다. 중요한 카테고리의 링크나 혹은 다른 곳으로의 링크를 더 넣으셔서 활용하세요~!


3. YouTube 동영상 배경 꾸미기.
예제 :: http://hi8ar.net/247
유튜브 동영상 소스를 <div class="utube"> 로 감싸 주시면 유튜브 동영상 뒤에 준비된 배경이 나옵니다.
<div class="utube"><object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/0jN7EGVS2bI"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/0jN7EGVS2bI" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></div>

주의 : 태터툴즈 1.0.6의 에디터는 html 태그 사이를 엔터로 띄우게 되면 <br> 태그 (줄바꿈 태그)를 넣습니다. 줄바꿈 없이, 반드시 한줄로 작성하셔야지만 CSS의 .utube 에서 지정한 여백이 맞게 적용됩니다.



별로 대단치 않은 스킨이라 공개/배포하는데 굉장한 시간이 걸리는군요. 출품했던 스킨의 소스를 찬찬히 다시 뜯어보며, 어떻게 이 스킨이 입상한 것인지 의구심이 갈 정도 였습니다. 여기저기 오류에, 잘못된 경로 때문에 스윗타이틀은 작동하지도 않고....-_ㅡ;; 난감했습니다.

오류와 실수를 바로 잡는다고 바로잡았는데, 제대로 된건지 모르겠습니다. 돌아서면 실수가 보이는군요. 수정하거나 추가할 사항이 있으면 계속 고쳐두겠습니다. 기타 오류와 질문사항등은 댓글로 남겨 남겨 주세요~!

아무쪼록 멋진 블로그 만드시는데 도움이 되었으면 좋겠습니다. :)
감사합니다~!! +_+'''
 

Cutie_Square for foo_title.

Foobar 2k V0.9 의 foo_title 컴포넌트 스킨입니다.
커버 이미지는 음악화일과 함께 folder.jpg 혹은 png 의 형태로 있어야 합니다.
폰트는 Greg's Hand 체를 사용했습니다.(폰트는 포함되어 있습니다.)
 

DarkBlue FCS for Foobar2k v0.9.

DarkBlue FCS Preview


두가지 타입의 FCS가 들어있습니다. 적용된 폰트는 Franklin Gothic Medium 입니다.
Foobar v0.9에만 적용됩니다.


TAG , ,
 

White Box Skin for foo_title.



  • foobar2000 v0.9foo_title component가 필요합니다.

  • 반드시 동봉되어 있는 폰트를 설치하셔야, 프리뷰의 글꼴 모습으로 나옵니다.

  • 개인적인 수정만 가능하며, 재배포 하실수 없습니다.
 

Charcoal Soot TT Blog Skin Release.

스킨 미리보기를 위해 들리신분들께는 죄송합니다.
원래 사용하던 스킨으로 돌려 놓습니다. 미리보기는 아래의 스크린샷으로 대신합니다.. (__) (06.06.11)


으아...
처음해보는 짓이라, 엉망이지만.. 나름 느낌이 있어(?) 태터툴즈 스킨을 공개해 보려고 합니다.

하이바네 ver.숯검댕이
태터툴즈 홈페이지 스킨 다운로드에서 배포합니다...

블로그 스킨 스크린샷으로 미리보기

<strong>전체적인 레이아웃</strong>




간단한 Spec(?)
배경 색상 코드 : #333
링크 색상 코드 : #95A566
링크 마우스 hover시 색상 코드 : #73804E
본문 글자 색상 코드 : #F0F0F0
본문 넓이 : 600px
적용된 영문 폰트 : Arial, Trebuchet MS, Verdana, Georgia (모두 윈도 기본 폰트라 적용에 큰 무리는 없을것 같습니다.)


태터 버젼 1.05 에서 만들어졌습니다. 다른 버젼에서도 별 문제는 없을거라 생각합니다.

사용하실분이 있을런지 모르겠지만, 어두운 스킨을 좋아하시는분, 사진을 많이 올리시는 분들이 사용하시면 좋을것 같습니다. :) 질문은 괜찮습니다만, 제가 아는게 별로 없어 답변을 해 드릴수 있을지 모르겠네요.

이 블로그는 혹시라도 스킨 구경하러 오시는 분들을 위해 몇일 정도만 이 스킨으로 유지하겠습니다.
아무쪼록 멋진 블로그 만드시는데 도움이 되었음 좋겠습니다. :)
 

Milk Peach Pack for Foobar 2k.

Milk Peach Pack Preview


두개의 FCS와 한개의 Toaster스킨이 들어 있습니다.
FCS에 적용된 폰트는 Frutiger Linotype, Toaster Skin에 적용된 폰트는 Candara 입니다.
("Tran Square toaster skin" 과 오버레이 이미지에 복숭아색이 물든것을 제외하면 동일합니다.)