SAVE THE DEVELOPERS <!> Upgrade IE 6 Now!

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

«   2024/03   »
          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
31            

칠판 선물 도착.

태터툴즈에서 보내준 화이트보드&칠판 선물이 도착했습니다. 지난 토요일에 도착했습죠. 주말에 제가 집에 없다 보니, 제 방안에서 포장도 뜯겨지지 않은채, 이틀을 홀로 보냈을 겁니다.^^; 선물답게 예쁜 한지로 포장되어 왔던데, 포장까지 예쁘게 해주신 정성에 감사드립니다.
사진이라도 한장 찍어 보여드리면 좋겠지만, 아쉽게도 그럴만한 상황이 못 돼서...;; 꼭 제 손에서 디카가 없을 때만 이런일이 생기는군요. :(

아무튼, 생각했었던 것보다 큽니다! 모니터(?)만 합니다! 어디에 어울릴것 같냐 하면, 음.. 그.. 테이크 아웃 커피샵 같은데.. 혹은 이탈리안 레스토랑(?)같은데.. 오늘의 특선메뉴(?) 따위 적어 놓기 딱 좋아 보입니다. 책상위에다 올려두기 좀 부담 스럽기도 하고.... 마땅히 쓸데는.... 없네요..;;

함께 들어 있던 태터툴즈 배지와 핸드폰 고리도 잘 받았습니다. 이로써 태터툴즈 배지는 4개, 핸드폰 고리는 2개가 되었네요.

brooch

이게 제일 예뻐요!

아~ 사이드바 위, 구글 광고 위쪽으로 태터툴즈에서 보내준 스킨 디자이너 리본을 달았습니다. 참 예쁩니다! gif 이미지와 swf 플래쉬 두가지 종류가 있던데.. 반짝반짝 하는게 예뻐 보여서 플래쉬로 된 리본을 달았습니다. 그러나 문제는 제가 플래쉬의 '플'자도 모른다는 겁니다. :) 링크를 안 걸었는데도, 클릭하면 정의 되지 않은 어딘가로 연결하려는 걸 보면 플래쉬 안에 링크가 들어 있는 건가요? ㅎ 이거 어떻게 수정할 방법도 없고.. =_=;;; gif 로 바꿔야 겠습니다. <- 혼자 바보짓. ㅡ,.ㅡ'



 

Monochrome Skin [Ver2.0] 2nd A/S

5월의 스킨 디자이너 선정 기념으로(워~..ㅡ,.ㅡ;) 알면서도, 모른척 했던것들을 수정했습니다. @_@''
자세한 내용은 원래 스킨 배포글을 참고해 주세요.. :)

 

Monochrome Skin [Ver2.0] 1st A/S

상태 불량한 스킨에 지나친 관심 감사드리며.. 일일히 답하는것 보다, 한꺼번에 적는 것이 편할 것 같아 몇 자 적어 보렵니다. "두서" 가 없어도, "논리" 가 "정연" 이를 만나지 못해도 이것을 알아보면 당신이 챰피욘~!


스킨을 깔았는데 글 제목의 폰트가 너무 크게나와서 2줄로 되는군요.

1. 본문글 제목의 글자 크기는 style.css 에서 변경하실수 있습니다.


style.css 574라인 부근에... (에디터에서 post title 을 찾으시면 금방 찾으실수 있습니다.)
#content h2 a{    /* post title Link*/
    font: 29px Trebuchet MS, Verdana, Arial, 맑은 고딕, 굴림, gulim, sans-serif;
    color: #555;
    font-weight: 400;
    letter-spacing:-3px;
    text-decoration:none;
    padding: 15px 15px 3px 10px;
    border-bottom: 2px solid #f4f4f4;
}
29px 를 적당히 줄여주시면 OK~

그에 더해서 조금 더 아래 보시면.. (589라인..)
#content h3 {    /* tag, search, location, guestbook title */
    background: url(images/title2.gif) no-repeat top left;
    padding: 15px 15px 3px 50px; 
    font: 29px Trebuchet MS, Verdana, 맑은 고딕, 굴림, gulim, sans-serif;
    color: #555;
    font-weight: 500;
    letter-spacing:-3px;
    text-decoration:none;
    margin:10px 0;
    border-bottom:1px solid #ddd;   
}
이것은 주석에서 알수 있듯이 태그, 방명록 등등의 제목 글의 크기입니다. 본문 제목의 크기와 동일하게 맞춰 주시면 보기 좋을것 같네요. 물론 수정 하시지 않아도 OK~




