티스토리

Skins And Bones
검색하기

블로그 홈

Skins And Bones

bones.tistory.com/m

페이지를 구성하는 뼈대부터, 꾸민 후의 스킨까지.

구독자
0
방명록 방문하기
공지 이 곳을 소개합니다. 모두보기

주요 글 목록

  • div와 z-index를 사용해서 (2단, 화면 가운데 정렬, 구분선) 레이아웃 잡기 좌측엔 사이드바가 있고 우측엔 세로 100%짜리 본문 영역이 있는 2단으로 된, 전체적으로는 가운데 정렬이고 영역 사이에 구분선이 있는 블로그 스킨을 만들려면 어떻게 하는 게 좋을까요? 조건은 제목과 같고 정리하면 아래와 같습니다. div 사용 (table 은 사용하지 않음) 총 2단 - 좌측엔 사이드바, 우측엔 컨텐츠 영역 레이아웃은 화면 가운데 정렬함 두 단 사이에는 구분선이 존재하는데 화면 꼭대기에서부터 끝까지 구분선이 지어짐 가장 간단한 방법으로 구현을 해보죠. 핵심을 정리하면 다음과 같겠죠. 문서형은 xhtml, strict 로 정의한다. 두 div을 height:100%; 를 준다. html, body 에도 height:100%; 를 준다. 사실 div에는 min-height:100%; 를 준.. 공감수 0 댓글수 0 2010. 9. 8.
  • 잡담: 스킨은 언제 만드나;;; 여기 Skins And Bones 에서 처음 적는 잡담이군요. 꾸준히 스킨도 만들고 포스팅도 할 계획으로 블로그를 만들었으나 갑자기, 예정도 없이, 꾸준히 바빠진 관계로 포스팅을 못하고 있습니다. 스킨에는 손도 못대고 있고요. 그래도 처음엔 짬짬히 노력해서 만들 수 있을 줄 알았는데, 흠흠… 좀 더 기술적으로 시간을 배분하여 (^^) 스킨 만들기를 이어가야겠다는 다짐을 스스로 해봅니다. 아자아자~! 공감수 0 댓글수 6 2007. 5. 2.
  • 웹2.0 시대의 영웅 '검색' (PC사랑) 구글 덕분에, 그리고 새로운 시대의 웹 환경에 따라 다시 화두가 된 검색. 관련된 이야기는 많이 있을 수 있지만, 기본적인 것들에 대해 쉽게 예를 드는 선에서 정리했다. 공감수 0 댓글수 0 2007. 4. 13.
  • 티스토리 초대권 나눠드립니다. 댓글로 이메일을 남겨주시면 티스토리 초대권 보내드리겠습니다. 실시간으로 체크하지는 못하지만 짬짬히 체크해서 보내드릴게요. 스패머에게 노출될 염려가 있으니 비밀글로 남겨주세요. ※ 초대권 배포가 끝나면 끝났다고 표시할 예정입니다. ※ 사실 여기 오는 분들은 대부분 이미 블로그가 있거나 티스토리 계정이 있는 분들이라 아무도 신청하지 않을 것도 같아요. :p 공감수 0 댓글수 6 2007. 4. 11.
  • 파비콘을 3D 도트 이미지로 만들어주는 사이트 skins and bones 3d-dotted favicon acoustic mind 3d-dotted favicon Tattertools 3d-dotted favicon eolin 3d-dotted favicon tistory 3d-dotted favicon 이거 재밌네요. ^^ 해보러 가기 : favicon2dots 공감수 0 댓글수 8 2007. 4. 6.
  • ie에서 투명 png 사용하기 #1 - img 태그에 적용 png는 여러 가지 면에서 매우 유용한 이미지 파일 포맷입니다. 물론 다들 아시겠지만요. :) 그런데, 역시 다들 아시다시피 인터넷 익스플로러 (이하 ie) 는 png 의 장점 중 하나인 알파채널을 제대로 지원하지 못합니다. 많은 사람들이 사용하고 있는 ie5.5와 ie6가 대표적인 예겠지요. (ie7 에서는 지원됩니다.) 저렇게 배경에 겹쳐 보이도록 설정된 알파 채널이 ie 에서는 그냥 불투명하게 보인다는 거죠. 하지만, 많은 사람들의 노력으로 (^^) ie 에서 png의 알파채널을 제대로 표현해주는 방법들이 개발되었습니다. 다음의 방법을 따르면 됩니다. 1. 아래의 자바스크립트를 사이에 넣어주세요. 2. 역시 아래의 스타일 정의를 사이에 넣어주세요. (물론 style.css 등으로 별도의 css 파일.. 공감수 0 댓글수 5 2007. 4. 4.
  • 글자가 너무 작아 잘 보이지 않으면 마우스 휠을 굴리세요. 우리가 흔히 웹사이트의 본문에 사용하는 한글 폰트의 크기는 12px 입니다. 하지만, 폰트의 단위가 px (픽셀)만 있는 건 아니죠. pt (포인트)도 있습니다. 12px = 9pt 입니다. 폰트의 크기를 표현하는 단위는 이것들 말고도 더 있죠. 간단히 말해 이렇습니다. 12px = 9pt = 0.75em = 75% 16px = 12pt = 1em = 100% 이 중에 주목할 만한 단위는 em 입니다. 1em은 시스템 (즉, 브라우저) 기본 폰트의 가로 크기와 같은 값을 가지는 재밌는 단위이지요. 또한 위의 관계를 보다보면 알다시피 1em = 100% 입니다. 2em = 200% 겠죠. 이 em이 편리한 이유는 시스템의 폰트에 반응하는 단위이기 때문에 특정 웹페이지에 적힌 글자들을 크게 볼 수도 있고, .. 공감수 0 댓글수 4 2007. 3. 21.
  • 미니홈피의 좁은 문을 열다. (PC사랑) PC사랑 3월호에 실린 글입니다. 3월이 많이 지나긴 했지만, 현재 클로즈드 베타 서비스 중인 싸이월드의 새로운 서비스에 대해 궁금하신 분들을 위한 글이니 서점가면 보실 수 있을 듯 합니다. 바로 위의 페이지는 작은 박스 기사 부분이긴 하지만 네이버와 티스토리의 백업 기능의 차이 말이죠… 제가 적고도 좀 안스러운 생각이 들었습니다;;; (옆에 보이지는 않지만 이글루스에 대해서는 적절치 못하게 표현한 부분이 있어요. 유료였다가 무료가 된 이글루스 플러스 서비스와 PDF 백업, 중지된 나만의 책 만들기 서비스 등에 대해 조금의 착각과 표현상의 오류가 뒤섞여버린 채 적어버렸습니다.) p.s. 조만간 이 글의 요약본을 올릴 예정입니다. 공감수 0 댓글수 8 2007. 3. 17.
  • 스킨을 배포합니다. Three Layers White 1.1 스킨을 배포합니다. 스킨명 Three Layers White 1.1 개요 매우 단순한 형태의 스킨입니다. 지난 번에 발표한 Three Layers Black 1.1 의 흰색 버전입니다. 내용 - 3단형 스킨입니다. 태터툴즈의 사이드바 기능을 지원합니다. (관리자 모드에서 바로 넣었다 뺐다 할 수 있어요.) - 블로그 로고 이미지를 보여줍니다. 단, 너무 큰 이미지는 넣지 말아주세요. 자동으로 리사이즈하는 태그를 넣지 않았습니다. (가로 사이즈 160px에 맞춰져 있습니다.) - 스킨을 다운 받아 압축을 풀면 2개의 폴더가 있습니다. 예, 하나는 설치형 태터툴즈용이고 다른 하나는 티스토리용이죠. 폴더명 끝에 표시가 되어 있으니 선택해서 사용하시면 됩니다. - 두 스킨의 표면적 차이는, 미디어로그가 있느냐 .. 공감수 0 댓글수 13 2007. 3. 7.
  • 모니터 밝기 체크 많은 분들이 아시는 이미지죠. 어떤 근거에서 이렇게 만들어졌는지는 저도 모릅니다. 따라서, 정확하다고도 말할 수가 없어요. 하지만, 실제로 모니터의 밝기를 체크하는데 있어서 어느 정도 효과가 있는 듯 합니다. 역시 다들 아시겠지만 모니터의 명도나 채도 등을 제대로 체크하려면 사실 캘리브레이션 툴 같은 도구를 사용해야 하지요. 워낙 고가의 도구라 전문가들이 아니면 구입하기 어렵지만, 팬톤 (Pantone)의 휴이 (Huey)같은 저가형 캘리브레이션 툴 같은 경우 취미로 사진을 많이 찍거나 이미지 작업을 많이 하시는 분들은 구입하실 수 있는 가격입니다. 요즘엔 보통 9만 9천원 정도 하더군요. 이 제품에 대한 설명은 얼리어답터에 잘 되어 있습니다. ▶ 얼리어답터 - Monitor Color Correctio.. 공감수 0 댓글수 2 2007. 3. 2.
  • IE에서 임시로 액티브엑스와 팝업창 허용하기 IE7 이 나왔지만 그네들의 여전한 독자적인 방식 (이라고 쓰고 IE 버그라고 읽습니다) 은 어딜 가지 않는군요. 정확한 레이아웃 표현을 위해 IE6 핵 (hack)에 이어 IE7 핵까지 써야 한다니… 정말 마이크로소프트가 무언가를 새로 내놓을 때마다 무섭습니다. 각설하고, IE7 이야기 하다가 떠오른 팁입니다. 이미 아시는 분은 다 아시고, 모르시는 분은 여전히 모르는 그런 팁이죠;;; 윈도우XP 서비스팩 2를 깐 이후의 IE6와 IE7에서는 액티브엑스와 팝업창이 기본적으로 차단되어 있습니다. 액티브엑스야 대부분의 경우 한번 깔면 되니까 된다고 쳐도, 팝업창은 매번 허용하기에는 찜찜하고 (대부분이 광고니까) 그렇다고 새로고침해서 다시 보려고 하면 프레임이나 스크립트의 사용으로 엉뚱한 곳으로 이동하게 되.. 공감수 0 댓글수 2 2007. 3. 1.
  • 짧은 여행 스킨의 레이아웃이 조금 어긋나는 듯 합니다 이번에 티스토리에서 새로 나온 스킨 중 짧은 여행 스킨의 레이아웃이 몇몇 브라우저에서 어긋나게 표시됩니다. 동그라미 친 부분이 아무래도 얼굴인지라 제일 확실히 드러나는 부분이죠. 인터넷 익스플로러에서는 잘 보이더군요. 이처럼 브라우저 마다 표현이 제각각이기 때문에 간격을 정확하게 맞춰야 하는 스킨은 저 역시 많이 부담스럽더군요. ㅠ.ㅜ ※ 위의 캡쳐는 스킨 미리보기 화면이지만 실제로 적용했을 때에도 이렇게 나왔습니다. 공감수 0 댓글수 8 2007. 2. 27.
  • 스킨을 배포합니다. Three Layers Black 1.1 스킨을 배포합니다. 스킨명 Three Layers Black 1.1 개요 매우 단순한 형태의 스킨입니다. 특징이라면 전체적으로는 좌측 정렬, 사이드바가 두 개. 검은 계열의 스킨이라는 것이죠. 내용 - 3단형 스킨입니다. 태터툴즈의 사이드바 기능을 지원합니다. (관리자 모드에서 바로 넣었다 뺐다 할 수 있어요.) - 블로그 로고 이미지를 보여줍니다. 단, 너무 큰 이미지는 넣지 말아주세요. 자동으로 리사이즈하는 태그를 넣지 않았습니다. (가로 사이즈 160px에 맞춰져 있습니다.) - 스킨을 다운 받아 압축을 풀면 2개의 폴더가 있습니다. 예, 하나는 설치형 태터툴즈용이고 다른 하나는 티스토리용이죠. 폴더명 끝에 표시가 되어 있으니 선택해서 사용하시면 됩니다. - 두 스킨의 표면적 차이는, 미디어로그가 .. 공감수 0 댓글수 23 2007. 2. 26.
  • font-variant:small-caps와 first-letter font 를 제어하는 속성은 정말 다양합니다. 그 중에 영문 폰트를 사용할 때 유용한 속성 중의 하나가 바로 small-caps 죠. 풀어쓰자면 small capital letters 정도 되겠죠. 즉, 소문자를 모두 대문자로 만드는 속성입니다. 단, 크기가 작은 대문자로 만들어주죠. 백문이 불여일견, 예를 들어보죠. [1] font-variant:small-caps를 이용해 아래와 같이 출력시키는 건 쉽죠. 이렇게 하면 됩니다. (font-size는 그냥 큼직하게 보이려고 줬습니다.) 분명히 코드 상으로는 H만 대문자이고, 나머지는 소문자인데, 전부 대문자로 나오고, 소문자였던 영문자들은 대문자였던 영문자보다 작게 표현되지요. 고유명사나 약어 등을 표기하는 방식으로 주로 쓰입니다. 이처럼 font-va.. 공감수 0 댓글수 2 2007. 2. 22.
  • [예고] Three Layers 1.1 (black) 사이드바가 두 개인 스킨들을 만들면서 느낀 건데, 이게 의외로 안정감이 있더라고요. 이제껏 복잡할 것 같아서 사이드바는 한 개로만 만들어왔는데 말이죠. 그래서, 한번 더 만들어 봤습니다. 이 스킨도 '심플!'을 강조하며 시작했건만 많이 심플한 것 같지는 않군요;;; 하지만, 제 스킨들이 다 그렇듯 좀 투박해 보이기도 하고, 어느 정도 튜닝이 가능한 (^^) 뭐 그런 측면으로 볼 때는 썩 나쁘지는 않은 듯 해요. 흰색 바탕에 검은 글씨라는 기본형을 벗어난 스킨은 많이 없는 게 사실이예요. 하지만, 특정 색깔을 강조하기도 애매하죠. 결국 사이트의 성격별로 특성에 맞는 색을 강조해야 할텐데 배포용 스킨에서는 그런 게 어렵기도 하고요. 어쨌든 배경 하나 달랑 깔고 (^^), 메뉴 아이콘 간단하게 만들어서 해봤습.. 공감수 0 댓글수 6 2007. 2. 22.
  • 무비위크의 탈바꿈한 블로그 서비스 총정리 확실히 웹2.0 시대의 3대 (블로그) 서비스 - 이른바 빅3는 티스토리, 네이버 블로그 시즌2, 싸이월드2로 확정된 모양이군요. 우리나라 사람들이 좋아하는 '3'이기도 하고, 각각 다음, 네이버, SK컴즈라는 대기업 계열이기도 하고 하니, 그리 보는 게 모양새가 좋은가 봅니다. 업계 속사정을 전혀 모르는 상태에서의 개인적인 의견입니다만 - 만약 이글루스가 SK컴즈에게 넘어가지 않았다면 여기에서 한 축을 차지할 수도 있지 않았을까 생각해 봅니다. SK컴즈에게 인수된 이후로는 조용하군요. 솔직히 예전에 이글루스가 가지고 있던 '물 좋은 블로그 서비스'란 타이틀이 요즘엔 티스토리에 슬쩍 넘어가지 않았나 생각도 해보고요. 설날에 고향에 내려가다 읽은 잡지에 블로그 서비스에 관한 기사가 나와서 사진을 찍어봤습니.. 공감수 0 댓글수 0 2007. 2. 21.
  • 스킨 제작시 참고 : 설치형 태터툴즈와 티스토리의 차이점 설치형 태터툴즈와 티스토리는 사실 굉장히 다른 소스로 이루어져 있다는 글을 어디선가 본 기억이 납니다. 그래서, 비슷한 로직으로 돌지만, 시스템의 성격상 처리하는 루틴들이 서로 다른가 보구나- 하고 이해했었죠. 그래서인지 스킨을 제작할 때에도 알아두면 좋은 몇 가지 차이점들이 있습니다. 제가 아는 것들을 적어보죠. 1. 미디어로그 기능은 티스토리에만 있습니다. http://블로그주소/media 가 주소인 미디어로그 기능은 티스토리에서만 됩니다. skin.html 에 표현할 때는 미디어로그의 주소는 [ ##_blog_link_## ]media 로, 출력은 [ ##_media_content_## ] 를 기본으로 해주시면 됩니다. 다만 이는 후에 바뀔지도 모르는 치환자라고 합니다. 2. 키로그의 치환자 사용법.. 공감수 0 댓글수 2 2007. 2. 15.
  • 스킨을 배포합니다. Formal Boxes White 1.1 스킨을 배포합니다. 스킨명 Formal Boxes White 1.1 개요 예. Formal Boxes 1.1 과 상당히 비슷한 스킨입니다. 단지 배경이 흰색이라는 점과 테마 기능이 없다는 점이 차이겠지요. 단순이라는 측면에서는 더 나은 듯도 합니다. ^^ 이미 Formal Boxes 1.1 을 받으신 분들 중 테마를 흰색으로 수정해서 사용하실 수 있는 분들은 이 버전을 무시하셔도 됩니다. ^^ 내용 - 3단형 스킨입니다. 태터툴즈의 사이드바 기능을 지원합니다. (관리자 모드에서 바로 넣었다 뺐다 할 수 있어요.) - 블로그 로고 이미지를 보여줍니다. 단, 너무 큰 이미지는 넣지 말아주세요. 자동으로 리사이즈하는 태그를 넣지 않았습니다. (가로 사이즈 160px에 맞춰져 있습니다.) - 스킨을 다운 받아 .. 공감수 0 댓글수 29 2007. 2. 14.
  • 브라우저별 표시 방법 - container 안의 div들에 float:left 했을 때 지난 번에 태터툴즈의 2단형 스킨의 구조에 대해 알아 본 적이 있습니다. 이번에는 그와 연관해서 하지만 조금 다른 이야기를 해보려 합니다. 지난 번에 적은 내용에서는 스킨의 마지막 부분에 footer 영역이 있었습니다. 대체로 footer 영역에 clear:both 속성을 넣어주어 디자인되어 있는 스킨이 대부분입니다. 그런데, 만약 header나 footer 영역이 없이 content 영역과 sidebar 영역들만 존재한다고 가정해 보죠. 충분히 그럴 수 있잖아요. 꼭 header와 footer를 적어줘야만 하는 건 아니니까요. 이런 식으로 말이죠. 이럴 경우 즉, content 영역과 sidebar 영역(들)이 여전히 float:left; 로 지정되는 경우 container 영역과의 위치관계는 어떻게 .. 공감수 0 댓글수 0 2007. 2. 13.
  • float:left 된 div들 중 마지막 div가 반복되는 경우 얼마 전에 [질문] div에서 float 시켰을 때 IE에서 문제가 생깁니다. 라는 글을 쓴 적이 있습니다. 요약하자면 float:left; 로 붙여놓은 div들 중 가장 마지막 div이 이상하게 표현된다는 것이었죠. 왜 이런 일이 생기는지는 아직 잘 모르겠지만 언제 발생하는지는 실험을 통해 알 수 있었습니다. 예를 들면 이런 소스가 있다고 하지요. 보시면 알겠지만 태터툴즈 스킨에서 기본적으로 사용하는 형태의 구조입니다. (사이드바가 1개있든 2개 있든 그건 관계없습니다.) 위와 같은 구조로 되어 있는 경우에 각각의 div에 내용으로 width를 꽉꽉 채워 넣으면 위와 같은 일이 발생합니다. 보통 제가 제작하는 태터툴즈 스킨의 컨텐츠 영역과 사이드바 영역은 빈 공간이 없이 촘촘하게 붙여두고 채워넣는 편인.. 공감수 0 댓글수 6 2007. 2. 13.
  • 방명록에 사용되는 비밀글 기능 치환자 저는 원래 태터툴즈 클래식 사용자입니다. 태터툴즈 1.1과 티스토리의 사용은 스킨을 만들고 싶어서 사용하게 된 것이고요; (이유가 좀 웃기군요. ^^) 따라서, 제가 처음에 스킨을 만들 때 참고했던 스킨이 바로 티스토리용 기본 스킨이었습니다. skin 폴더에 tistory라는 폴더에 들어있었지요. 이 티스토리용 기본 스킨과 태터툴즈 스킨 레퍼런스를 벗삼아 스킨의 구조도 익히고, 치환자도 확인해가며 익혔죠. 그런데, 오마이갓- 이제까지 제가 만들어 온 스킨에 뭔가 이상한 게 있다는 걸 이제야 알았습니다. 굳이 이야기하자면 이상하다기 보다는 뭔가가 빠진 거죠. 저도 왠지 그게 이상했던… 바로 그것입니다. 예, 이미 아시는 분들도 많으실 거라 생각합니다. 바로 제가 만든 스킨들에는 방명록에 비밀글 체크박스가 .. 공감수 0 댓글수 16 2007. 2. 11.
  • [질문] div에서 float 시켰을 때 IE에서 문제가 생깁니다. 이번에 Formal Boxes 1.1을 작업하다가 생긴 문제입니다. (사실은 그 이전에 Letter To You 1.1을 작업할 때도 같은 문제가 있었지요.) 왜 그 거창한 이유 있잖아요 - 시맨틱 & 디자인 뭐 그런 것들도 그런 거지만 단지 관리를 편하게 하기 위해 (^^) 본문 컨텐츠 영역과 사이드바를 div로 구성하고 css에 float:left; 해서 띄웠는데 유독 IE에서만 이상하게 보이는 에러가 생긴 겁니다. 어제 : 3 부분이 아래에 다시 반복되는 거 보이시죠? float:left 로 순서대로 붙여놓은 div들 중에서 제일 오른쪽에 붙인 div 의 마지막 문자열이 저런 식으로 넘치는 겁니다. 제가 특별히 뭘 잘 못 쓴 태그가 있나 싶어서 여러가지 테스트를 해봤는데 찾을 수 없었습니다. 아, .. 공감수 0 댓글수 5 2007. 2. 11.
  • 스킨을 배포합니다. Formal Boxes 1.1 스킨을 배포합니다. 스킨명 Formal Boxes 1.1 개요 처음에는 '단순'이란 개념에서 시작한 스킨입니다…만 몇 가지 포인트를 주다보니 간단한 느낌은 처음보다는 줄어들었습니다. 그래도 레이아웃만을 보자면 매우 단순한 편입니다. 특징으로는 테마 기능을 가지고 있습니다. 내용 - 3단형 스킨입니다. 태터툴즈의 사이드바 기능을 지원합니다. (관리자 모드에서 바로 넣었다 뺐다 할 수 있어요.) 3단형 스킨은 처음 만들어 봤는데, 별로 산만하지 않고 괜찮아 보이는 듯 합니다. - 블로그 로고 이미지를 보여줍니다. 단, 너무 큰 이미지는 넣지 말아주세요. 자동으로 리사이즈하는 태그를 넣지 않았습니다. (가로 사이즈 160px에 맞춰져 있습니다.) - 스킨을 다운 받아 압축을 풀면 2개의 폴더가 있습니다. 예,.. 공감수 0 댓글수 57 2007. 2. 10.
  • 드래그 할 때 선택되는 영역의 색깔 바꾸기 (CSS3) 보통 브라우저 상의 문서를 드래그해서 영역을 지정할 경우 회색 바탕으로 표시가 됩니다. 다음처럼 말이죠. 그런데, 이 색상도 변경시킬 수 있습니다. CSS3 에 이 정의가 들어있다고 하는군요. 단, 아직 CSS3가 확정된 게 아니라고 하죠? 성질 급한(^^) 사파리와 파이어폭스가 우선적으로 이를 지원한다고 합니다. 스타일시트에 아래와 같이 적으면 이렇게 바뀝니다. ::selection { background:#b9fffe; color:#00388b; } ::-moz-selection { background:#b9fffe; color:#00388b; } ::selection은 사파리를 위한 거고, ::-moz-selection은 파이어폭스를 위한 것입니다. IE에서는 아무런 변화가 없지요. 참, backg.. 공감수 0 댓글수 0 2007. 2. 9.
  • 자동으로 태터툴즈 (티스토리) 로그인이 되는 북마크 주소 설치형 태터툴즈와 티스토리는 단축키를 지원합니다. 이 단축키는 여러 모로 편리한 기능이지요. 이를테면, 관리자 로그인 버튼이 없어도 q 를 누르면 바로 로그인이 되고, 글을 계속 읽고 싶으면 s 를 누르면 이전에 쓴 글 목록으로 가고, a 를 누르면 최근에 쓴 글 목록으로 이동하니까요. 이 편리한 단축키를 사용하고 있으면서도 혹시 로그인 때문에 귀찮음을 느끼시는 분들이 있다면 지금 설명드릴 방법을 추천합니다. ^^ 단, 여러 사람이 사용하는 컴퓨터에서는 절대 이 방법을 사용하지 마세요! (다음의 캡쳐 화면은 브라우저마다 화면이 조금 다를 수 있으나 어떤 내용인지 충분히 아실 수 있을 거예요.) 1. 우선 자신의 블로그를 북마크 (즐겨찾기) 하세요. 2. 입력된 북마크를 마우스 우클릭해서 등록정보를 열어보.. 공감수 0 댓글수 4 2007. 2. 8.
  • 스킨 업그레이드 Mac Look 1.1b Mac Look 1.1 스킨이 1.1b로 업그레이드 되었습니다. 우선 이 스킨에 대한 설명은 아래 링크에서 확인 할 수 있습니다. 링크 : 스킨을 배포합니다. Mac Look 1.1 업그레이드 된 것은 두 가지입니다. 1. 키로그 (키워드)를 지원한다. 2. (티스토리에서) 미디어로그를 지원한다. 기존의 스킨에서 크게 달라진 것은 위의 두 가지 뿐입니다. 하지만, 설치형 태터툴즈와 티스토리가 다른 부분이 있기 때문에 압축을 여러가지로 했습니다. 그러니, 원하는 버전을 받아가시면 되겠습니다. :) [덧붙임] 혹시 예전 버전을 쓰시고 계신 분들 중에서 단순히 추가만 하려고 하는 분들을 위해 간단하게 설명을 추가하자면, 1. 새로 추가된 이미지 파일은 총 두 개입니다. menu-4.png menu-5.png .. 공감수 0 댓글수 0 2007. 2. 8.
  • [의견구함 #2] 스킨 이름을 지어주세요~ 원래는 심플하게 만들려고 노력하던 스킨인데, 날짜 표시를 조금 다르게 해보고, 배경에 색깔을 깔고, 사이드바 기능을 테스트하다 보니 하나도 심플하지 않습니다. (물론 보이기는 심플하지만요. ^^) '심플'의 이유 중의 하나는 설치형 태터툴즈와 티스토리를 따로 배포하는 게 힘들어서 한번에 모두 만족시키는 스킨을 만들고자 함도 있었는데 자바스크립트를 사용한 날짜 표시가 티스토리에서는 제한적으로 되는 바람에 결국 따로 만들어야 할 것 같고, (어차피 미디어로그랑 키로그도 있고) 색깔 몇 가지 지원해주면 좋겠지 하는 생각에 이것저것 하다 보니 결국 원클릭으로 테마를 고를 수 있게 되었고 (하다 보니 어느덧 이것까지 하고 있더군요-_- 오른쪽 요다 마크 아래 박스들을 클릭하면 테마를 고를 수 있습니다.), 여기저.. 공감수 0 댓글수 18 2007. 2. 8.
  • 씨네21의 블로그 혁명 시작되나 이번 주 시네21에 블로그 관련 기사가 떴습니다. 지난 번에는 필름2.0에 관련 기사가 나왔었지요. 태터툴즈, 티스토리를 비롯해 자주 가는 곳도 소개가 되어 카메라로 찰칵찰칵. 기사 전체를 찍은 건 아니고 그냥 이름들 중심으로 찍었으니 기사를 보실려면 직접 사서 보셔야 할 듯 합니다. (온라인에는 기사가 안 뜬 것 같군요. 원래 이런 비영화 기사는 안 뜨던가 싶기도 하고.) 클릭하면 크게 볼 수 있습니다. 공감수 0 댓글수 4 2007. 2. 8.
  • [예고/의견구함] 사이드바가 두 개인 스킨 아르님이 포스팅한 글을 재밌게 읽었습니다. 저도 마루 디자인이나 팔글의 디자인을 보면서 "어, 비슷하네?", "그런데, 스킨 제작자가 티스토리네?" 이런 생각들을 했었거든요. 그런데 사실 저도 비슷한 스킨을 만들고 있었습니다. 해외 사이트들을 둘러보다 보니 사이드바 두 개가 우측에 나란히 있는 디자인들이 재밌더라고요. 생각보다 그리 혼란스러워 보이지도 않고, 디자인에 따라 심플하기도 한 형태가 좋았습니다. 그래서 만들어봤죠. 괜히(?) 몇 가지 시도를 하는 바람에 테스트를 더 해야 하는 관계로 아직 공개는 못 하겠습니다만, 한가지 말씀드릴 수 있는 건 스킨에 사용되는 이미지가 거의 없는 심플한 디자인이라는 것입니다. 보시다시피요. :) 몇 가지 궁금한 게 있는데 어떻게 해결해야 할지 잘 모르겠습니다. 나.. 공감수 0 댓글수 19 2007. 2. 6.
  • 그림으로 알아보는 태터툴즈의 기본형 (2단형) 스킨의 구조 잡기 태터툴즈의 스킨을 제작하는데 아주 유용한 도움을 주는 레퍼런스가 있습니다. 바로 태터툴즈 스킨제작 레퍼런스 입니다. 총 5단계로 잘 설명이 되어 있죠. 이 레퍼런스를 보면서 제가 생각했던 걸 천천히 적어 볼 생각입니다. 초보자의 마음으로. :) 태터툴즈 뿐만 아니라 여러 블로그툴에서 가장 쉽게 볼 수 있는 구조는 바로 중앙의 본문과 그 옆에 각종 정보가 표현되는 형태가 아닐까 합니다. 메인 컨텐츠도 읽을 수 있고 사이트의 현황도 바로 파악할 수 있는 구조라서 그러겠지요. 그리고 위에는 블로그 정보, 아래에는 저작권 등의 정보가 포함되겠죠. 레퍼런스에서도 바로 이런 구조를 기본으로 삼고 있습니다. 자, 그럼 skin.html에 들어갈 코드를 간단하게 적어보겠습니다. skin.html 대부분의 스킨이 저 구.. 공감수 0 댓글수 10 2007. 2. 5.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.