en demenagement

chansons

2011-06-16T00:33:00.000+02:00

Concerto Pour Deux Voix
Jean Baptiste Maunier & CLEMENC

La Vie Comme Elle Vient - CLEMENCE

1GB.ME FREE, PHP AND MYSQL HOST, NO ADS + WEBSITE BUILDER

2011-06-16T00:32:00.001+02:00

I discovered a good free hosting called 1gb.me (pronounced "1 gigabyte me") that allows you to make your own free website.
They provide an array of web site tools for you to start your own online presence.
So you can create your own 1gb.me free hosting account running in a few minutes!

1. SIGN UP for a FREE Account.
2. Upload your Website & Files.
3. Add Blogs, Photos & Scripts

Best Free Web Hosting to Make a Site

눈을 뜬 채 태어나는, 털없는 고양이 피터볼드를 아세요 ?

2010-12-29T10:15:00.001+01:00

털없는 고양이는 3종이 있다.
털없는 고양이 하면 떠올리는것이 흔히 "스핑크스고양이"라고 하는 케나다가 고향인 Sphynx이고, 더 나아가 Russian Don Hairless라고도 불리는 러시아의 Don Sphynx를 아는 사람들도 있을것이다.

캐나다 원산의 Sphynx(사진왼쪽) 과 러시아의 Don Sphynx

Sphynx와 Don Sphynx의 차이점은 유전자 자체가 다른것인데, Sphynx의 경우 털없는 모습을 발현시키는 유전자가 열성으로 털이 있는 일반 고양이와의 사이에서 털없는 아기가 나올수없는데 반해, Don Sphynx의 유전자는 우성으로 일반 고양이와의 사이에서 바로 털없는 누드고양이(bald cat)가 태어난다는 것이다.

이점에 착안해 1994년 러시아의 고양이전문가 Olga Mironova에 의해 Afinogen 라는 숫컷 Don Sphynx와 Radma von Jagerhoff 라는 암컷 오리엔탈 숏헤어사이에서 처음으로 오리엔탈의 몸매에 털이없는 고양이가 태어나게 되고 고향인 러시아의 St.Petersbourg에서 따와 Peterbald라는 종으로 이름붙여진다.
1996년에 러시아 고양이협회에 정식 종으로 등록된것을 시작으로 1997년에 TICA, 2007년에 FIFé에 소개되었고 현재는 각 협회 캣쇼에서 피터볼드 챔피언들이 배출되고있다.

피터볼드는 털의 여부에 따라 4가지로 분류할수있다.
털이 없는 고양이인데 털의 여부에 따른다 ?

일단 털이 전혀 없는 보통의 피터볼드를 그냥 피터볼드 혹은 피터볼드 nude라고 표현한다.

겉으로 봐서는 털이 거의 없는 것처럼 보이지만 손으로 만져보면 갓 면도한 턱수염 처럼 까끌거리는 느낌이 있는 피터볼드 Flock,

3mm 가량의 털이 있어 Flock과 비슷해 보이지만 털이 부드럽고 햇빛에 비췄을때 아주 반짝거리는 피터볼드 Velours

마지막으로 거세고 곱슬거리는 털이 있으며 콧수염까지 꼬불거리는 피터볼드 Brush등으로 나뉜다.

하지만, 털이 전혀없어 눈으로 바로 확인할수있는 누드에 비해 나머지는 육안으로 서로 구분 하기가 힘든경우가 많고 특히 피터볼드의 경우 Don Sphynx처럼 어릴때 털이 약간 있던 녀석들도 생후 2년이 될때까지 머리부터 목 등줄기 부분을 시작으로 계속 털이 빠지기 때문에 어릴때 Velours였다가 커서 올 누드가 되기도 한다.
편의상 구분 지은 것일 뿐, 모두 피터볼드이다.

털이 조금 있는 경우 Flock, Velours, Brush(왼쪽부터)로 분류된다.

갓 태어났을때, nude인지 vleours인지 알기 어려울때 아주 재밌고 간단한 구별법이 있다.
한 배에서 태어난 형제라도 Velour나 Brush의 경우 보통 고양이 처럼 눈을 감고 태어나 생후 몇일 후에 눈을 뜨는것에 비해 털이 전혀 없는 올 누드냥이의 경우 눈을 뜨고 태어난다 !

피터볼드의 관리법은 의외로 오리엔탈이나 샴에 비해 오히려 더 손이가는데, 눈꼽이나 귀등을 자주 닦아주어야 하며 젖은 물수건이나 부드러운 가죽등으로 몸을 문지르듯 닦아준다.
털이 없는 관계로 체온을 유지하기 위해 다른 고양이보다 더 많은 양과 영양분이 높은 식사가 필요하며, 모든 고양이들이 일광욕을 좋아하지만, 피터볼드는 더욱 햇빝을 찾아든다.
손으로 직접 만졌을때의 뜨겁다는 느낌을 준다.

피터볼드의 성격
샴/발리니즈/오리엔탈이 거의 똑같은 성격을 지닌 것에 비해 피터볼드는 샴/오리엔탈의 영리하고 항상 주인의 집중을 끌기를 원하며 카랑카랑한 목소리지녔으며 놀이를 할때는 아주 활동적인 점을 지녔지만, Don sphynx를 닮았는지 굉장히 침착하고 점잖으며 얌전한 면도 있다. 또한 식탐이 있어 부엌에서 머무는 시간이 많다.

이로서 샴의 사촌 격인 종으로 발리니즈/오리엔탈 숏헤어/오리엔탈 롱헤어에 이어 피터볼드도 추가 되었다.

iPad Cat

2010-04-17T15:54:00.000+02:00

귀여워~!
이거 때문에 갑자기 아이패드 사고 싶어지면 이상한가? ㅎㅎ
아이패드 첨 나왔을때부터 누가 저런거 먼저 올릴까 했는데, 너무 귀엽다.

Des images inédites d'un léopard tacheté de Bornéo

2010-02-16T03:47:00.000+01:00

Un léopard tacheté, issu d'une espèce encore méconnue, récemment découverte sur l'île de Bornéo (Malaisie),a été filmé pour la première fois par des caméras dans la forêt. Celéopard, long de trois mètres de long et pesant une quarantaine dekilos, a été saisi par les caméras d'une équipe de scientifiquesmalaisiens circulant de nuit dans la réserve naturelle de Dermakot,dans l'Etat du Sabah. Lire la suite l'article

'Nousavons été surpris qu'il n'ait pas peur alors que les léopards tachetéssont connus pour leur extrême prudence. Il s'est déplacé calmementautour de notre véhicule en dépit de la lumière et du bruit du moteur',a expliqué M. Azlan Mohamed, un scientifique de l'université de Sabah,en reconnaissant avoir 'eu de la chance'. 'Il est rare de voir un telanimal à l'état sauvage. Il fuit en général tout contact avec leshumains.'

Le léopard tacheté de Bornéo (Neofelis diardi) a étérécemment classé comme une nouvelle espèce et reconnu comme 'en danger'en 2008 par l'Union internationale pour la conservation de la nature.Selon M. Azlan, il est considéré comme le plus gros prédateur surBornéo, une grande île partagée entre la Malaisie et l'Indonésie, où l'écosystème, extrêmement riche, est fortement menacé par la déforestation et l'exploitation des matières premières.

Cartel Régence en marqueterie Boulle

2009-11-28T06:27:00.000+01:00

Différentes étapes de la restauration d'un cartel Régence en marqueterie Boulle :
- Dépose de la marqueterie
- Mise à nue de la caisse
- Démontage de la caisse
- Collage de la caisse
- Détails du collage
- collage de la marqueterie
- détail de la serrure

Hymne à l'amour

2009-11-15T04:55:00.000+01:00

Patrick Fiori & Lara Fabian
이 당시만해도 실제 연인이었던 두사람, 마지막에 진한 키스까지 하는 쇼맨쉽(?)을 발휘 했건만,
영원한 것은 없는것인가.... 지저분한 가십만 남긴채 끝나는....
그래도 살며 사랑하며....

Patricia Kaas / Garou
내가 좋아하는 두 사람이 내가 사랑해 마지 않는 Edith Piaf의 노래를...
뭐가 더 필요하겠는가

트랙백주소를 클릭 한번에 클립보드로 복사하기...

2009-11-12T21:44:00.000+01:00

블로그 서비스들 보면, 트랙백 주소를 드래그해서 복사하게 되어있는데 클릭한번에 자동으로 클립보드로 복사되게 하는 jquery 플러그인이 있다.

이름은 zero clipboard 다운은 이곳에서 http://code.google.com/p/zeroclipboard/

이런 류의 자바스크립트 역시 예전에도 있었지만 문제는 IE 에서만 되더라는것.

이것은 jqeury 와 플래시(zeroclipboard.swf)를 이용해 만들어 졌다.(크로스 브라우징을 위해 불가피하게 flash파일을 썼다고 한다)

또, 이와 비슷한 다른 코드들도 몇 있지만 플래시플레이어 10이 인스톨된 컴에서는 에러가 나 작동이 안되고 이 코드 또한 그랬는데 업그레이드가 되었다.

개인적으로 테스트 해 본 결과 만족스러웠지만, 서비스형 블로그에서는 적용이 안된다. 아마 자바스크립트 소스내에서 플래시 파일을 불러들이는 구조라서 보안에 걸리는 모양이다.

서비스 운영 측에서 지원을 해주지 않는 이상은 설치형 블로그나 게시판 프로그램에만 적용할수있을듯...

그 외엔, 플래시파일은 1.0kb에 불과하지만 .js파일이 9.4kb 로 자바소스 최대한 안쓰려는 경우엔 약간 무겁게(?) 느껴질수도 있다는 것 정도...

test page : http://bowser.macminicolo.net/~jhuckaby/zeroclipboard/

jquery animate 효과를 이용한 페이지 맨위로 이동하기

2009-11-02T19:44:00.000+01:00

아래와 같은 코드의 추가로 페이지 맨위로 가는 스크롤탑 효과를 낼 수 있다.
[code]$( 'html, body' ).animate( { scrollTop: 0 }, 0 );[/code]
부드러운 스크롤링 효과를 내고 싶을땐 slow를 추가해준다.[code]$( 'html, body' ).animate( { scrollTop: 0 }, 'slow' );[/code]
jquery에 적용할 전체 소스[code]$(document).ready(function() {
$('.backtotop').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
;});
;});[/code]

장점:
1. 예전에도 자바스크립트로 스스륵 올라가는 효과는 많았지만, IE에서는 되고 파폭에선 안되고, body onload등을 써서 다른 소스와 충돌나고 랙걸리고..배보다 배꼽이 더컸던것에 비해 가볍고 크로스브라우징(IE 6,7,8, 크롬, 파폭, 사파리 확인)이 되며 다른 소스와 충돌날 일도 없다.

2. 보통 anchor 를 이용해서 top으로 가는 소스의 경우 한번 클릭하고 나면 주소창에 # 나 #top 등이 따라붙어서 찜찜했던거 해결

3. 별도의 anchor점(a name="top") 지정없이 간단히 원하는곳에 스크롤이 멈추게 할수있다.

단점: 알려주세요 !

페이스북에 김치가~

2009-10-31T20:15:00.000+01:00