맨위의 Home Desktop....Guestbook 처럼 메뉴를 추가하고 활성화 시키려면 어떻게 해야 하는지요.

2. 상단 메뉴바에 다른 링크를 넣으시는 건 아래와 같은 방법으로...


일단 넣으시려는 링크는 어떤 링크라도 상관이 없으나, 현재 페이지에서 활성화(?).. 에 그러니까 현재 페이지를 표시할 수 있는 경우는 태터툴즈의 카테고리 링크만 가능합니다. (태터툴즈의 카테고리만이 각기 다른 Body ID를 가질 수 있을 테니까요.)
우선 태터툴즈 관리자 페이지 - 글 - 분류 관리 에서 상단 메뉴바에 넣으실 카테고리의 Body-ID 를 변경해 줍니다. 형식은 아무래도 상관 없으나 tt-body-dtopshot, tt-body-diary 이런 형식으로 넣으시는게 좋겠어요.
그 다음, skin.html을 에디터로 열고.. 37라인 부근에서 아래와 같은 부분을 찾습니다.
    <div id="menu1">
        <div id="tabsB">
            <!-- CSS Tabs 상단 탭에 추가하실수 있습니다-->
            <ul>
                <li class="tab_hm"><a href="[##_blog_link_##]" title="처음으로~"><span>Home</span></a></li>
                <li class="tab_lc"><a href="[##_localog_link_##]" title="위치로그"><span>Location</span></a></li>
                <li class="tab_tag"><a href="[##_taglog_link_##]" title="태그"><span>Tag</span></a></li>
                <li class="tab_key"><a href="[##_keylog_link_##]" title="키워드"><span>Keyword</span></a></li>
                <li class="tab_guest"><a href="[##_guestbook_link_##]" title="방명록"><span>GuestBook</span></a></li>
            </ul>
        </div>
    </div>

<ul> 안에다 넣고 싶은 링크를 넣습니다. href 안에 치환자 형식이 아닌 일반 링크를 넣으시면 되요. :)
예를 들면..
 
<li class="AAAAA"><a href="http://hi8ar.net/category/이후 주소" title="팝업창에 뜨게할 문구"><span>메뉴이름</span></a></li>
이렇게 말이에요. ;; 다만 li class 를 넣어 주셔야 하는데.. (설명의 편의를 위해 AAAAA 로 하겠습니다.) 나중에 기억하실수만 있다면, 아무렇게나 적으셔도 됩니다. ^^
이런식으로 skin.html 에 모두 추가하셨다면,

style.css 를 열어.. 거의 마지막 부분..(1109라인..) /*bodyID TAB Navigation SET 를 찾습니다.
/*bodyID TAB Navigation SET  ===============================================
body#tt-body-page #tabsB .tab_hm a,
body#tt-body-location .tab_lc a,
body#tt-body-tag #tabsB .tab_tag a,
body#tt-body-keylog #tabsB .tab_key a,
body#tt-body-guestbook #tabsB .tab_guest a,
body#tt-body-dtopshot(관리자페이지 분류에서 설정했던 Body id) #tabsB .AAAAA a {
    background:url("images/tableftB2.gif") no-repeat left top;
}
body#tt-body-page #tabsB .tab_hm a span,
body#tt-body-location .tab_lc a span,
body#tt-body-tag #tabsB .tab_tag a span,
body#tt-body-keylog #tabsB .tab_key a span,
body#tt-body-guestbook #tabsB .tab_guest a span,
body#tt-body-dtopshot #tabsB .AAAAA a span {
    background:url("images/tabrightB2.gif") no-repeat right top;
    color:#993333;
}
body#tt-body-page #tabsB .tab_hm a:hover span,
body#tt-body-location .tab_lc a:hover span,
body#tt-body-tag #tabsB .tab_tag a:hover span,
body#tt-body-keylog #tabsB .tab_key a:hover span,
body#tt-body-guestbook #tabsB .tab_guest a:hover span,
body#tt-body-dtopshot #tabsB .AAAAA a:hover span {
    color:#000;
}
결론 부터 말씀드리면, ID #tabsB 아래 앞서 class AAAAA로 설정했던 li 를 각각 다른 body ID 에서만 반응할 수 있도록 하는 것입니다..(에.. 이게 뭔 말인지...ㅡ,.ㅡ;) 그러니까, body-ID 하나와 li class 는 각기 한쌍씩이 되어...ㅡ,.ㅡ' 설명이 불필요하게 복잡하지만, 빨강색으로 적힌 부분을 찬찬히 보시고, 위와 같은 형식으로 추가해 주시면 OK~

아래는 현재 제 블로그의 소스입니다. ;;

	<div id="menu1">
<div id="tabsB">
<!-- CSS Tabs 상단 탭에 추가하실수 있습니다-->
<ul>
<!-- CSS Tabs -->
<li class="tab_hm"><a href="http://hi8ar.net/" title="처음으로~"><span>Home</span></a></li>
<li class="tab_ds"><a href="http://hi8ar.net/category/Dtop%20Shot" title="데스크탑 스냅샷"><span>Desktop</span></a></li>
<li class="tab_wp"><a href="http://hi8ar.net/category/Wallpaper" title="월페이퍼"><span>Wallpaper</span></a></li>
<li class="tab_ms"><a href="http://hi8ar.net/category/Misc" title="잡동사니"><span>Misc</span></a></li>
<li class="tab_cn"><a href="http://hi8ar.net/category/C.note" title="커스토마이징 노트"><span>C.note</span></a></li>
<li class="tab_dr"><a href="http://hi8ar.net/category/Diary" title="다이어리"><span>Diary</span></a></li>
<li class="tab_mu"><a href="http://hi8ar.net/tag/Music" title="음악이 필요해?"><span>Music</span></a></li>
<li><a href="http://hi8ar.net/19" title="이것저것 링크~"><span>Link</span></a></li>
<li class="tab_tag"><a href="http://hi8ar.net[##_taglog_link_##]" title="태그"><span>Tag</span></a></li>
<li class="tab_key"><a href="http://hi8ar.net[##_keylog_link_##]" title="키워드"><span>Key</span></a></li>
<li class="tab_guest"><a href="http://hi8ar.net[##_guestbook_link_##]" title="방명록"><span>GuestBook[##_today_guest_##]</span></a></li>
</ul>
</div>
</div>

/*bodyID TAB Navigation SET  =============================================================*/
body#tt-body-page #tabsB .tab_hm a,
body#tt-body-dtopshot #tabsB .tab_ds a,
body#tt-body-wallpaper #tabsB .tab_wp a,
body#tt-body-misc #tabsB .tab_ms a,
body#tt-body-cnote #tabsB .tab_cn a,
body#tt-body-diary #tabsB .tab_dr a,
body#tt-body-tag #tabsB .tab_tag a,
body#tt-body-keylog #tabsB .tab_key a,
body#tt-body-guestbook #tabsB .tab_guest a {
background:url("images/tableftB2.gif") no-repeat left top;
}
body#tt-body-page #tabsB .tab_hm a span,
body#tt-body-dtopshot #tabsB .tab_ds a span,
body#tt-body-wallpaper #tabsB .tab_wp a span,
body#tt-body-misc #tabsB .tab_ms a span,
body#tt-body-cnote #tabsB .tab_cn a span,
body#tt-body-diary #tabsB .tab_dr a span,
body#tt-body-tag #tabsB .tab_tag a span,
body#tt-body-keylog #tabsB .tab_key a span,
body#tt-body-guestbook #tabsB .tab_guest a span {
background:url("images/tabrightB2.gif") no-repeat right top;
color:#993333;
}
body#tt-body-page #tabsB .tab_hm a:hover span,
body#tt-body-dtopshot #tabsB .tab_ds a:hover span,
body#tt-body-wallpaper #tabsB .tab_wp a:hover span,
body#tt-body-misc #tabsB .tab_ms a:hover span,
body#tt-body-cnote #tabsB .tab_cn a:hover span,
body#tt-body-diary #tabsB .tab_dr a:hover span,
body#tt-body-tag #tabsB .tab_tag a:hover span,
body#tt-body-keylog #tabsB .tab_key a:hover span,
body#tt-body-guestbook #tabsB .tab_guest a:hover span {
color:#000;
}



맨위에 플립형 시계 플러그인은 어떻게 달수 있나요?

3. 플립형 시계는 ClockLink 에서 제공하는 템플릿? 위젯?..
뭐 그런겁니다.. ㅡ,.ㅡ'

http://www.clocklink.com/ENG/gallery_digital.htm
페이지 제일 하단쯤에 있습니다. :)

우연찮게 모노크롬 스킨과 딱 어울리는 녀석을 발견해서 달아 봤습죠.. 냐냐냐~

아무튼, View Html Tag 를 누르시면.. 아래와 같은 창에서 (색상과 Timezone을 선택하신후) 시계를 넣으실수 있는 태그를 얻으실수 있습니다.
User inserted image