페이스북(http://www.facebook.com) 상에서 할수있는 어플리케이션 게임 중 café world라는게 있는데, 그 게임을 하다보니 친구에게 선물로 보낼수 있는 음식중에 "Spicy Kimchi"라는 이름으로 우리의 김치가 있었다~! 왠지 반가워서 스샷을 ^^
레몬에이드, 에스프레소 등 마실거리 위주로, 김치가 추가될 리스트는 아닌듯 보이는데 당당히 자리를 차지하고 있는게 재밌다. 불고기 비빔밥 막걸리 갈비..이런것들도 추가될 날이 오길 ㅋㅋ

un poete, 누구라도 그러하듯이

2009-10-29T06:15:00.000+01:00

배인숙의 '누구라도 그러하듯이'는 워낙 유명한데다 자우림,이수영, 염정아(영화OST)등이 리메이크 하면서 관심이 높아져, 원곡이 Alain Barriere 의 un poete이라는 사실또한 많은 분들이 알고있을것이다.
2년전 Lille에서의 무대라고 하는데, 사진으로만 보던 젊은 시절의 잘생긴 모습은 사라지고 없지만 그래도 멋진 목소리는 변함이없고 여전히 무대에서 팬들과 만다고 있다는 것을 확인하는것만으로도 흐뭇하다.
의외로 프랑스에서 그의 다른 노래에 비해 un poete라는 노래는 크게 히트치지 못했다고 하며, 이제는 그 노래 자체를 알고있는 사람도 별로 없는것 같다.
몇년전 주변친구들 중 아무도 아는 사람이 없어 나이드신 분들에게 그를 아느냐고 물으면 오히려 내가 어떻게 그를 아는지 흠짓 놀라는 눈치였으니 프랑스인이라 해도 젊은 세대들은 모르는것이 당연할지도 모른다.

그래서 배인숙의 누구라도 그러하듯이가 좀더 특별하게 다가오는것 같다.
뭍히기엔 아까운 그 곡을 10여년이 지난 뒤 찾아내 언제들어도 가슴에 와닿는 멜로디, 보이스, 가사 의 삼박자가 맞아떨어지는 곡으로 멋지게 다시 태어나게 했으니 말이다. 더군다나 작사를 배인숙씨 본인이 했다는 것 또한 노래를 더 매력적으로 느껴지게 한다.
노래를 들으며 목소리와 어우러 지는 묘한 가사전달력에 이끌리곤 했는데, 역시 본인이 쓴 것이라 그런 감성적 표현이 가능했나 보다 하고 생각하게 된다.
첫사랑에 대한 노래라고 하지만, 나는 이곡을 들으면 사랑 보다는 아련한 추억 향수 이런것들을 떠올리게 된다.
그래서 아무때나 들어도, 들으면 들을 수록 더 좋은것이 아닐까 ?
흔히 원곡, 리메이크곡(혹은 번안곡) 중 어떤게 더 마음에 드는지에 대해 얘기하곤 하는데 나에게 있어 이곡 만큼은 우열(?)을 가릴 수가 없다.
우선, 멜로디보다는 가사에 치중하게 되는 이 노래에서 두 곡의 가사가 너무나도 다르고 각자 그들의 목소리로 그 가사를 잘 표현하고 있기때문에...

프랑스판 다찌마와 리

2009-10-29T06:14:00.000+01:00

어릴때부터 놀이동산 가면 귀신의 집이 가장 좋았고, 그 담에 타는 것들 중에서도 무조건 스릴있고 무서운것만 타고 싶어 했던 기억이 난다.
지금도 가끔씩 공포영화를 봐줘야 되는 나는, 일부러 B급을 고집하는건 아니지만, 공포영화라는 자체가 연중 끊임 없이 나오는 장르가 아니기에 메이져급 호러는 이미 거의 다 본거 같고, 남은건 DVD대여 기계를 이리저리 뒤져야 나오는 B급 호러무비들 뿐이기에 때가 될때마다 하나씩 보고있는데, 이제 그 B급 무비들 마저 거의 다 봐 가고 있는것 같아 겁이 난다. 더이상 볼게 없어질까봐...
B급 호러무비를 볼때마다, 저렇게 허접한 영화도 만들어져서 극장까진 아니더라도 DVD로 전세계 호러메니아들에게 전파된다는 생각이 들어, 나도 끝간데 없이 질펀한 싸구려 공포영화 한번 만들어 봤으면 좋겠다는 황당한 상상을 하며 이러저러한 이야기를 구상해 보는 것은 내가 공포영화를 보며 느끼는 또 하나의 재미다.ㅎㅎ
아무 생각없이 볼만한 B무비나 고르려다, Crazy lee - agent secret coréen(한국 비밀요원 "크레이지 리")이라는 제목의 DVD가 있어 봤더니, 다찌마와 리 였다. 하하

텍스트큐브 paging part 디자인

2009-10-22T20:06:00.000+02:00

텍스트큐브 스킨 수정의 style.css에서 페이징에 관련된 부분 (스킨에 따라 .pagination 혹은 .paging 등)을 찾아 아래 보기중 맘에 드는 코드를 그대로 복사해 넣어주면 됩니다.
*스킨의 페이징의 클레스값이 pagination이 아닌경우 해당하는 값으로 변경

1 2 3 4 5 fin

        1: .pagination {       2:     padding-right: 3px; padding-left: 3px; font-size: 80%; padding-bottom: 10px; margin: 3px; color: #a0a0a0; padding-top: 10px; background-color: #000; text-align: center;       3: }       4: .pagination a {       5:     border-right: #909090 1px solid; padding-right: 5px; background-position: 50% bottom; border-top: #909090 1px solid; padding-left: 5px; background-image: url(img/bar.gif); padding-bottom: 2px; border-left: #909090 1px solid; color: #c0c0c0; margin-right: 3px; padding-top: 2px; border-bottom: #909090 1px solid; text-decoration: none;       6: }       7: .pagination a:link, .pagination a:visited { color:#c0c0c0; }       8: .pagination a:hover {       9:     border-right: #f0f0f0 1px solid; border-top: #f0f0f0 1px solid; background-image: url(img/invbar.gif); border-left: #f0f0f0 1px solid; color: #ffffff; border-bottom: #f0f0f0 1px solid; background-color: #404040;      10: }      11: .pagination a:active {      12:     border-right: #f0f0f0 1px solid; border-top: #f0f0f0 1px solid; background-image: url(img/invbar.gif); border-left: #f0f0f0 1px solid; color: #ffffff; border-bottom: #f0f0f0 1px solid; background-color: #404040;      13: }      14: .pagination span.tt-paging-current {      15:     border-right: #ffffff 1px solid; padding-right: 5px; border-top: #ffffff 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #ffffff 1px solid; color: #ffffff; margin-right: 3px; padding-top: 2px; border-bottom: #ffffff 1px solid; background-color: #606060;      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center       3: }       4: .pagination a {       5:     border-right: #fff 1px solid; padding-right: 5px; border-top: #fff 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #fff 1px solid; color: #000099; padding-top: 2px; border-bottom: #fff 1px solid; text-decoration: underline       6: }       7: .pagination a:link, .pagination a:visited { color:#000099; }       8: .pagination a:hover {       9:     border-right: #000099 1px solid; border-top: #000099 1px solid; border-left: #000099 1px solid; color: #000; border-bottom: #000099 1px solid      10: }      11: .pagination a:active {      12:     border-right: #000099 1px solid; border-top: #000099 1px solid; border-left: #000099 1px solid; color: #f00; border-bottom: #000099 1px solid      13: }      14: .pagination span.tt-paging-current {      15:     border-right: #fff 1px solid; padding-right: 5px; border-top: #fff 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #fff 1px solid; color: #000; padding-top: 2px; border-bottom: #fff 1px solid; background-color: #fff      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 3px; padding-left: 3px; font-size: 80%; padding-bottom: 3px; margin: 3px; color: #ff6500; padding-top: 3px; text-align: center       3: }       4: .pagination a {       5:     border-right: #ff9600 1px solid; padding-right: 7px; background-position: 50% bottom; border-top: #ff9600 1px solid; padding-left: 7px; background-image: url(img/meneame.jpg); padding-bottom: 5px; border-left: #ff9600 1px solid; color: #ff6500; margin-right: 3px; padding-top: 5px; border-bottom: #ff9600 1px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#ff9600; }       8: .pagination a:hover {       9:     border-right: #ff9600 1px solid; border-top: #ff9600 1px solid; background-image: none; border-left: #ff9600 1px solid; color: #ff6500; border-bottom: #ff9600 1px solid; background-color: #ffc794      10: }      11: .pagination a:active {      12:     border-right: #ff9600 1px solid; border-top: #ff9600 1px solid; background-image: none; border-left: #ff9600 1px solid; color: #ff6500; border-bottom: #ff9600 1px solid; background-color: #ffc794      13: }      14: .pagination span.tt-paging-current {      15:     border-right: #ff6500 1px solid; padding-right: 7px; border-top: #ff6500 1px solid; padding-left: 7px; font-weight: bold; padding-bottom: 5px; border-left: #ff6500 1px solid; color: #ff6500; margin-right: 3px; padding-top: 5px; border-bottom: #ff6500 1px solid; background-color: #ffbe94      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center       3: }       4: .pagination a {       5:     border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #0061de; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#0061de; }       8: .pagination a:hover {       9:     border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de      10: }      11: .pagination a:active {      12:     border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de      13: }      14: .pagination span.tt-paging-current {      15:     padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center       3: }       4: .pagination a {       5:     border-right: #9aafe5 1px solid; padding-right: 5px; border-top: #9aafe5 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #9aafe5 1px solid; color: #2e6ab1; margin-right: 2px; padding-top: 2px; border-bottom: #9aafe5 1px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#2e6ab1; }       8: .pagination a:hover {       9:     border-right: #2b66a5 1px solid; border-top: #2b66a5 1px solid; border-left: #2b66a5 1px solid; color: #000; border-bottom: #2b66a5 1px solid; background-color: lightyellow      10: }      11: .pagination a:active {      12:     border-right: #2b66a5 1px solid; border-top: #2b66a5 1px solid; border-left: #2b66a5 1px solid; color: #000; border-bottom: #2b66a5 1px solid; background-color: lightyellow      13: }      14: .pagination span.tt-paging-current {      15:     border-right: navy 1px solid; padding-right: 5px; border-top: navy 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: navy 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: navy 1px solid; background-color: #2e6ab1      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center       3: }       4: .pagination a {       5:     border-right: #ddd 1px solid; padding-right: 5px; border-top: #ddd 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #ddd 1px solid; color: #88af3f; margin-right: 2px; padding-top: 2px; border-bottom: #ddd 1px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#88af3f; }       8: .pagination a:hover {       9:     border-right: #85bd1e 1px solid; border-top: #85bd1e 1px solid; border-left: #85bd1e 1px solid; color: #638425; border-bottom: #85bd1e 1px solid; background-color: #f1ffd6      10: }      11: .pagination a:active {      12:     border-right: #85bd1e 1px solid; border-top: #85bd1e 1px solid; border-left: #85bd1e 1px solid; color: #638425; border-bottom: #85bd1e 1px solid; background-color: #f1ffd6      13: }      14: .pagination span.tt-paging-current {      15:     border-right: #b2e05d 1px solid; padding-right: 5px; border-top: #b2e05d 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #b2e05d 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: #b2e05d 1px solid; background-color: #b2e05d      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center       3: }       4: .pagination a {       5:     border-right: #ddd 1px solid; padding-right: 5px; border-top: #ddd 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #ddd 1px solid; color: #aaa; margin-right: 2px; padding-top: 2px; border-bottom: #ddd 1px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#aaa; }       8: .pagination a:hover {       9:     border-right: #a0a0a0 1px solid; padding-right: 5px; border-top: #a0a0a0 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #a0a0a0 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: #a0a0a0 1px solid      10: }      11: .pagination a:active {      12:     border-right: #a0a0a0 1px solid; padding-right: 5px; border-top: #a0a0a0 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #a0a0a0 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: #a0a0a0 1px solid      13: }      14: .pagination span.tt-paging-current {      15:     border-right: #e0e0e0 1px solid; padding-right: 5px; border-top: #e0e0e0 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #e0e0e0 1px solid; color: #aaa; margin-right: 2px; padding-top: 2px; border-bottom: #e0e0e0 1px solid; background-color: #f0f0f0      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 7px; padding-left: 7px; padding-bottom: 7px; margin: 3px; padding-top: 7px; text-align: center       3: }       4: .pagination a {       5:     border-right: #000000 1px solid; padding-right: 5px; border-top: #000000 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #000000 1px solid; color: #000000; padding-top: 2px; border-bottom: #000000 1px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#000; }       8: .pagination a:hover {       9:     border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; color: #fff; border-bottom: #000000 1px solid; background-color: #000      10: }      11: .pagination a:active {      12:     border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; color: #fff; border-bottom: #000000 1px solid; background-color: #000      13: }      14: .pagination span.tt-paging-current {      15:     border-right: #000000 1px solid; padding-right: 5px; border-top: #000000 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #000000 1px solid; color: #fff; padding-top: 2px; border-bottom: #000000 1px solid; background-color: #000000      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     font-size: 11px; color: #fff; font-family: tahoma, arial, helvetica, sans-serif; background-color: #3e3e3e       3: }       4: .pagination a {       5:     padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin: 2px; color: #fff; padding-top: 2px; background-color: #3e3e3e; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#fff; }       8: .pagination a:hover {       9:     color: #fff; background-color: #ec5210      10: }      11: .pagination a:active {      12:     color: #fff; background-color: #ec5210      13: }      14: .pagination span.tt-paging-current {      15:     padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; color: #fff; padding-top: 2px; background-color: #313131      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 2px; padding-left: 2px; font-size: 11px; padding-bottom: 2px; padding-top: 2px; font-family: tahoma, arial, helvetica, sans-serif; background-color: #c1c1c1       3: }       4: .pagination a {       5:     padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin: 2px; color: #000; padding-top: 2px; background-color: #c1c1c1; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#000; }       8: .pagination a:hover {       9:     color: #000; background-color: #99ffff      10: }      11: .pagination a:active {      12:     color: #000; background-color: #99ffff      13: }      14: .pagination span.tt-paging-current {      15:     padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; color: #303030; padding-top: 2px; background-color: #fff      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 7px; padding-left: 7px; padding-bottom: 7px; margin: 3px; padding-top: 7px; text-align: center;       3: }       4: .pagination a {       5:     border-right: #ccc 1px solid; padding-right: 5px; border-top: #ccc 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #ccc 1px solid; color: #000; padding-top: 2px; border-bottom: #ccc 1px solid; text-decoration: none;       6: }       7: .pagination a:link, .pagination a:visited { color:#000; }       8: .pagination a:hover {       9:     border-right: #f0f0f0 1px solid; border-top: #f0f0f0 1px solid; border-left: #f0f0f0 1px solid; color: #000; border-bottom: #f0f0f0 1px solid;      10: }      11: .pagination a:active {      12:     border-right: #f0f0f0 1px solid; border-top: #f0f0f0 1px solid; border-left: #f0f0f0 1px solid; color: #000; border-bottom: #f0f0f0 1px solid      13: }      14: .pagination span.tt-paging-current {      15:     border-right: #d9d300 1px solid; padding-right: 5px; border-top: #d9d300 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #d9d300 1px solid; color: #fff; padding-top: 2px; border-bottom: #d9d300 1px solid; background-color: #d9d300;      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 2px; padding-left: 2px; padding-bottom: 2px; margin: 7px; padding-top: 2px; font-family: "lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif       3: }       4: .pagination a {       5:     padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #ee4e4e; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#fff; }       8: .pagination a:hover {       9:     padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #de1818      10: }      11: .pagination a:active {      12:     padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #de1818      13: }      14: .pagination span.tt-paging-current {      15:     padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #6d643c; padding-top: 0.5em; background-color: #f6efcc      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 3px; padding-left: 3px; font-weight: bold; font-size: 13.5pt; padding-bottom: 3px; margin: 3px; color: #fff; padding-top: 3px; font-family: arial; background-color: #000; text-align: center       3: }       4: .pagination a {       5:     margin: 2px; color: #fa0; background-color: #000; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#fa0; }       8: .pagination a:hover {       9:     color: #fff; background-color: #000      10: }      11: .pagination a:active {      12:     color: #fff; background-color: #000      13: }      14: .pagination span.tt-paging-current {      15:     font-weight: bold; margin: 2px; color: #fff; background-color: #000      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 7px; padding-left: 7px; font-weight: bold; font-size: 13.2pt; padding-bottom: 7px; margin: 3px; padding-top: 7px; font-family: arial, helvetica, sans-serif; text-align: center       3: }       4: .pagination a {       5:     border-right: #d9d300 2px solid; padding-right: 5px; border-top: #d9d300 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #d9d300 2px solid; color: #fff; padding-top: 2px; border-bottom: #d9d300 2px solid; background-color: #d90; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#fff; }       8: .pagination a:hover {       9:     border-right: #ff0 2px solid; border-top: #ff0 2px solid; border-left: #ff0 2px solid; color: #000; border-bottom: #ff0 2px solid; background-color: #ff0      10: }      11: .pagination a:active {      12:     border-right: #ff0 2px solid; border-top: #ff0 2px solid; border-left: #ff0 2px solid; color: #000; border-bottom: #ff0 2px solid; background-color: #ff0      13: }      14: .pagination span.tt-paging-current {      15:     border-right: #fff 2px solid; padding-right: 5px; border-top: #fff 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #fff 2px solid; color: #000; padding-top: 2px; border-bottom: #fff 2px solid      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center       3: }       4: .pagination a {       5:     border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #99210b; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#99210b; }       8: .pagination a:hover {       9:     border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777      10: }      11: .pagination a:active {      12:     border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777      13: }      14: .pagination span.tt-paging-current {      15:     padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #99210b; margin-right: 3px; padding-top: 2px      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center       3: }       4: .pagination a {       5:     border-right: #ccc 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #ccc 1px solid; padding-left: 6px; font-weight: bold; padding-bottom: 2px; border-left: #ccc 1px solid; color: rgb(66,97,222); margin-right: 3px; padding-top: 2px; border-bottom: #ccc 1px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color: rgb(66,97,222); }       8: .pagination a:hover {       9:     background-image: none; color: #fff; background-color: #4261df      10: }      11: .pagination a:active {      12:     background-image: none; color: #fff; background-color: #4261df      13: }      14: .pagination span.tt-paging-current {      15:     padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #000; margin-right: 3px; padding-top: 2px      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 6px; border-top: #9c9a9c 1px dotted; padding-left: 0px; font-size: 13px; padding-bottom: 4px; color: #313031; padding-top: 4px; font-family: arial, helvetica, sans-serif; background-color: #cecfce; text-align: right       3: }       4: .pagination a {       5:     padding-right: 3px; padding-left: 3px; font-weight: bold; padding-bottom: 1px; margin: 0px 1px; color: #0030ce; padding-top: 1px; text-decoration: underline       6: }       7: .pagination a:link, .pagination a:visited { color:#0030ce; }       8: .pagination a:hover {       9:           10: }      11: .pagination a:active {      12:           13: }      14: .pagination span.tt-paging-current {      15:     padding-right: 2px; padding-left: 2px; padding-bottom: 1px; color: #000; padding-top: 1px; background-color: #fff      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 6px; padding-left: 0px; font-size: 13px; padding-bottom: 4px; color: #313031; padding-top: 4px; font-family: verdana,tahoma,arial,helvetica,sans-serif; background-color: #fff; text-align: right       3: }       4: .pagination a {       5:     border-right: #b7d8ee 1px solid; padding-right: 6px; border-top: #b7d8ee 1px solid; padding-left: 5px; padding-bottom: 4px; margin: 0px 3px; border-left: #b7d8ee 1px solid; color: #0030ce; padding-top: 5px; border-bottom: #b7d8ee 1px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#0030ce; }       8: .pagination a:hover {       9:     border-right: #b7d8ee 1px solid; border-top: #b7d8ee 1px solid; border-left: #b7d8ee 1px solid; color: #0066a7; border-bottom: #b7d8ee 1px solid; background-color: #d2eaf6      10: }      11: .pagination a:active {      12:     border-right: #b7d8ee 1px solid; border-top: #b7d8ee 1px solid; border-left: #b7d8ee 1px solid; color: #0066a7; border-bottom: #b7d8ee 1px solid; background-color: #d2eaf6      13: }      14: .pagination span.tt-paging-current {      15:     border-right: #b7d8ee 1px solid; padding-right: 6px; border-top: #b7d8ee 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 4px; margin: 0px 3px; border-left: #b7d8ee 1px solid; color: #444444; padding-top: 5px; border-bottom: #b7d8ee 1px solid; background-color: #d2eaf6      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 0px; padding-left: 0px; font-size: 13px; padding-bottom: 10px; color: #48b9ef; padding-top: 10px; font-family: arial, helvetica, sans-serif; background-color: #fff; text-align: center       3: }       4: .pagination a {       5:     border-right: #f0f0f0 2px solid; padding-right: 5px; border-top: #f0f0f0 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 0px 2px; border-left: #f0f0f0 2px solid; color: #48b9ef; padding-top: 2px; border-bottom: #f0f0f0 2px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#48b9ef; }       8: .pagination a:hover {       9:     border-right: #ff5a00 2px solid; border-top: #ff5a00 2px solid; border-left: #ff5a00 2px solid; color: #ff5a00; border-bottom: #ff5a00 2px solid      10: }      11: .pagination a:active {      12:     border-right: #ff5a00 2px solid; border-top: #ff5a00 2px solid; border-left: #ff5a00 2px solid; color: #ff5a00; border-bottom: #ff5a00 2px solid      13: }      14: .pagination span.tt-paging-current {      15:     border-right: #ff5a00 2px solid; padding-right: 5px; border-top: #ff5a00 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #ff5a00 2px solid; color: #fff; padding-top: 2px; border-bottom: #ff5a00 2px solid; background-color: #ff6c16      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center       3: }       4: .pagination a {       5:     border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #036cb4; padding-top: 2px; border-bottom: #eee 1px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#036cb4; }       8: .pagination a:hover {       9:     border-right: #999 1px solid; border-top: #999 1px solid; border-left: #999 1px solid; color: #666; border-bottom: #999 1px solid      10: }      11: .pagination a:active {      12:     border-right: #999 1px solid; border-top: #999 1px solid; border-left: #999 1px solid; color: #666; border-bottom: #999 1px solid      13: }      14: .pagination span.tt-paging-current {      15:     border-right: #036cb4 1px solid; padding-right: 5px; border-top: #036cb4 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #036cb4 1px solid; color: #fff; padding-top: 2px; border-bottom: #036cb4 1px solid; background-color: #036cb4      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center       3: }       4: .pagination a {       5:     border-right: #2c2c2c 1px solid; padding-right: 5px; border-top: #2c2c2c 1px solid; padding-left: 5px; background: #2c2c2c url(img/image1.gif) center top repeat-x; padding-bottom: 2px; border-left: #2c2c2c 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: #2c2c2c 1px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#fff; }       8: .pagination a:hover {       9:     border-right: #aad83e 1px solid; border-top: #aad83e 1px solid; background: #aad83e url(img/image2.gif) center top repeat-x; border-left: #aad83e 1px solid; color: #fff; border-bottom: #aad83e 1px solid      10: }      11: .pagination a:active {      12:     border-right: #aad83e 1px solid; border-top: #aad83e 1px solid; background: #aad83e url(img/image2.gif) center top repeat-x; border-left: #aad83e 1px solid; color: #fff; border-bottom: #aad83e 1px solid      13: }      14: .pagination span.tt-paging-current {      15:     border-right: #aad83e 1px solid; padding-right: 5px; border-top: #aad83e 1px solid; padding-left: 5px; font-weight: bold; background: #aad83e url(img/image2.gif) center center repeat-x; padding-bottom: 2px; border-left: #aad83e 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: #aad83e 1px solid      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     margin-top: 20px; margin-bottom: 10px       3: }       4: .pagination a {       5:     border-right: #8db5d7 1px solid; padding-right: 5px; border-top: #8db5d7 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #8db5d7 1px solid; color: #000; margin-right: 2px; padding-top: 2px; border-bottom: #8db5d7 1px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#000; }       8: .pagination a:hover {       9:     border-right: red 1px solid; padding-right: 5px; border-top: red 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: red 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: red 1px solid      10: }      11: .pagination a:active {      12:     border-right: red 1px solid; padding-right: 5px; border-top: red 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: red 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: red 1px solid      13: }      14: .pagination span.tt-paging-current {      15:     border-right: #e89954 1px solid; padding-right: 5px; border-top: #e89954 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #e89954 1px solid; color: #000; margin-right: 2px; padding-top: 2px; border-bottom: #e89954 1px solid; background-color: #ffca7d      16: }

1 2 3 4 5 fin

       1: .pagination {       2:     padding-right: 3px; padding-left: 3px; font-size: 0.85em; padding-bottom: 3px; margin: 3px; padding-top: 3px; font-family: tahoma,helvetica,sans-serif; text-align: center       3: }       4: .pagination a {       5:     border-right: #ccdbe4 1px solid; padding-right: 8px; background-position: 50% bottom; border-top: #ccdbe4 1px solid; padding-left: 8px; padding-bottom: 2px; border-left: #ccdbe4 1px solid; color: #0061de; margin-right: 3px; padding-top: 2px; border-bottom: #ccdbe4 1px solid; text-decoration: none       6: }       7: .pagination a:link, .pagination a:visited { color:#0061de; }       8: .pagination a:hover {       9:     border-right: #2b55af 1px solid; border-top: #2b55af 1px solid; background-image: none; border-left: #2b55af 1px solid; color: #fff; border-bottom: #2b55af 1px solid; background-color: #3666d4      10: }      11: .pagination a:active {      12:     border-right: #2b55af 1px solid; border-top: #2b55af 1px solid; background-image: none; border-left: #2b55af 1px solid; color: #fff; border-bottom: #2b55af 1px solid; background-color: #3666d4      13: }      14: .pagination span.tt-paging-current {      15:     padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #000; margin-right: 3px; padding-top: 2px      16: }      17: .pagination a.nextPage {      18:     border-right: #ccdbe4 2px solid; border-top: #ccdbe4 2px solid; margin: 0px 0px 0px 10px; border-left: #ccdbe4 2px solid; border-bottom: #ccdbe4 2px solid      19: }      20: .pagination a.nextPage:hover {      21:     border-right: #2b55af 2px solid; border-top: #2b55af 2px solid; border-left: #2b55af 2px solid; border-bottom: #2b55af 2px solid      22: }      23: .pagination a.prevPage {      24:     border-right: #ccdbe4 2px solid; border-top: #ccdbe4 2px solid; margin: 0px 10px 0px 0px; border-left: #ccdbe4 2px solid; border-bottom: #ccdbe4 2px solid      25: }      26: .pagination a.prevPage:hover {      27:     border-right: #2b55af 2px solid; border-top: #2b55af 2px solid; border-left: #2b55af 2px solid; border-bottom: #2b55af 2px solid      28: }

텍스트 큐브 스킨을 만들며 느낀점

2009-10-10T20:37:00.000+02:00

1. 별도의 자바스크립트 나 플래시파일이 업로드가 안된다.
보안상의 이유라 하니 어쩔수 없다. 다른 블로그는 써보질 않아서 어떤지 모르겠다.
어쨌거나 내가 원하는 자잘한 몇가지 기능은 꼭 jquery 를 써야하는 것이기에 jquery는 구글에서 호스팅 지원하는 걸 끌어다 썼지만, 그 외에 많은 plug-in을 사용하기 위해 .js파일을 전부 다른 호스팅에서 끌어다 쓰는것은 별로 내키지 않아 기본적인 jquery.js파일에 짧은 코드 몇줄 추가로 실행할수있는 소스들만 최소한으로 적용시켰다.
(상단의 텍스트큐브메뉴 토글속으로 밀어넣기, 메뉴, 더보기 메뉴, 사이드의 최신글,덧글,트위터 탭메뉴 형식으로 한곳에 뭉치기)

2. 기본적으로 정의된것들이 의외로 많아 원하는대로 수정자체를 할수가 없는 부분들이 있다.
(덧글달렸을때 수정,답글,삭제버튼을 이미지로 바꾼다던가, 날짜를 원하는 형식으로 바꾼다던가, 카테고리 지정하지않은 글일 경우 "카테고리없음" 으로 나오는 부분, 검색어 지정하지 않았을때 "전체"로 나오는 부분, 트랙백의 [복사]버튼, [댓글달기] 버튼등등은 건드릴수가 없도록 되어있다. 단순히 이미지 버튼을 만드는 등 디자인 변경을 원할 경우 뿐 아니라 타 언어용 블로그로 쓰고 싶은 사용자들에겐 불편할수있다.)

3. 고쳐 사용하기에 큰 어려운 점은 없다.
일단 원하는 레이아웃을 만들고 해당하는 부분에 원하는 치환자만 넣으면 되니 특별히 어렵다고 할건 없는것 같다.
단지, <head></head>사이엔 사용자가 직접 추가할수없어서, 모든 스타일css는 분리 할수없이 style.css에 넣어야 되고 그이외의 .js 등은 전부 <body>태그 안에만 넣을수 있다.

4. Default 상태에서도 유효성 검사인 W3C를 카테고리 관련된 코드때문에 에러가 나 통과가 되지않는다.
이부분은 아예 신경쓰지 않는 사람들이 더 많고, 나또한 크게 신경쓰는 것은 아니지만 그래도 아무것도 수정하지않은 기본에서는 통과해 녹색불이 들어왔으면 하는 작은 바램이다.
일단 첨부터 통과가 안되니, 게시글 작성할때도 코드무시하고 막 쓰게 되고 나중에 보면 에러수가 장난이 아니다. 근래에 들어 부쩍 해외 유수의 블로그들을 보면 방대한 스케일에도 불구하고 에러가 0일때가 눈에 띄는데, 그럴땐 왠지 그 블로그에 좀더 믿음이 간다고 할까? 암튼 부럽다;;

5. 조금이라도 연습해서 스킨을 코드수정으로 변경하는것이 기본으로 제공되는 스킨위자드(쉬운편집)로 하는것보다 원하는데로 변경하기가 쉽고 편한것 같다. 쉬운 스킨 편집의 경우 하나라도 코드를 건드리면 다음부턴 그 기능을 쓸수없기때문에...

6. 다음의 view on 위젯을 설치했을때, div에 해당하는 class값이 없어 배경을 넣거나 왼쪽으로 붙여 믹시위젯과 나란히 한줄에 정렬하는것이 불가능하다.(티스토리는 가능)

쓰고 보니 큰 칭찬은 아닌듯한데, 그래도 결론은 나름대로 만족한다는 것이다. (다른 블로그를 써보지 않는 내가 비교자체를 할수는 없지만)

스킨 외 적인 예기를 하자면,
얼마전에 서버가 잠시 먹통이 되 접속이 안되었고 그에대한 아무 설명이 없었다는것이 못내 아쉽다.
그래도 네이버나 티스토리를 왠지 쓰고 싶지않은 나에겐 딱히 다른 선택의 여지도 없으니깐 -_-;
또 textcube.com/search 하면 전체 블로그 검색이 되던데, 왜 아무데도 링크가 없는가 하는것(내가 못찾은것인가?)과 정식 메타 서비스는 하지 않을것인지 등이 궁금하다.

텍스트 큐브의 장점을 들자면, 위에서 얘기했듯 다른블로그를 써보지 않아 확신 할순없지만, 게시물을 올리고 난후 놀라울 만큼 단기간 내에 구글에서 검색이 되고 그걸타고 들어오는 방문자도 있다는 것이다.
그것이 텍스트큐브만이 가진 장점인지, 해당 검색어에 관련된 글이 워낙 없었는지는 알수없지만 전자라면 아주 매력적인 점이라 아니할수없지 않을까 ? ^^ ;
또 해외(유럽)에서 접속이 꾀 빠른편이다.
그외에 관심블로그나 추천관심블로그 뭐 이런게 있다. 추천블로그의 경우 제대로 된 추천이 이뤄지기만 한다면 괜찮은 기능이 될것같다. 한번에 4개 밖에 안뜨는것도 좀 바뀌었으면 좋겠다.

텍스트큐브를 쓰고 있는 한 난 좋다고 말하고 싶다. 마음에 안들면 바로 접으면 그만 이니까...
좋다고 생각하고 싶었고 나아지리라 믿고 싶었는데, 어째 심상찮은 기운이 내 레이다에 포착된다 -_-;
그래도 바라는 점이 있다면, 사용자들의 소리에 좀더 귀기울이고 실질적인 반영(업데이트시)을 하는 노력을 해줬으면 좋겠다. 뭔지도 모를 이상한 패드와 연동하는 기능말구(완전 이기적 인간같으니라구 -_-;;)

동물학대 반대는 채식주의자들만 하라고?

2009-10-10T18:52:00.000+02:00

컴퓨터를 켜자마자 모 인터넷 싸이트의 대문에 고양이를 발로 차 죽이고 자랑하듯 사진을 찍어 자신의 미니 홈피에 올린 사람에 관한 기사를 봤다.

약간딴얘기펼치기

동물학대에 관련된 글에는 꼭 따라다니는 "너넨 고기 안먹느냐?" 는 식의 덧글들..
글쎄, 분명 그런 덧글이 해당되는 글이 있고 그렇지 않은 글이 있는데 그 구분 자체를 못하는 사람들을 보면 참 뭐라 말할수 없이 답답한 심정이다.
나는 대단한 동물보호가도 아니며 동물보호단체들이 동물을 사랑하고 작은 생명이라도 존중하게끔 계몽하는 좋은 영향을 미치는데 기여하지만, 때론 오버스런 행동으로 스스로 우스운 꼴이 되는 것을 자초해 오히려 역효과를 내기도 한다고 생각하는 그저 그런 사람일 뿐이다. 물론 채식주의자는 더더욱 아니며 이변이 없는 한 앞으로도 그럴 생각은 없다.

하지만, 고기를 먹기때문에 모든 동물을 때와 장소 가릴것없이 막 대하고 쳐죽여도 된다고 생각하는 사람들은 제정신인것인가 ?
그들은 진정 모르는 사람이 자기 자식들과 부모 혹은 애인 앞에서 장난삼아 아무 거리낌없이 잔혹하게 동물을 죽여 보여주기를 즐기는걸 보면서도, 또 그걸 보며 괴로워 하는 소중한 주변인들을 보면서도 우리는 고기를 먹으니 괜찮지 않느냐고 할것인지 묻고싶다.
고기를 먹는것은 생명을 경시해도 된다는 것과 아무 상관이 없다는것을 모르는것인가?
축산업 관련 종사자들 중에는 한해동안 우리들을 위해 기꺼이 희생된 동물들의 넋을 기리는 축혼제라는 일종의 제를 지내기도 하며 그분들중 어느누구도 동물을 장난삼아 죽이고 평소에 아무렇게나 대하는 것이 사육과 도축을 하는 일련의 과정과 동일하다고 여기지 않을것이다. 오히려 일반 소비자들보다 더 경건한 마음가짐을 가지고 있으리라 믿어 의심치 않는다.

그래도 짐승은 짐승일 뿐 동물학대라는 말 자체가 언어도단 이며 고기를 먹는 인간의 말장난에 불과하다고 생각되는 사람이 있다면, 다른 육식동물들 처럼 생존을 위해 고기를 먹어왔음에도, 생명을 존중하고 힘없는 동물에 대한 최소한의 동정심을 갖는 것은 만물의 영장이라는 인간만이 가질수 있는 덕목이라는 관점에서 동물 그 자체를 위하기 이전에 인간으로서의 존엄을 지키기 위한 최소한의 행위라는 식의 인간 중심적인 접근을 해 보는것은 어떨까 ? 모로가든 서울만 가면 된다 하지 않는가 ? 각자 어떤 사고의 기전을 거쳤든 동물학대 만큼은 정말 질이 좋지 못한 행위이며 하지 말아야한다는 기본적이고 타당한 가치가 좀더 보편적이고 일반적인것으로 여겨지는 성숙한 사회가 되었으면 한다.

어찌됐든 누군가가 단지 재미만을 위해 혹은 다른 사람들의 관심을 받기위한 도구로서 끔찍한 동물 학대를 자행하는것을 목격하는것은 누구에게도 유쾌한 일이 될순 없지 않은가 말이다.

아날로그적 감성을 자극하는 옛날 장난감

2009-10-05T05:00:00.000+02:00

예전부터 각종 모형이나 피규어, 열쇠고리, 인형등을 모으는 취미를 가진 어른들은 있었다.

하지만 요즘은 그저 모아놓고 바라보며 뿌듯해 하는 단순 취미로서의 수집차원을 넘어 어린아이 못지않게 장난감에 욕심을 내는 이른바 키덜트(kidult, kid+adult) 족들이 늘어나며 어른용 장난감(성인용품이 아닌) 시장도 날로 커지고 있다고 한다.

까다롭고 요구가 많긴 하지만 일단 맘에 들기만 하면 얼마든지 지갑을 열 준비가 되어있는 어른들의 입맛에 맞추다 보니 정교함이나 세련된 정도가 키덜트와는 거리가 먼 사람이 봐도 한눈에 반해, 하나쯤 갖고 싶은 마음이 생길정도이고 장난감 차원을 넘어 각종 가전/전자제품에서부터 인테리어 소품, 가구, 주방용품, IT기기 등에 이르는 실생활에 사용할수있는 물건들까지 어른들의 동심(?)을 자극하는 디자인으로 무장한 채 현대판 피터팬이라고도 일컬어 지는 키덜트들을 유혹하고있다.

이미 많은 열성 지지자들을 보유한 성공한 몇몇 디자이너들이 그들만의 브랜드를 내걸고 모던디자인 혹은 팝아트, 팝컬쳐등의 이름으로 키덜트 유혹에 가세한것도 어제 오늘일이 아니다.

어쩌면 키덜트 시장을 잡기위해 그들이 생겨난게 아니라, 앞서가는 감각으로 사람들을 매료시키고 트렌드를 주도해 나가는 디자이너들이 있었기에 그런 시장이 형성된 것일수도 있겠다.

하지만 최첨단 기술과 디자인의 결정체라 할수있는 신제품들과 비교되 더욱 눈에 들어오는 것들이 있으니, 바로 아날로그적 감성을 물씬 풍기며 아는 세대들에겐 아련한 향수를, 모르는 세대들에겐 유머와 신기함을 느끼게하는 옛날 장난감들이 바로 그것이다.

나는 온전히 그것들을 겪은 세대라고 할순없지만, 그렇다고 전혀 보지못한 세대는 더욱 아니다.

사촌형제들과 세대차이를 충분히 느끼고도 남을 만큼의 나이 차이가 나는 난 어릴적 친척집에 가면 한때 주인이었던, 장난감을 가지고 놀 나이는 이미 한참을 지난 사촌들로부터 버림 받았지만 다행이 쓰레기통으로 직행하는 화는 겨우 면해 몇년인지도 모를 세월을 먼지가 뿌옇게 쌓인 종이 상자 속에 쳐박혀있던 그것들을 꺼내 만지작 거리기도 했고, 물건들이는 센스가 조금 결여돼 팔리지도 않는 철 지난 물건을 몇년간 쌓아두는 주인이 경영하는 동네 장난감가게나 학교앞 문방구등에서 파는 걸 직접 보기도 했으니 말이다.

그렇게 기억속에서 잊혀져만 가던것들이 어느덧 내 나이가 들어감에 따라 그리운 옛기억의 한켠에 다시 자리 잡은지도 좀 오래되었다. 하지만 어떤것들이 있었는지 기억도 가물가물 거리고 직접 볼수있는 기회가 없었다.

십 수년 전 "추억"을 컨셉으로 한 카페같은 곳에 가면 장식용으로 진열돼 있던 걸 본것을 마지막으로 한동안 눈에 띄지않았는데, 제작년쯤 인터넷에서 이런것들만 파는 곳을 발견하고 얼마나 반가웠던지...

이미 많은 사람들이 그 옛날 장난감의 매력에 빠져있었던 모양이다.

몇가지 재밌는 사실은, 처음에 봤을땐 다들 골동품(?)인줄 알았는데, 왼쪽의 저금통에 유로화 마크€(최소한 2002년 이후에 만들어졌다는 뜻)가 새겨져 있는걸로 알수있듯이 일부러 옛날 스타일로 새롭게 만들어 내고 있는것이다.

하지만, 실제 옛날 장난감을 고쳐서 파는 가게도 텔레비젼 뉴스에서 본적이 있다.

(동영상이 있는데 텍스트큐브는 유투브에 일단 올려야 되서 패스)

진짜 옛날거면 어떻고 아니면 또 어떠랴.

양철로 대충 뚝닥뚝닥 투박하게 만든것 같으면서도 보면 볼수록 은근히 표현하고 싶은것은 하나도 놓치지않고 다 표현 해 내고야 마는 옛날 장난감의 느낌을 제대로 재현해 냈으면 된것을...

또한 새로 생산라인을 가동시켰다는 건, 저런 옛날 장난감을 그리워하는 사람들이 나말고도 많이 있다는 뚯일테니 그것만으로도 반갑기 그지 없다...

다른 재밌는것은 양철장난감의 경우 거의 대부분이 남아용인것같다 라는것.

여아들에게 인형과 소꿉장난이 있었다면 남아들에겐 양철에 담긴, 삼라만상 세상 만물이 존재했던 것인가?

생물/무생물 가릴것없이 모든 것을 소재로 하고있으나, 오묘하게 남아들 위주로 제작된것들이 대부분이다.

여자아이들에게 어울릴만 한 것들도 간혹 눈에 띄나, 그것들 조차 여자아이 전용이라기 보다는 남녀 공용같아 보인다.

남아용, 여아용, 남녀공용... 이런 말로 구분 짓는 것 자체가 구시대적 잣대라 생각되는 분위기지만, 실제로 그것들을 보면 무슨 말인지 와닿는다.

한가지 더 드는 생각은, 이것들을 가만히 보고 있자면 정말 아이들을 겨냥한 물건들이 맞긴 한건가? 하는 것이다.

어린 아이들이 막 "부웅~ 부웅~"을 연신 중얼 거리며 땅에대고 손으로 쭉쭉 밀면서 놀기엔 태엽으로 되어있는것들이 대부분이고 양철이라 함부로 했다간 모퉁이가 쉽게 구부러지고 색칠도 벗져진다.

모델도 애매한것들이 많다. 쉴새없이 타자를 쳐대고 있는 여비서라든가, 하루종일 북만 두들기는 원숭이, 회전목마 이런것들을 아이들이 어떻게 가지고 놀아야 되는것인지...

어쩌면 이 양철장난감들이야 말로 원조 키덜트 제품이 아니었을까 하는 황당한 생각을 잠시 해봤다.

아래는 여아들용 장난감, 여기에서 얘기하고자 하는 "옛날 장난감"과 다소 거리가 있지만...

유럽의 종이 인형은 한국의 그것과 느낌이 약간 다른듯 하다.

아래 왼쪽은 소꿉놀이 세트인데 정감어린 20세기 중반 이후의 장난감들과 달리 위로 거슬러 올라 갈수록, 왠지 괴기스럽다는 느낌이 드는것들이 많은것 같다. 물론 그 나름대로의 매력이 있기도 하고 희소성으로 인한 소장의 가치는 더 뛰어나겠지만...

특히 유럽 앤틱 인형들은 귀여운것과는 거리가 한참 멀고 너무 사실적이거나(박제에나 쓰일것같은 진짜같은 눈동자에 치아까지 박아넣은 인형도 있다.) 혹은 컬트적이어서 밤에 보면 무서울것 같다는 생각이 드는것들이 많다.

다시 원래 얘기로 돌아가서...

근래에는 종종 옛날장난감 바자회도 열린다.

나는 키덜트는 아니지만, 왠지 이 옛날 장난감 만큼은 마음에 드는걸 하나씩 사보고 싶다.

책상위에 올려진, 얼마전에 구입한 양철 새를 자꾸 들여다 보게되는데, 내년 3월에는 옛날장난감 엑스포도 열린다고 하니 벌써부터 궁금해진다.

옛날장난감 더보기

전설의 새 Quetzal

2009-10-03T03:50:00.000+02:00

Un oiseau légendaire
Ses longues plumes caudales, somptueuse traînée aérienne aux reflets bleu-vert, ont fait la splendeur et le malheur du quetzal. Cet animal sacré domina le monde maya, de la divinité mexicaine Quetzalcoatl - le fameux serpent à plumes - aux parures des grands guerriers. "Nahual" (animal protecteur équivalent du totem) du chef quiché Tecún Umán, un quetzal assista au combat singulier entre Pedro de Alvarado et le cacique indien. Selon la légende, lorsque ce dernier tomba sous l'épée du conquistador, l'oiseau vint se poser sur le coeur du guerrier. Depuis ce jour, les plumes de sa gorge ont une couleur rouge sang.

*Source:
G uide NEOS Nord-Est-Ouest-Sud
Guatemala Belize
Editions du Voyage
1999

Nom Scientifique: Pharomachrus moccino de la llave.

Autres Noms: Quetzal, Kukulkán (mayas), Gukumatz (Hautes plaines de Guatemala). Quetzalcoac (Méxique).

État de Conservation: C'est une espèce en danger d'extinction, dû à la perte de son habitat et à la chasse. Actuellement il se situe en l'appendice I de CI.

Histoire Naturelle: Les quetzals sont des oiseaux qui se posent tranquillement pour de longues périodes de temps. Son vol est ondulant avec intermissions soudaines de battements d'ailes. Son chant est simple mais très mélodieux, en plus d'être varié: le plus commun est un mélancolique cucul cucul.

Quelques fois, on peut écouter le mâle chantant une belle et insolite chanson de profondes et douces notes en tons simples: queou coué k´lu. Queou k´lu quilu. Aussi on est surpris à l'écoute d'une chanson fracassante: waka waka waka et jusqu'à se qu'on ait écouté un son similaire à celui d'un chat.

Description: Oiseau de 36.38 cm. Les plumes du mâle l'allonge de 38 à 75 cm à la queue. Le bec du mâle est jaune, celui de la femelle jaunâtre pâle. Le mâle est facile à reconnaître, la couleur de son plumage est vert doré resplendissant, avec une crête redondante et plane aux côtés et une queue extraordinaire, qui est constitué de plumes élargies; la partie inférieure de la poitrine et du ventre est écarlate; la superficie intérieure de la queue est blanche. La femelle est moins visible, ne possède pas une queue large et sa couleur est un vert plus sombre; crête épaisse et de couleur bronzée; poitrine verte métallique et ventre rouge.

Reproduction: Le vol nuptial se réalise sur la cime des arbres et simbolise un rituel d'attaque, lequel est accompagné de vocalisations de menace. Les mâles dominants sont ceux qui présentent les queues les plus longues. Ils réalisent des vols d'exhibition fréquemment. Le but du vol est d'éviter les combats. Les mâles avec le meilleur plumage et vol aura interpelé l'attention de la femelle et ira se reproduire.

Alimentation: L'adulte s'alimente principalement de fruits de Lauráceas ou de petits avocats, mûres sylvestres et guarumo. Le quetzal possède des caractéristiques de grand chasseur, il a un comportement de guet. Perché sur les branches, il cherche prudemment tout autour et à la vue de fruit, se lance soudainnement dans sa dirrection, le prend en vol et ensuite le mange. Il mange seulement durant son vol; cela est une caractéristique très particulière.

Avec son alimentation, le quetzal aide à la dispertion se semance dans la forêt.

À la naissance, les bébés ont la peau dénudée et rougeâtre; au bout de 1 semaine ils sont couverts d'un fin plumage blanc-gris.

Il possède une diète essentiellement carnivore. Durant la première semaine ils s'alimentent de ronrones, sauterelles, termites, fourmis et chenilles. Après la 2e semaine, son alimentation passe à être seulement de fruits à l'égal que les adultes. Après 4 semaines de vie, ils peuvent s'auto-diriger, quoique les parents en prennent soin quelques jours de plus.

Nichée: Puisqu'ils ont un bec faible, ils cherchent des arbres pour faire son nid lequel sera situé dans la partie haute des arbres. De préférence ils recherchent le nid de l'année antérieure ou un nid abandonné d'oiseaux carnivores. On couvre le nid avec feuilles et autres restes. Ils mettent de 2 à 3 oeufs de couleur bleue pâle qui mesurent approximativement 30 x 35 mm lesquelles sont incubés par les deux de 17 à 18 jours.

Durant la nichée, les quetzals souffrent d'une variété de menaces par des prédateurs comme belettes, pisotes et faucons.

Distribution: Le quetzal habite dans les forêts nuageuses de haute montagne qui vont du sud-ouest du Méxique à Panama. Apparament il préfère les bords et les clairières. Il bouge verticalement dans la forêt. Un de ses habitats typiques est au Biotopo del Quetzal, à Purulhá Sierra de las Minas; aussi dans les Cuchumatanes, dans la Sierra de Chamá y Chelem-ha.

창문 옆 가로등

2009-10-03T03:14:00.000+02:00

어릴적엔 "추석? 그게 뭐?"
"타지에 있을때 가장 외롭고 서러울때가 추석같은 명절에 혼자 있는 거라는데" 라는 틀에 박힌 얘기들로 동정어린 눈초리를 보내는 사람들의 말에 손사래를 치며 눈꼽 만치도 동감 해 본 적이 없었다.
단지 부모님께는 전화를 드려야되는 날이라는 생각에 그 날을 놓치지나 말기를 바랬을 뿐...

그러다 세월이 좀 흘렀을땐, 추석같은 날이 되면 "어? 곧 추석이네..."
별 대수롭지 않게 여기는듯 하지만 추석이 되기 보름도 더 전 부터 미리 감지 하고 있었다는것 자체가 의식을 했다는 뜻이었으려나 ?
그래도 그때까진 '참 이상도 하지 난 왜 그런게 아무렇지도 않은 걸까?' 이런말을 궂이 듣는 사람도 없는데 중얼거리곤 했으나 그렇다고 그게 딱히 거짓말도 아니었던거 같다.
'뭐 한국에 있을때도 우리집은 역시 추석보다는 설이었지...' 이런 말도 함께...

그런데 올해는 느낌이 좀 다르다.
우선은 거의 한달전부터 곧 추석이라는 생각에 문득문득 무언가에 짓눌리는 듯한 느낌, 아마도 부모님을 못찾아 뵙는것에 대한 죄책감 이었으리라.
늙어만 가는 부모님께 잠시나마 외로운 감정을 안겨드린다는 생각에 죄송하기 그지 없다.
얼마전 인터넷 옜날신문란에서 추석이라 고향에 가기위해 한복을 차려입고 만원이 된 기차에 기어이 오르려 창문으로 들어가다 치마 저고리가 허벅지까지 올라간 처자의 순간 사진이 실린 70년대 어느 추석 서울역 귀성객들 풍경사진을 보며, 기분이 묘해졌었다.
사진이 빛바랜 흑백사진이라 감성을 더욱 자극 했을지도 모른다는 것을 감안 하더라도, 분명 이렇게 사는게 맞는건지 정말 큰 잘못을 저지르고 있다는 생각을 떨치기 힘들었다.
게다가 한국시간으로 아침일찍 전화라도 드리려고 새벽에 아무도 받지않는 전화기를 붙들고 있자니 더 기분이 센치해지는것은 어쩔수가 없다. 그래서 올해는 아니 적어도 이순간만큼은 기분이 참 많이 별로다.

멍하니 앉아 전화기만 보고 있는다고 뭐가 나오는것도 아니고 창밖으로 보이는 백년은 족히 넘어보이는, 밤에 조명을 받으면 너무나 아름다워 처음 이사왔을때 부터 사진찍으려고 마음만 먹었던 교회가 떠올라 '때는 이때다 지금 해치우자' 싶어 카메라를 꺼내들고 창문으로 다가갔다.
교회가 정면에 바로 보이면 좋으련만 측면으로 보이기때문에 여간 찍기 힘든것이 아니다.
얼굴을 쭉 내밀어야 볼수있는 구도라 삼발이도 가당찮다. 칠흑같이 어두운 새벽에 창밖으로 손을 내밀어 사진을 찍으니 며느리도 알수없는 심령사진이 되버린다.

그러다 뒤통수가 따가워 왼쪽으로 고개를 돌리니, 작년까지만 해도 큼지막한 주사위 모양의 정육면체에 총알도 뚫을수 없을것 같은 두꺼운 투명유리로 된 70년대식 디자인이라 너무 맘에 들었는데 갑자기 최신식 모델로 바뀐 후 부터 쳐다보기도 싫었던 내방 창문 옆에 딱 달라붙어있는 가로등이 오늘따라 유난히 눈에 들어온다.
코앞에 붙어있어 맨눈으로는 눈이 부셔 바라 보기도 힘든 이 가로등이라면 야간에 손떨림 정도는 커버가 되겠다 싶어 카메라 꺼낸게 아까워 찍어줬다.
참 멋없고 못생긴 이 가로등, 도대체 자칭 타칭 예술의 나라라는 이곳에서 어떻게 저런 공업용 디자인이 버젓이 주택가에서 활개를 칠수있는건지 모르겠지만 적어도 올 한해 저 녀석때문에 여름밤 창문을 활짝 열어놔도 날파리 한마리 날아들지 않았다. 워낙 미친듯 휘황찬란한 빛을 내기에 모기들이 저 녀석에게 구애를 하느라 몇 센티 미터 떨어져 활짝 열려있는 내방에서 만찬을 즐기는것조차 잊었으니말이다..

그나저나 작년까지 있던 그 멋스럽고 운치있던 가로등 덮개는 다 어디로 갔을까? 이동네에 백개는 넘게있을 것 같던 것 들이 하루 아침에 다 사라지다니, 어짜피 버릴거면 달라고 해서 어항으로라도 쓸걸 그랬나?
참 별에 별 생각이 다 드는 새벽이구나...

상사조의 암수 구별법

2009-10-02T21:31:00.000+02:00

상사조

중국 남부지방, 인도북부 등지에 서식하며, 오래전부터 히말라야 원주민들에게 관상조로서 아주많은 사랑을 받아왔다고 한다.
그러나 하와이에서 발견되기도 하며, 근래에 들어 프랑스남부에서도 발견되는데 관상조로 새장에 있던 개체가 탈출해서 환경에 적응 한것인지 자연적으로 옮겨왔는지는 확인되지않은듯하다.

영어 이름은 중국이 원산지인 만큼 Pekin Robin인데,
프랑스 이름은 Rossignol du japon 으로 일본산 나이팅게일(나이팅게일 새) 쯤 되는 이름을 갖고있다.
원산지가 일본이 아닌 새에게 왜 일본이라는 단어를 붙였을까 ?

그려놓은듯 화려한 색상과 예쁜 울음소리, 또 번식기에 동성끼리 합사해도 싸움이 나지않을정도로 새장에서 여러마리를 키우기도 쉽다.

번식기에는 벌레를 충분히 섭취해야하며, 쌍만 맞으면 새장내에서의 번식도 어렵지 않으나 문제는 암수모두 색깔이 화려하고 더군다나 수컷 두마리를 한 새장에 키워도 사이가 좋아 눈으로는 구별하기가 힘들었다.
번식기에 좀더 색이 화려해지는것이 숫컷이라거나 번식기에 배설강이 돌출되어 보이는것이 숫컷이라는 구별법은 전문가가 아닌이상 참 애매하게 들리기 마련.
요즘은 킷털 하나만 우편으로 보내도 DNA test로 성별 감별을 해주는 서비스도 있지만...

그런데 의외로 비교적 쉽고 정확하게 암수구별을 할수있는 방법이 있다.
손으로 가볍게 움켜쥐고 뒤집어 꼬리 안쪽을 보면 되는 것이다.

숫컷 - 꼬리 안쪽 끝부분 약 5mm정도의 선명한 검은띠가 윗부분의 회색과 뚜렷이 구분지어져있다.

암컷 - 전체적인 빛깔이 숫컷에 비해 덜 선명한 회색이며 검은띠가 거의 없다.

약간 어려운 경우의 암컷 - 검은띠가 있으나 회색과의 구분이 확연하지않고 전제적으로 흐릿하다.

그 외에도 숫컷의 경우 뒤집어서 봤을때 꼬리의 폭이 좁고 길쭉한 느낌이 든다.

학문적으로 검증된 방법이 아닌 이상 완벽하게 확실한 방법이라고 단정짓긴 힘들겠지만, 애완조류 포럼에서 상사조를 키우던 몇몇 사람들이 이 방법으로 암수구별 해 번식에 성공한것을 확인했다.

어미에 비해 수수한 둥지를 갓 떠난 상사조 새끼의 모습

IE6에서도 투명한 png이미지를 마음대로 써보자

2009-10-02T12:30:00.000+02:00

IE6만 쓰던 시절엔 png투명이미지를 아예 쓸 생각을 하지않았는데, IE6이하를 제외한 거의 모든 브라우저,

심지어 IE조차 7부터는 png24 투명/반투명이미지를 지원하기에 단지 IE6때문에 유용한 png파일 사용을 못하기엔 안타깝다는 생각이 많이 든다.

예전부터 크게 두가지 방법이 있긴 했다.

1. DXImageTransform.Microsoft.AlphaImageLoader어쩌고로 시작하는 방법

배경에는 속성(repeat,position)적용이 안됨, 물론 배경이 아닌 단순한 이미지를 삽입하거나 배경에 repeat과 같은 속성이 필요없을시에는 요긴하게 쓰일수도있다.

2. iepngfix.htc 이런식의 IE전용인 .htc파일을 불러들여 IE에서만 읽고 실행하는 방법.

이방법이 계속 발전해서 투명 png 배경이미지속성까지 제어가 가능한 이곳의 버전2를 사용하기위해서는

기본적인 .htc파일과 css 배경 속성지원을 위한 .js파일 그리고 blank.gif 라는 작은 투명이미지등이 필요해 약간 귀찮아 보이긴 하지만, .img나 background에 관련된 css속성 지원, 투명png hover지원등 거의 완벽하게 IE6에서 png24투명이미지를 보통의 gif 나 jpg 파일처럼 쓸수있게되었다.

그런데 문제는 투명이미지의 경우 바로 투명으로 뜨지않고, 일전의 형식(이미지의 투명한 부분이 회색바탕으로 나오는)으로 우선 보였다가 .js 화일을 읽어들이고 나서야 투명이 되기때문에 페이지를 열었을때 깜박이는 fliker 현상이 일어난다는 점.

그리 가볍지도 않은 .js,.htc 파일을 항상 로드해야된다는점 등이 아쉬운점이었다.

위의 두가지 방법외에 몇가지 새로운 소스들이 있어 소개해 본다.

Unit PNG Fix

2kb바이트도 채 안되는 자바스크립트 한줄의 추가로 모든것이 해결되는 정말 좋은 소스라고 생각된다.

        1: <!--[if lt IE 7]>       2:         <script type="text/javascript" src="unitpngfix.js"></script>       3: <![endif]-->

IE filter로 인한 깜박이는 문제(fliker) 해결, 자동으로 페이지 내 모든 투명이미지에 적용, auto width, auto height, background repeat 속성지원등 괜찮은 소스이다.

그러나 간혹 jquery를 이용한 dropdown menu 나 slide toggle 등이 z-index를 이용해 png배경위에 놓였을때 펼쳐지지 않을 때가있음이 발견되었고, background-position은 지원이 되지않는다.

IE6만을 위한 코드이므로 IE5.5 이하의 버전에서는 어찌될지 모르겠다.

우선 원하는 페이지에 적용해보고 이상이 없다면, 현재로선 가장 간단한 방법이 아닌가 싶다.

Achieve alpha transparency in IE6 without the need of an HTTP request

별도의 자바스크립트를 추가하기 원하지 않는 사람들을위해 예전에 사용하던 1번방식이 좀더 발전된 소스라고 보면 되겠다.

       1: * html * { behavior: expres\sion( (this.runtimeStyle.behavior = "none")        2: &&        3: (this.currentStyle.backgroundImage.toString().toLowerCase().indexOf('.png')>-1)        4: && ( this.runtimeStyle.filter =        5: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +        6: this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','')        7: + "', sizingMethod='crop')", this.runtimeStyle.zoom = 1,        8: this.runtimeStyle.backgroundImage = "none" ) ); } 

CSS에 이런식으로 넣어주면 한꺼번에 페이지내 모든 투명 배경이미지를 제어할수있다.

발견된 문제점으로는 투명png 배경이미지가 있는 레이어위에 z-index로 다른 레이어를 얹었을때 그안에 있는 모든 링크나 버튼들이 클릭이 안된다는 점이다.

투명배경위에 링크나 메뉴버튼을 넣을 필요가 없는 경우엔 유용한 소스라고 할수있다.

Jquery plug-in을 이용한 투명이미지 출력방법도 몇가지 있다.

jquery IE6 png transperency fix

해당싸이트에가서 jqPngFix.zip파일을 다운받아 적용한다. 배경은 지원이 되지않으며, 싸이트내 단순 .img 태그에만 적용한다.

jquery.pngFix.js PNG-Transparency

IE 5.5와 6을 지원하며, background에도 png를 적용할수있으나, repeat이나 position속성등은 쓸수없고

예전의 그것과는 약간 다른 느낌의 fliker현상이 발견되었다.

항상 png이미지가 포함되는 요소의 width와 height를 지정 해주어야 한다.

iFixPng improved

background-position은 지원하나 repeat은 지원이 안된다. 최신 버전에서는 background-position을 퍼센티지로도 지정할수있다.

마지막으로 jquery 플러그인은 아니지만 현재 블로그에 적용하고있는 소스를 소개해본다.

적용했었는데, 텍스트큐브엔 자바스크립트를 업로드 할수없어 다른데서 끌어쓰다가 그냥 없애버렸기때문에 현재 IE6에서는 블로그 투명테두리가 안보이도록 바꿔버렸다.

DD_belatedPNG

7kb가량의 자바스크립트를 로드해야되지만(7kb가 무겁다는 얘기는 절대 아니다), 셀랙트박스, 라디오버튼, 이미지hover, javascript animation등에도 자유자재로 png투명이미지를 배경이나 버튼이미지로 넣을수있다.

광범위한 지원과 더불어 개발자의 끊임없는 업데이트도 눈에 띈다.

물론 fliker현상도 없다!

개인적으로는 첫번째와 마지막 소스를 추천하고싶다.

사진으로 보는 샴/오리엔탈 고양이의 성격

2009-10-01T06:14:00.000+02:00

주인과 함께하고 만져주기를 늘 갈구하는 고양이

도도함의 대명사인 고양이, 흔히 잡힐듯 말듯 사람과 밀고 당기는 묘미를 알며 자기가 원할때만 주인을 허락하는 약간 새침때기같은 면이 주인에게 무한한 충성심을 발휘하는 믿음직 스럽고 충직한 개와는 다른 고양이만의 매력이라고 하는 사람들도 있죠.

고양이중에서도 특유의 날씬하면서 엘레강스한 바디라인을 가진 샴이나 오리엔탈은 '샤프한 외모만큼이나 잔정이 없고, 더욱 새침때기 같지않을까?' 라고 생각하기 쉽지만, 성격적인 면에서 도도함은 샴과 거리가 먼 것 같습니다.

소유욕이 강해 질투심이 많고 관심의 대상이 되기를 즐기며, 항상 누군가 자신에게 주위를 기울여 주길 바라니까요.

어깨에 올라오는 고양이들 많지만, 샴을 키우다 보면 정말 이걸 즐기는 애들인거같다는 생각이 들곤합니다.

겁이 없고 나이가 들어도 식지않는 샴고양이 특유의 호기심때문에 새로 생긴 식구들과도 금방 친해지죠.

억지로 내려놓기 전 까지는 내려올 생각안하는 경우가 많죠.

"주인과의 스킨쉽은 아무리 긴시간이라 할 지라도 그 지나침이 없나니...." 아무리 만져주고 같이 있어주는 시간이 길어도 샴고양이는 결코 충분하다고 생각하지 않는거같아요.가능하다면 하루종일, 일년 365일을 주인의 품에 안겨 쓰다듬을 받고싶어하는거같아 보일정도로요.결국은 사람이 '나도 생활이 있으니 이제 그만좀 하라'고 떼어놓는 경우가 발생할것입니다.^^;

지치지 않는 열정과 생기가 넘치는 활동적인 고양이

샴고양이는 주인의 무릎에서 얌전히 잠만 자는 고양이, 인형같은 고양이 인가?

나이가 들어도 식지않는 호기심과 열정으로 언제든 미친듯이 뛰어놀 준비가 되어있는 상태인 샴고양이에게 그런 기대를 하는것은 금물.

주인과 장난감 낚싯대 놀이등을 할때, 먼저 지치는 법이 없으며 승부에 목을 맨 듯한 자세로 놀이에 임한다. 정말 저러다 죽는거 아닌가 싶을정도로 놀기를 좋아하죠. 한마디로 누구 못지않게 활동적인 고양이라 할수있겠습니다.

하지만 조용하고 얌전한 고양이를 키우기 원하는 나이드신 분들이나 고양이가 뛰어놀다 저지를 수 있는 말썽(물건 떨어뜨려 깨기, 커텐찟기, 미친듯이 온집안을 휘젓고 뛰어다녀서 정신빼기등ㅋㅋ)에 민감하신 분들에게 샴고양이나 오리엔탈의 지칠줄 모르는 혈기왕성함은 부담이 될수도 있을정도입니다.

자세히 보니 사진 속 고양이는 네마리

'일상이 화보'인 샴과 오리엔탈은 집에서 거니는 모습, 그 자체가 바로 그림이 되네요^^

모험심이 강하고 영리한 고양이

샴고양이를 키우다보면 굉장히 영리하다는 느낌을 종종 받을 수 있을것입니다. 간단한 훈련/학습이 가능하며, 항상 주인의 목소리에 귀기울이는 자세를 보이며 원하는것이 있을땐 주인을 바라보며 당당히 의사를 밝힙니다.(원하는것이 많아서 인지, 항상 뭔가를 얘기하기때문에 수다쟁이 고양이로 통하기도 하지요.) 집안 곳곳의 문 여는법을 스스로 터득하는 경우도 주위에서 흔히 들을수있고요,

또한 겁이없고 새로운것을 경험하기를 꺼리지않습니다.

주인과 산책을 하고있네요

물건가져오기 놀이도 곧잘 익혀요

샴고양이를 키운다면 항상 문단속을 철저히 하는것을 잊어선 안되겠죠?

거리에서

기차안에서

지붕위에서

한마리도 좋지만, 여러마리도 괜찮아!

샴/오리엔탈은 다른 고양이와의 사교성이 좋은편이며, 같이 장난치는것을 좋아한다.

하지만 서로 초면인 나이든 고양이들의 경우, 서열의 우위를 차지하기위해 신경전을 벌이기도 하기때문에, 새로운 고양이를 들였을경우엔 사람이 중간에서 같이 장난감 놀이등을 하며 자연스럽게 서로에게 익숙해지도록 유도 해주는것이 좋다.

그밖에...

아무리 활기넘치고 지치지않는 샴고양이라지만, 고양이는 고양이죠. 늘 충분한 수면과 휴식을 필요로 하는것은 마찬가지랍니다.

오리엔탈 롱헤어

겉으로 보기에 마른체격이지만, 실제로 들어보면 느껴지는 단단한 근육질과 묵직한 무게감에 놀랄거예요.

먹는것도 절대 다른 고양이에 비해 적게 먹지 않아요. 오히려 더 먹는다고 느껴질 정도?

고양이의 성격은 개묘차이가 큰데다 주변환경(특히 어린시절)의 영향을 많이 받는거 같아요. '이 종(種)은 이렇더라' 라는것이 거기에 해당하는 세상 모든 고양이에게 똑같이 적용된다면 그게 오히려 더 이상하겠죠. 로보트도 아니고...

하지만, 오랜세월동안 애묘가들의 경험에 의해 회자되고 공감되는 각 종별 성격이나 품성등에 대한 기록들이 고양이를 키우기에 앞서 자신과 맞는 종을 찾기위해, 혹은 이미 같이 살고있는 고양이에 대한 이해를 돕기위해 참고 삼아 보기엔 별 무리가 없을거라 생각됩니다.

일반적으로 샴고양이와 오리엔탈을 반려묘로 두고있는 사람들이 이구동성으로 하는 얘기들을 간단히 정리해 보았어요

우리집 샴고양이는 무슨 포인트일까 ?

2009-10-01T04:43:00.000+02:00

Seal point

포인트 : 아주 진한 브라운가능(검은색)
몸통 : 베이지, 노르스름한 계란껍질(?)색
코/발바닥 : 검은색, 아주진한 브라운
눈 : 짙은 푸른색일수록 좋음

Chocolate point

포인트 : 초콜렛색
몸통 : 아이보리
코 : 초콜렛
발바닥 : 쵸코우유(핑크빛이 도는 연한 초코)
눈 : 가능한 짙고 푸른색

Blue point

포인트 : 차가운 느낌의 회색빛이도는 푸른색
몸통 : 옅은 푸른빛이 약간 도는 흰색
코/발바닥 : 회색빛이도는 푸른색, 군청색
눈 : 가능한 짙은 푸른색

Lilac point

포인트 : 약간 창백한 느낌의 연 회분홍 혹은 보라.
몸통 : 연한 아이보리빛이 도는 흰색, 마그놀리아
코/발바닥 : 분홍빛 라벤더색, 연한 회분홍
눈 : 푸른색 짙을수록 좋음

그외에 시나몬(폰) 포인트, 레드(크림) 포인트 등이 있으며, 또한 각 포인트 색에 테비무늬가 더해진것을 테비포인트 혹은 링스포인트라고 부른다. 비교적 최근에 들어 샴의 포인트에 흰색이 더해진 바이컬러 샴도 있으며 유럽에서는 seychellois라고 부른다.

-영국에서 캬라멜(애프리콧) 포인트가 브리딩 되고 있기도하나 아직까지는 정식등록을 허용하지 않는 협회가 더 많다.

Siamese with whites (Seychellois in Europe)

샴고양이를 만드는 유전자 - 어떤아이들이 태어날까 ?

2009-10-01T04:09:00.000+02:00

1 = 씰 포인트: aaB-cscsD-
2 = 블루 포인트: aaB-cscsdd
3 = 초콜렛 포인트: aabbcscsD
4 = 라일락 포인트: aabbcscsdd
5 = 레드 포인트: aacscsD-O(O)
6 = 크림 포인트: aacscsddO(O)

7 = 씰 테비(링스) 포인트: A-B-cscsD-
8 = 블루 테비 포인트: A-B-cscsdd
9 = 쵸콜렛 테비 포인트: A-bbcscsD-O(O)
10 = 라일락 테비 포이트: A-bbcscsdd
11 = 레드 테비 포인트: A-cscsD-O(O)
12 = 크림 테비 포인트: A-cscsddO(O)

13 = 씰 토르티 포인트: aaB-cscsD-Oo
14 = 블루 토르티 포인트: aaB-cscsddOo
15 = 초콜렛 토르티 포인트: aabbcscsD-Oo
16 = 라일락 토르티 포인트: aabbcscsddOo

17 = 씰 토르티 테비(토르비) 포인트: A-B-cscsD-Oo
18 = 블루 토르티 테비 포인트: A-B-cscsddOo
19 = 초콜렛 토르티 테비 포인트: A-bbcscsD-Oo
20 = 라일락 토르티 테비 포이트: A-bbcscsddOo
21 = 포린 화이트: W-cscs

각 포인트의 명칭옆에 있는 알파벳은 색과 무늬를 결정짓는 유전형질을 의미한다.

하나씩 살펴보아요^^

A : Agouti gene 흔히 태비라고일컫는 줄무늬를 나타내는것으로 AA 나 Aa 로 이루어져있을때(모든 유전자는 쌍으로 이루어져있죠)는

겉으로 무늬가 드러나 보이는 경우이고 aa일 경우는 무늬가 보이지 않는, 즉 단색의 고양이를 의미합니다.

B : Black gene 검은색을 나타내는 유전인자로서 모든 색에 대해 우성입니다. 즉 B가 하나만 들어가도 그 고양이는 검은색을 나타내죠. 그럼 쵸콜랫의 경우는? bb가 되겠죠^^

D : Dense gene 어두운 정도를 결정짓는 유전형질로서, B(검은색)의 농도를 결정짓는 역할을 합니다. 무슨 얘기냐면, 블랙컬러에 대한 열성형질이 초콜랫 색인걸 위에서 알았죠? 그렇다면 블루 와 라일락은 어떻게 생기는걸까요? 바로 이 D 유전자가 하는 역할이 그것입니다. B(검은색)가 D 혹은 Dd와 만나면 검은색이 나오지만, dd(열성)인자와 만나면 검은색이 희석된 블루컬러가 나오는 것이죠. 즉 엄밀히 말해 블루나 라일락등의 옅은 색(dilutied gene)은 하나의 색이라기 보다는 검은색이나 초콜렛색이 D유전자에 의해 옅어진 형태로 가시화 되는것이라 볼수있겠죠. bb(초콜랫)이 dd와 만나면 라일락이 되는것입니다.^^

아래 표를 보시면 이해가 쉬울거예여~

짙은 색	옅은 색
검정(씰포인트)	블루
초콜랫	라일락
시나몬	폰(fawn)
레드	크림

주의! 검정색(B)에 대한 열성은 블루가 아닌 초콜렛(b)입니다.

O : Orange gene 레드컬러를 나타내며, 아주 특별한 경우의 유전자라고 할수있습니다. 고양이 키우시는 분들중에 "삼색 고양이는 다 암컷이다." 이런얘기 들어보신분 계실거예요. 그 이유는 O의 경우 성염색체인 X와 연결 되어있는데,(학교다닐때 다 배웠었죠. XY 는 남자, XX는 여자ㅋㅋ) 레드컬러의 숫컷냥이의 경우 O유전자가 XY의 X와 연결되어 성염색체가 OY가 되며, 다른색의 암컷과 만났을때 한쌍이 아닌 O 하나만 주게됩니다. 그 사이에 태어난 새끼고양이가 삼색이가 되려면 Oo가 되어야 하는데, 숫컷이 되려면 Y가 꼭 필요하기때문에 Oo(토르티)가 될수없다고 하는것입니다. 하지만 극! 소수의 경우에 해당하는 경우입니다만, 간혹 삼색이 또는 토르티의 숫컷고양이가 태어나기도 합니다. 그럴경우 그 숫컷의 성염색체는 XY가 아닌 XXY 혹은 XXXY등이 되는것이고, 그렇게 태어난 숫냥이는 대부분 생식능력이 없습니다(그냥 눈으로만 봐도 짐작이 되시죠? 여성을 나타내는 X가 두개, 세개씩 있으니...), 하지만 또 거기에도 예외는 있습니다. 간혹 생식능력까지 있는 삼색이나 토르티 남아가 태어나기도 하는데, 몇십년 전 영국에서 태어난 숫컷 레드 토르티 포인트 샴이 번식을 했으며 캣쇼에서 챔피언이 된적도 있습니다.^^

C : Full color gene 몸전체에 색을 주는(샴처럼 포인티드 캣이 아닌) 역할을 하는 유전자입니다. C에 대한 열성인 c는 알비노를 뜻합니다.(온몸이 흰색에 눈은 붉은색) C에 대립하는 유전자는 여러가지가 있으나 그중에서 샴포인트 유전자인 cs를 예를 들어보자면, cs는 샴을 만드는것으로서, 열성이기때문에 하나만 있어서는(Ccs) 겉으로 드러나지않고 cscs일때만 샴이 되는것입니다. 대신 양쪽부모가 샴이 아닌대도 샴포인트를 한 새끼가 태어나는 경우는 양쪽부모가 모두 Ccs였기 때문에 새끼중에 cscs가 나올수있는것이죠.

주의! cs가 모든 포인티드 캣을 의미하는것은 아닙니다. 버미즈종에서 포인트를 나타내는것은 cb, 통키니즈의 경우는 cscb입니다.

대충 훑어보면 골치아파 보일수도있지만, 이러한 유전정보를 이용해 특정한 한쌍의 고양이 사이에서 어떤 색의 아깽이가 태어날수있는지 미리 예상해 볼수도있고, 원하는 색을 위한 선별적인 브리딩을 할 수도있겠죠.

설명이 길어지면 너무 복잡해져 제 스스로도 무슨 소릴 하는지 모르는 사태가 발생될거같아서; 간단한 원리만 적어봤습니다.

복습 해 볼까요?^^

각 개체를 테비가 없는 샴(aa-cscs)라고 가정 했을때

1. BbDd 는 무슨색의 샴고양이 일까요?

2. bbDD 는 무슨색의 샴고양이 일까요?

3. 열성인자를 보유하고있는 씰(BbDd) 포인트샴이 라일락(dilution gene) 유전자를 나르지 않는(가지지 못한) 초콜랫(bbDD) 포인트샴과 만났을때 나올수있는 새끼는 어떤 포인트들이 있을까요?

1,2번의 답은 3번 질문에 이미 있으니 한번 생각해보세요^^