태터툴즈는 당연히 script 를 넣을수 있으니 Embed 가 아닌 Script 태그를 복사하신후..

skin.html 제일 마지막 부분 쯤에 적당히 쑤셔 넣습니다. :)
</div> <!-- Container END-------------------------

<div id="clock">

  <script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "5012-gray.swf";obj.TimeZone = "JST";obj.width = 91;obj.height = 30;obj.wmode = "transparent";showClock(obj);</script>
</div>

</body>
position을 absolute로 잡을것이기 때문에 소스의 위치는 <body> 의 안에만 위치하면 괜찮겠습니다. 냠냠~ ㅡ,.ㅡ' 다만, 아무래도 페이지 로딩시 clocklink 사이트에 다녀 와야 할테니, 다른 콘텐츠를 모두 띄우고, 시계가 로드 될 수 있도록 마지막 쯤에 적어 주시는게 좋겠어요.

style.css 를 열어.. 아래와 같이 추가 합니다.
#clock {
position: absolute;
right:10px;
top:10px;
}
이렇게만 해 주시면 That's it~!

예쁘긴 하지만, 사이트 로딩 속도를 더디게 할 테니, 썩 추천하고 싶은 시계는 아닙죠. :)



메인 상단 이미지는 어떻게 넣어야 되는 건가요?

4. 메인 상단의 이미지는 이런식으로...

User inserted image
스킨의 images 폴더에 보시면, top.gif 파일이 있습니다.
<- 요로코롬 생긴 녀석.. 가로 242 x 세로 156 크기의 그림이 반복되는 형태입니다.









style.css 239라인
#timg {
    text-align: left;
    padding: 85px 15px 0px;
    background: #000 url('images/top.gif') repeat;
    height: 50px;
}
기본적으로 검정색(#000)을 배경으로 하고, 그 위에 top.gif 파일을 반복해서 출력하는 형태... 실제 상단 메인 이미지가 갖는 세로 크기는 135px 쯤 되겠으니 그림의 아래 부분이 살짝 짤리는 형태입니다.

아무튼 저의 경우는 가로크기 1280px 짜리 이미지를 넣었습니다.
User inserted image
이따만한것을 통째로... ㅡ,.ㅡ'' 따라서 모니터의 해상도가 1280px 이 넘지 않는 이상 한개의 그림만 보인다 이것입죠. 냐냐냐~ 따라서 모니터 해상도 가로크기 1280px 이신 분의 모니터에선 우측에 위 이미지가 하나 더.... 아무튼 썩 훌륭하지 않은 편법입니다. :)

앞서 position: absolute 를 모기발의 피 만큼 설명했으니, 적당한 이미지를 가운데쯤 하나 딱 띄우실 수도 있겠네요.


웹표준?? 그런건 이런것으로 밥 벌어 드시는 분들께 맡기도록 하고...


다행이 내일은 온 세상 밝히시러 부처님이 오신날이라.. 푹 잘수....ㅡ,.ㅡ'
위 내용은 뭐라 적었는지 본인도 알아 볼수가 없으므로, 죄송 또 죄송하며...
불량 A/S 끝...

아! 보증 기한이 이제 지났으니, 앞으로는 유상 A/S 만 가능하겠습니다. ;P

 

body ID.. 훌륭하다!

이야.. 이거, 너무 좋잖아~!

방명록이랑, 태그페이지랑, 데스크탑샷 카테고리랑,

그냥.. 심심해서....-_ㅡ;;; 근데 좀 느려졌나?
오늘 이러다.. 이거 한번 더 볼라...
사실 어제는 첨부파일포함 백업을 실수로, 두번이나 받아서.... 하하..하.. -_ㅡ;;

아무튼, 이제.. J.Parker님의 "엔트리 본문 목록 짧게 줄이기 플러그인" 과 body ID 기능으로, 워드프레스의 싱글페이지가 부럽지 않다.... 냐하하하~

TT 1.1이 불을 댕기는구나~ 얼쑤~
 

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 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 에서 지정한 여백이 맞게 적용됩니다.



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

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

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

태터툴즈 블로그 스킨 공모전 "인기상"

스킨 공모전 수상작들이 발표 되었습니다!

사실 오늘이 발표일인지, 잊고 있었습니다.
잊고, 잊어버리고, 또 잊고 살다가 갑자기 제 앞에 19인치 LCD 모니터가 놓이기를 바랐냐고 물으신 다면.... 흐흐흐.....-_ㅡ;;;
인기상 배너

배너도 참 예뻐요~!


이유없이 바쁜 제 생활 패턴 덕분에, 충분한 준비 없이 부랴부랴 응모했던 스킨이 인기상에 선정 되었습니다.
아마도 제일 마지막에 있는 것을 보니, 턱걸이 했나봐요... +_+''
왠지 참여 하지 않으면, 나중에 정말 후회 될것만 같고, 급하게 덜 다듬어진 스킨을 공모전 출품한답시고 보내놓고 나니, 자신이 스스로 부끄러워 지더군요. 생각하고 준비해 두었던 것들을 아무것도 활용하지 못하고 출품했던 것이 조금은 아쉽습니다. :) 아무튼 여러모로 부족한 스킨에 인기상으로 선정해 주시고... 그저 감사할 따름입니다~!!! 상위 입선하신 분들의 스킨은 조그만한 캡쳐샷으로만 접해도 정말 굉장해 보이는 군요~!

출품했던 스킨은 태터툴즈 1.1에 맞추어져 작성 되었습니다. 그런데 태터툴즈 1.1의 공개가 아무래도 당장 될 것 같지는 않네요. 늦어도 내일까지는 1.0.6에 맞는 스킨을 포함하여 공개해 볼까 합니다. 물론 조금 더 다듬고, 몇가지를 좀 더 추가 해 볼까도 생각하고 있습니다. 아무튼, 공개될 스킨은 현재 제 블로그의 모습과 크게 다르지 않습니다. 아니 그냥 "이겁니다." 라고 말하는 것이 더 정확할것 같군요...+_+''

어서 다듬어 태터툴즈 스킨 페이지에 올리고,

이제 떡볶이의 맛을 보는 일만 남았군요.. :)
 

Tag in Flash 플러그인 한글 고치다.



무하하하.. 한글이 ??? 가 아니고, 제대로 나온다. :)

아침부터 J.Parker님의 이올린 태그 검색 플러그인을 고치다가, 같은 방법으로 Tag in Flash 플러그인까지 함께 고쳐졌다. 소 뒷걸음 치다 쥐 잡은격... 근데.. 막상 한글이 제대로 나오니,, 한글 태그가 별로 없네..-_ㅡ''
아무튼, 나 혼자 멋지게 고친줄 알고.. "쥐뿔도 모르는게 응용도 할 줄 아는구나~!" 라며 스스로 잘난척하던 중이었는데... 이미 해결책이 태터툴즈 플러그인 페이지에 댓글로 올라와 있더라~ 쩝.. 9월 1일날 달린 댓글이니 한달이나 됐네....;;; 이제서야 알게 되다니..
 

UTF-8 서버 이전기..

DB를 옮기다.
아 몰라몰라... 어디 멀리 이동한건 아니고.. (아직 7개월도 더 남았는걸~)
어이쿠야~ SharedShell 에서 UTF-8 서버를 운영한다기에..
(MySQL 5.0.22 / PHP 4.4.2 / APACHE 1.3.17)

기존 이용자도 옮겨준다고 해서... 그냥 아무생각 없이...-_ㅡ;; 유후~~
(기존에는 아마도 MySQL 3.25에 EUC-KR 서버 였던것 같습니다. 기억이 안 나요. 물론 태터툴즈를 이용하는데 별다른 어려움이나 문제는 느끼지 못하고 있었습니다. 하지만 뭐 4.1 이상이 권장사양이니까.. 옮기는게 좋을지도 모르겠다 싶어서..)

물론 제가 한건 하나도 없고.. SharedShell 에서 DB Dump(?) 해서 옮겨줬습니다.
도메인이 좀 꼬여서 하루정도 연결이 안된것 같습니다.
어쨌든 그외에도.. 몇가지 문제가 좀 있었는데.. 그럭저럭 해결하고 있습니다.
(요즘에는 뭐든지 귀찮아서.. 그냥 그려려니 방치하는 것을 새로운 컨셉으로....-_ㅡ;;)

1. 한글이 깨지는 문제..
SharedShell에서 경고해서 그럴거라고 알고는 있었지만.. 막상 보고 나니..쩝.. 태터툴즈의 경우, UTF-8로 DB를 인코딩하는것 같은데도.. 한글이 깨지네요. 역시 알려준 대로, 관리자 페이지에서 백업본으로 복구해서 고쳤습니다. 워드프레스는 똑같이 옮겨졌는데도 한글이 멀쩡하다는거~

2. 태터툴즈 클래식의 경우, 로그인이 안됨.
제대로 된 비밀번호를 넣어도.. 틀린번호랍니다. 아니면 그새 비밀번호를 까먹었던지.. 요새는 기억력이 감퇴해서 말이지.. 담배를 끊어야...-_ㅡ;;
제로보드4도 그런다던데.. 결국 한글이 깨진채로 방치중..-_ㅡ;; 드뎌 분점을 닫을때가 된건가? 다 지우고 새로 설치하고 복구하긴 귀찮아... 확인은 여기에서

3. ThumbnailListView 에서..
예전처럼 안나와..-_ㅜ;;; 뭐가 엉켰는지.. 제일첫 그림을 썸네일로 만들지 않고.. 제일 마지막 혹은.. 지가 하고픈 녀석으로 썸네일을 만들어서... 심각하게 고민..
첫 그림으로 하는 법을 J.Parker님 블로그의 이 댓글을 보고 수정.

4. 서버 이전 하기 직전에.. 플래시 태크 클라우드 플러그인을 달았었는데... 서버를 이전하고 나니..
멀쩡했던 한글이 죄다 ??? 로..-_ㅡ;; 역시 인코딩 문제인가? (확인은 태그 페이지에서~!)
너무 멋진 플러그인!!! 한글 폰트도 너무 이쁜데.. ??? 로만 나와서..절망중..
다행인지 불행인지 태그를 영어로 더 많이 썼다는거~
요즘들어 왠지 워드프레스 기본 스킨이 너무나도 끌려서, 꿈속에서도 워드프레스만 찾고 있었는데.. 이런것 한방이면 그런 생각들은 안녕안녕 바이바이~!


옮겨서 좋은점???
글쎄.. 모르겠삼.. 새 버젼이 좋은거 아니야? 음 제로보드5나 한번 설치해 보지 뭐...-_ㅡ;;;;;
phpMyAdmin에서도 좀 놀아보고.. 그냥 뭐.. 경험이지 뭐.. :D

이상.. 이런것에 대해 하나도 모르는 초보쟁이의 서버 이전기 였습니다. 막상 딱 이전 되고 나니.. "아 귀찮아.."가 절로 나오더군요. 그러니까, 가만히 나둬도 멀쩡할 것을 괜히 건들어서 긁어 부스럼 만든 기분.. ;P 혹시라도 SharedShell 이용하시는 분들에게 참고가 될지 모르겠네요. :)

오늘의 교훈.. 사용하는데 문제 없으면 괜한짓은 하지 말자..
 

태터툴즈에서 즐기는 Gravatar!!

워드프레스가 부러웠던 이유가 하나 줄었습니다.. :)

J.Parker 님이 정말 멋진 플러그인을.. -_ㅠ;;;
(소문 듣고 어제부터 손가락 꼽아가며 기다렸습니다.)

일단 설명대로 찬찬히 하라는데로만 했더니 덜컥 적용되었습니다. 태터툴즈의 기본스킨 비스므리한것을 사용하니 좋은점이 많군요. ;) 몇가지 테스트 결과 뭔가 조금 불안정한것 같기도 하지만, 그럭저럭 잘 적용되는것 같습니다!! 만세~!! 일단 몇가지 궁금한 것들에 대해선 Parker님께 묻기로 하고..
(현재 EAS와 함께 적용중인데 별다른 충돌은 없는것 같습니다..!)


그라바타 없으신 분들은 여기 가셔서 간단하게 가입하시고(그라바타로 사용할 이메일과 이미지 하나만 있으면 됩니다~!!) 승인될때까지 기다리시면 됩니다. 길게는 3일까지 걸린다고 하는군요. 뭐 운 좋으면 금방도 되겠죠. ^^; 아바타 이미지의 크기는 80x80 이며 100kb이하인 JPG/GIF/PNG 라면 오케이 라는군요!

뭘 망설이삼? 언능들 테스트 한번씩들 하삼..-_ㅡ;;; 그라바타만 있다면 누구라도 좋습니다~!! (없어도 좋습니다~!)


06.06.23 덧붙입니다.
2차 수정본에서는 e-mail이 null 값일 경우, 특정 이미지가 표시되는 기능이 추가 되었다는군요.
3분만에 만들어 버린 default.gif 와 no_email.gif 입니다.

넘쳐 흐르는 아이콘들 중에서, 마땅히 쓸만한것 찾기가...-_ㅡ;;;
원하신 다면 자유롭게 이용하실수 있습니다.^^;