Noname

휴게하고 이사합니다..

ZlatA — Wed, 23 Apr 2008 03:35:04 GMT

대세는 티스..(퍽!)
여차저차 초대장을 얻었기에 옮겨갑니..(퍽!)

이유라고 한다면..
폴딩치트는 소중하니까요..(퍽!)

[얼음집 꾸미기]#7 본문 좌우 그림자효과 등..

ZlatA — Thu, 14 Feb 2008 23:32:00 GMT

무턱대고 시작합니다.
~~이쯤되면 오신 분들은 이곳 주인장이 블로그에 써본걸 순서대로 푸는것을 아셨을 겁니다... 확실히 쓸데없는 글이군요;;~~

앞서 꾸미기 #3에서 반투명 내지 효과를 주었습니다.
그에 연장하겠습니다.

[내지 양쪽에 찢은듯 한 효과 주기] 또는 [그림자효과 주기]

내지 양쪽에 찢은듯 한 효과를 주기 위해서는 #body와 #container의 폭의 차이가 존재해야 합니다.

css편집을 들어가서 위의 두 항목 하위에 있는 width 옵션의 수치를 확인하세요.

#body {
width: 1024px;
margin: 0 auto;
padding: 0;
text-align: center;
background: url(http://pds8.egloos.com/pds/200802/10/25/body1024-2.png) repeat-y;
}
* html #body { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=http://pds8.egloos.com/pds/200802/10/25/body1024-2.png); ;}/*for IE*/

#container {
width: 1010px;
margin: 0 auto;
text-align: left;
background: url(http://pds9.egloos.com/pds/200802/10/25/clear4.png);
}

저의 경우 #body는 1024px, #container는 1010px 입니다.
14픽셀 차이가 나므로 양쪽에 각각 7픽셀씩의 효과를 줄 공간이 생기는군요.

이 효과를 더욱 넓은 공간에 적용하고 싶다면 #body의 폭을 늘리시면 됩니다.
(또는 #container의 수치를 줄여주시면 됩니다만 #container의 수치를 줄이면 #header, #sidebar, #content, #footer의 수치를 함께 조정해야 할 상황이 대부분이므로 #body의 폭을 조정하시는것을 추천합니다)

이제 간단히 그림자 효과를 만들어주는 파일을 만들어 보도록 하겠습니다.

포토샵을 열고 새 파일을 만듭니다.

이때 폭은#body의 폭을 넣어주어야 합니다.

높이는 자신이 적용하려는 그림자효과 범위의 4배 정도를 넣어주시면 됩니다.
(저는 7픽셀을 사용하려 하므로 7x4=28픽셀입니다)

배경내용은 꼭 투명으로 설정하시기 바랍니다.

만든 파일에서 Alt + A 를 눌러 전체 선택을 한 다음 포토샵 메뉴 > 선택 > 수정 > 축소 를 눌러주세요.
축소값은 자신이 적용하려는 그림자효과 범위입니다.(저의 경우 7픽셀)

선택된 영역이 축소가 되면 포토샵 메뉴 > 선택 > 수정 > 페더 를 눌러주세요.
페더값은 적용하려는 그림자효과의 범위입니다.(저의 경우 7픽셀)

이제 원하는 그림자 색상을 선택한 후, 그라데이션 도구를 페인트 통 도구로 바꾸어 주어 이미지에 칠합니다.

색이 칠해졌다면 Alt + A 를 눌러 전체 선택을 하신 다음에 포토샵 메뉴 > 선택 > 반전 을 눌러주세요.

가운데 네모난 부분이 선택되어 있을 겁니다.

가볍게 Delete 키를 눌러 선택된 부분을 지웁니다.

가운데가 지워지면 우리가 원하는 크기로 제단합니다.

폭은 그대로 두시고 높이를 그림자효과가 들어갈 폭 x 3배 만큼 줄이시면 됩니다.(저는 28 - 21 = 7픽셀)

이제 만들어진 이미지를 저장합니다.
포토샵 메뉴 > 파일 > 다른이름으로 저장 을 누릅니다.

저장형식은 png로 하셔야만 투명효과가 적용됩니다.

이제 만들어진 파일을 서버에 업로드합니다.
그림파일을 올리시는 방법은 블로그 관리 > 블로그 스킨 > 스킨 편집 > 이미지 등록 순으로 들어가시면 됩니다.

이렇게 올리셔서 주소를 저장하세요.

이제 그림자 효과 또는 기타 원하시는 효과가 들어간 파일을 #body의 배경으로 올려주시면 됩니다.

#body {
width: 1024px;
margin: 0 auto;
padding: 0;
text-align: center;
background: url(http://pds8.egloos.com/pds/200802/10/25/body1024-2.png) repeat-y;
}

및줄 쳐진 녹색 글씨 부분이 그림 파일의 주소입니다. 이 줄을 그대로 복사해 넣으시고 그림파일의 주소만 자신의 것으로 바꿔주시면 됩니다.

저는 1024픽셀의 양쪽 폭에서 양쪽 7픽셀씩을 이용하여 내지가 찢어진 효과를 넣고 투명도가 80%인 내지와 어울리도록 같은 투명도를 적용시켜서 만들어 보았습니다.

파일이 필요하시면 80% 투명도의 흰색 내지와 폭1024에 양옆 7픽셀 찢어 진 효과 을 눌러 다운받아 주세요.

수고하셨습니다^^

tag : 스킨

Days in Puket#2 티와라트리 호텔

ZlatA — Tue, 12 Feb 2008 22:41:43 GMT

저희가 묵었던 티와 라트리 호텔입니다.

까말라 비치의 정중앙에서 육지쪽으로 300m정도 떨어진 곳에 위치하고 있습니다.
까말라 비치는 바통비치의 북쪽에 위치한 (개인적으로 생각하기에)한적한 비치입니다.

이 호텔이 위치가 좋다고 하기도 그렇고 그렇지 않다고 말하기도 그래서 호/불호를 말씀드리기가 어렵습니다.

까말라 비치 자체가 바통비치의 근처에 있다지만 그 사이에 언덕 하나가 위치해서 교통이 불편할 수 있습니다.
바통비치의 번화가에서 툭툭을 타고 비치까지 오는데 밤 12시쯤에 500밧에 합의를 봤습니다. 참고하세요.

붉은 원이 있는 위치가 저희가 묵었던 호텔입니다.

그리고 까말라 비치와 호텔사이에 뒤편에 개발이 덜된 흙밭이 있습니다.

처음에는 그 흙밭을 넘어갈 생각조차 하지 못해서 비치에 걸어가는데 한참을 돌아가서 30분 정도가 소요되더군요.
가로지르면 10분내로 도착할만한 거리였습니다.

이곳 시설은 뭐라고 해야 할 지 모르겠습니다.
한국의 일반적인 호텔에 대한 개념을 그대로 가지고 오신다면 100% 틀리실것 같습니다.

저희는 숙박비를 아끼기 위해서 방도 싼곳을 사용했습니다.

사진에 보이는 창들중 2,3층의 창들이 전부 하나의 방이라고 보시면 됩니다.

2층의 방들은 기본으로 싱글 2침대의 2인실이며 3인이 묵을 경우에 간이침대가 추가됩니다...;;

#1에서 방 사진을 몇 장 올렸는데 그거면 충분할 정도입니다.
휑~ 하죠..

기본적으로 제공되는 세면도구는 (일반 사이즈의 수건 + 샤워후 사용하는 큰 사이즈의 수건) x 침대수, 비누 2개(여행용 세면도구 세트에 들어가 있는 크기입니다), 같은 사이즈의 샴푸1개와 바디로션1개(50ml 정도 됩니다. 요구르트 1병보다 조금 작더군요), 면봉 5개정도, 미용실에서 파마할때 머리를 감싸는 비닐 비슷한것 1장이 되겠습니다.

남성분들은 상관없을지 모르겠지만 여성분들은 비누, 수건을 제외하면 필요하다 싶은 것들은 다 한국에서 준비해 와야 하겠습니다.

서양과 같이 신발을 신고 방으로 들어갑니다.
처음엔 불편했는데 나중엔 오히려 편하더군요... 버릇 들어 집에가면 큰일날듯 싶습니다.

Tv와 냉장고가 있습니다만 그다지 좋지 않습니다.

Tv밑의 서랍장 안에 냉장고가 수납되어 있습니다.

tv체널에서 한국 관련 방송은 아리랑 하나 뿐입니다.
밤에 무지무지 심심하니 밤의 태국을 배회하실 게 아니라면 pmp를 tv에 연결해 영화를 감상하시는 것도 좋을 듯 합니다.

냉장고는 일반 여관방에서 쓰는 20L(아마도 더 작을 거라고 생각합니다만..)짜리로 문짝 하나 달리고 냉동실은 철판으로 대체된 녀석입니다.
숙소에 있는 시간이 적어서 쓸 일이 없었습니다.

이곳의 물은 함부로 먹어서는 큰일나기 때문에(석회가 많아서 식수로는 매우 부적합하다고 합니다) 꼭 식수를 사다 마셔야 합니다.
따라서 냉장고에는 유리병에 담긴 물이 침대 수만큼, 그리고 에비앙 500ml 생수가 들어있었습니다.(맥주도 2캔이 있었습니다)

유리병에 든 물은 하루 숙박때마다 사람 수만큼 기본 제공되지만 에비앙과 맥주는 따로 청구가 되고 값도 편의점에서 사는 것보다 비싸므로 음료수를 어느정도 상비하시는것도 좋을 듯 합니다.

호텔에서 제공되는 물은 이렇게 생겼습니다.

생소하게 보이시겠지만 유리병이고 뚜껑을 원터치 캔 형식으로 딸 수 있게 되어 있습니다.
다만 공짜로 제공한다고 해서 함부로 들고 나가면 추가요금이 부가됩니다.

푸켓 섬 내에서는 어지간히 작은 마을이라도 편의점이 있으므로 그냥 사서 드시는것이 경제적이리라 생각됩니다.

1층의 창들은 호텔의 창고 또는 저장고 같은 것으로 맥주나 식수 등이 쌓여있더군요.

그리고 안쪽으로 더 들어가면 팬션이라 해야 할까, 아니면 별장이라 해야 할까.. 그런 비슷한 집들이 늘어서 있습니다.
이 집들이 각각 하나의 방들입니다.

생각보다 집들이 좁게 늘어서 있습니다.
사진을 촬영하기가 좀 엄해서 호텔 로비에서 살짝 찍었습니다.

문 바로 앞까지 다가가 보았지만 들어가면 범죄-_-가 될 것 같아서 참았습니다.
따라서 내부는 모릅니다.

호텔 로비는 평범합니다.
저는 로비라고 생각도 못했습니다;;;
(사진이 유실되서 보여드리지 못함을 안타깝게 생각합니다..)

로비의 오른쪽에 컴퓨터 3대가 놓인 인터넷실이 있습니다.
1시간에 우리나라 돈으로 3천원 정도라고 들었는데 14.4k 모뎀만큼 빠르답니다.

카메라가 오래된 기종이라 128mb의 메모리칩이 들어가 있었습니다만 백업용으로 pmp를 가져갔기 때문에 다행히 현지에서 사진을 업로드 하는 모험은 하지 않았습니다.
무척 다행이라고 생각합니다.

전자기기를 가져오실 때는 따로 변환기라던가 어뎁터를 가져오지 않으셔도 될 듯 합니다.
호텔 방에서는 110/220v 프리볼트 콘센트를 사용하고 있으므로 바로 꽂아 사용하실 수 있습니다.

호텔에서 제공되는 아침식사는 그다지 추천할만한 것이 아닙니다.
기대에 부풀어 메뉴를 살펴보았습니다만 그저 밥에 김치만 생각납니다.

식사는 기대 이하였습니다.
간단한 과일류 - 바나나, 수박, 당근처럼 보이는 물렁한 과일 - 이 꾸준히 제공되며 간단한 샐러드 재료와 드레싱 몇가지가 있습니다.(바나나 맛은 비슷합니다만 수박은 그다지 달지 않았습니다. 당근 비슷하게 생긴건 잘 익은 멜론 과육이 아무맛도 안나는 느낌입니다.)
계란 프라이와 식빵, 크로와상, 가운데에 잼이 발린 빵과 두어가지의 잼도 있습니다.(빵종류는 무난합니다)
태국음식으로 보이는 몇가지의 음식들이 하루하루 바뀌어 나왔습니다.(이상한 맛입니다. 마치 여동생이 남자친구 도시락 싸준다고 요리 연습한 뒷처리를 전담하게 된 느낌이 듭니다.)
슬라이스 햄을 익힌것과 베이컨이 준비되어 있었습니다.(햄은 물에 삶은듯 푸석한 느낌입니다. 베이컨은 너무 짜고 기름에 찌든 느낌입니다.)
기본적인 콘후레이크와 초코볼같이 몇가지가 섞여있는 후레이크, 그리고 섞어 먹으라고 있는지는 모르겠지만 떠먹는 요구르트도 옆에 있었습니다.(무슨 드레싱같은 소스인 줄 알고 넉넉히 섞어 가져왔는데 그냥 요플레 플레인입니다. 차마 우유를 더 섞을 수 없어서 울며 겨자먹기로 섭취했습니다.)
음료는 물과 우유, 그리고 오렌지쥬스가 차게 준비되어 있고 바로 옆의 커피포트에 커피가 준비되어 있었습니다.(우유는 3일째 아침에 먹어보니 상해 있었습니다. 영어로 의사소통이 잘 되지 않아 클레임도 걸지 못했습니다.)
밥은 볶음밥과 흰밥이 있습니다.(알랑미는 정말 논산 훈련소 밥보다도 꼬들꼬들합니다. 김치가 없으면 밥이 목젖을 붙들고 내려가지 않습니다.)

이 다음에는 본격적인 일정을 따라가 보도록 하겠습니다.

여기까지 읽어주셔서 고맙습니다^^

tag : 여행, 푸켓

숭례문 화재, 관리부실만이 책임의 전부는 아닐 텐데...

ZlatA — Mon, 11 Feb 2008 21:58:01 GMT

우리나라의 상징인 숭례문이 타버렸다.
우리나라의 국보 제1호가 일반인에게 개방된지 몇년 지나지 않았던 걸로 기억하는데 이런 사고가 일어나서 매우 착찹할 뿐이다.

이로서 우리는 남들에게 자랑할만한 선조의 유물을 또 하나 잃고 말았다.

지금 이 순간에도 이 숭례문 화재 사건에 대한 말들이 많다.
(이렇게 보잘것 없는 작은 블로그에서도 다루는 것을 보면 정말 너무 많은것도 같다)

주로 화재는 어떻게 일어났으며 누구에게 책임이 있는가 또는 문화재의 관리는 어떻게 행해지고 있는가에 대한 이야기이다.
그런 답답한 이야기들이야 높으신 분들과 똑똑하신 분들과 사리분별이 밝으신 분들이 다 할테니 관두련다.

하지만 이것만은 말하고 싶다.

과연 우리는 다른 나라 사람들이 그들의 문화와 유산을 (귀중하든 하찮든)아끼고 사랑하는 만큼 우리의 문화와 유산을 아끼고 사랑하는가?

우리 나라 사람들은 묘하게 전통적으로 내려오는 우리것을 무진장 쪽팔려하고 부끄러워하는 것 같다.

한복만 봐도 그렇다.
세상 어느곳에서 겨우 100년 지났다고 (뻥좀 보태서)반만년동안 입어온 전통의상을 입을 줄 아는 사람이 이렇게 희귀해질 수가 있을까?
게다가 한복(주로 개량한복이지만)을 입고 다니는 사람들이 괴짜가 되고 괴짜취급을 받는 곳이 또 어디에 있을까?

비록 우리가 일제 강점기를 거쳐가며 많은것을 잊고 잃어버렸다고 해도 이제는 그 변명 먹힐때도 지났다.
우리가 우리의 문화와 유산을 사랑해야 명맥을 잇고 더욱 찬란하게 빛날 수 있는 것이지, 그런걸 남이 해주는게 아니다.

우리 자신이 우리의 문화와 유산을 사랑하고, 이러한 생각을 자라나는 아이들에게 마음속 깊이 새겨주어야만 한다.

바라니바람 님의 글을 읽다가 비석에 새겨진 락카칠을 보고 참을 수 없어 한마디 했네요.
이런 현실이 그저 안타까울 뿐입니다.

tag : 황당, 진지

마비노기.. 정말 이상한 오류때문에 미치겠습니다.

ZlatA — Mon, 11 Feb 2008 12:02:13 GMT

첨부 이미지 파일처럼 오류 메세지가 뜨면서 게임가드가 종료되고, 클라이언트 또한 종료됩니다.

오류가 나는 시점은 로그인 창에서 마비노기 플레오네 엔진이 초기화를 마치는 시점입니다.

윈도우즈 xp sp2 사용중이며 보안 업데이트는 자동실행으로 매일 업데이트 되도록 설정했습니다.

백신 프로그램은 알약을 사용하며 실시간 검사를 사용하고 있습니다.

게임가드를 지우고 새로 실행시키거나 수동 설치로 실행시켜 보았지만 증상은 같습니다.

약 4일 전에 접속할 때는 아무런 이상이 없었습니다.

따라서 그 시점쯤으로 시스템 복구를 사용해 보았지만 역시 같은 증상을 일으킵니다.

여기까지는 일반적인 오류로 보입니다만 아래는 매우 이상합니다.

계속되는 실행 오류로 인해 마비노기를 제거한 후 재설치하기로 했습니다.

일단 클라이언트 설치 파일을 홈페이지에서 다운받은 뒤 덮어씌우는 방식으로 재설치했습니다.

하지만 같은 증상을 보입니다.

마비노기를 완전히 제거하고 다시 설치했습니다.

클라이언트를 실행하면 런쳐 실행중에 오류가 납니다.

이때에는 마비노기 제거를 실행해도 제거 확인란에서 하드디스크에서 삭제를 누르면 오류가 납니다.

실행도 제거도 불가능한 상황에서 재설치를 위해 다운받은 클라이언트설치 프로그램를 실행시켰습니다.

재설치를 클릭하면 설치 프로그램에서 오류가 납니다.

홈페이지상의 원클릭 설치를 통해 재설치를 시도했습니다.

재설치하겠습니까 라는 문구에서 네 를 선택했지만 아무 반응이 없습니다.

어쩔수 없이 이전으로 복구를 감행했습니다.

다시 클라이언트를 실행하면 처음의 게임가드 오류가 나는 상황으로 돌아갑니다.

무엇이 문제인지 모르겠습니다.

마비노기 하자고 여태껏 여러 프로그램을 깔고 정성껏 꾸며온 시스템을 리셋할 수는 없는 노릇이라 더 답답합니다.

tag : 마비노기

이어폰 요양보냅니다.

ZlatA — Mon, 11 Feb 2008 01:46:31 GMT

그동안 속을 참 많이 썩였던 er6i를 요양보내기로 결심했습니다.

er6i는 소위 커널형 이어폰이라는 것으로, 일반적인 이어폰과는 달리 귓구녕에 쑤셔박아 사용합니다...
귓구멍으로 삽입할때 외부의 소리를 차폐하여 주변이 상당히 시끄럽더라도 편하게 음악을 감상할 수 있습니다.

4년전 요녀석을 구입했을 적에 중고로 11만원이라는 거금을 들이고도 어찌나 좋아했었던지ㅋㅋㅋ
집으로 돌아오는 길에 켄우드의 q55에 물리고 3d음장 1을 걸어서 건담 시드 데스티니의 2기 엔딩 life goes on을 한없이 반복해 들었던 기억이 아직도 생생하네요.

하지만 이어폰 죽이는 최고의 스킬인 [잘때도 이어폰으로 듣기]를 자주 시행해준 결과 약 4주만에 한쪽 유닛이 단선됬습니다.

4주만에 11만원이라니.. 그럼 한주에 27500원이고 하루에 3930원....
4주간 하루 한끼씩 굶고 음악을 들었군요-_-

그때는 아르바이트를 했는데 일도 바쁘고 한두달쯤 뒤에는 입영하기 때문에 신경쓸 겨를이 없어서 벙어리 냉가슴만 앓았습니다.

전역한지 6개월쯤 지나서 주섬주섬 옛 물건들을 뒤져보는데 신주단지처럼 모셔놓은 이녀석이 눈에 들어오더군요.
혹시나 하는 마음에 mp3에 물려보니 여전히 한쪽이 단선된 상태였습니다.

아쉽고 아쉬워서 수입사에 수리를 요청했습니다.
(국내 정식 수입사에 물어보았습니다. 삼정 인터네셔널 이라고.. 아실련지-ㅅ-ㅋ)

지금은 달러가 많이 싸져서 가격이 얼마나 되는지 모르지만(알고싶지도 않습니다) 고치려면 국제택배를 보내야 하는 관계로 사는것만큼 돈이 든답니다.
그래서 요 며칠간 매우 낙담해 있었습니다.

하지만 이런 곳도 있네요.

프론티어!!!!

여기에서 이어폰을 고쳐준답니다.

예전에는 이곳 말고 낙성대가 더 유명한 것 같았는데 지금은 어찌되었는지 모르겠습니다.
(사실 찾아보지도 않았습니다.. 죄송합니다)

전에도 몇번 신세진 적이 있었는데 시간이 많이 지나서 잊어버리고 있었던 거죠.

고칠 수 있을지 없을지는 보내봐야 압니다...
무슨 중병걸린 환자를 먼곳의 병원에 보내는 심정이군요.

꼭 고쳐서 돌아왔으면 좋겠습니다.

못고치면 운송비는 어쩌라는..-_-ㅋ

tag : 이어폰

[얼음집 꾸미기]#6 헤더 크기보다 큰 헤더 이미지 올리기

ZlatA — Mon, 11 Feb 2008 00:41:50 GMT

이번에는 #header 의 크기보다 큰 header이미지를 올려보겠습니다.
(이미지중 #header의 영역을 넘어서는 부분을 #content와 #sidebar에 나눠 올리는 방법을 사용하겠습니다)

이를 위해서는 선행되어야 할 조건이 한가지 있습니다.

#content 의 폭과 #sidebar 의 폭의 합이 #container 의 폭과 같아야 한다!!

이게 왜 그러냐고 물으신다면..

아래 그림을 이해하시면 됩니다.

①은 #body의 폭, ②는 #container의 폭, ③은 #sidebar의 폭, ④는 #content의 폭이 되겠습니다.

#sidebar와 #content는 각각 #container의 양 끝으로 정렬됩니다.
따라서 각각의 폭의 합이 전체와 같지 않으면 두 레이어 사이에 틈이 생기게 됩니다.

따라서 틈이 생긴 레이어에 이미지를 아무리 올려봤자 이미지는 따로따로 떨어져 버릴 뿐 하나가 되지 못합니다.

[영역을 확인하는 방법]

#sidebar와 #content의 영역은 쉽게 찾으실 수도 있지만 어느정도 튜닝을 거친 스킨이라면 조금 헤메실 수도 있습니다.

이럴때는 #sidebar와 #content의 옵션에서 이미지를 지우고 각각 다른 색상의 배경을 입혀보는 것이 좋습니다.

예를 들기 위해 제 스킨에 이미지를 지우고 배경을 입혀봤습니다.

#sidebar의 영역과 #content의 영역 사이에 다른 색이 끼지 않았습니다.
이는 두 영역이 붙어있다는 뜻입니다.

만약 다른 색상이 사이에 끼어있게 된다면 #content의 크기를 조절해 주어야 합니다.

[이미지 자르기]

#sidebar의 영역과 #content의 영역이 빈틈없이 붙어있음을 확인하셨다면 적용하실 이미지를 재단할 차례입니다.

우선 #container, #sidebar, #content의 폭(width 수치)을 다시한번 확인해 주세요.
#header는 폭과 높이를 모두 확인해 주셔야 합니다.

저의 경우에는
#container의 폭 1010픽셀, #sidebar의 폭 190픽셀, #content의 폭 890픽셀, #header의 폭 1010픽셀 높이 240픽셀이 나왔습니다.

따라서 우리는 이미지를 이러한 형태로 나누어야 합니다.

이제 포토샵에서 이미지를 나눠 보도록 하겠습니다.

이미지를 불러들입니다.

이미지의 폭이 원하는 크기보다 넓다면 포토샵 메뉴 : 이미지 > 이미지 크기 로 들어가서 원하는 폭만큼 줄여주시면 됩니다.

이미지의 폭이 원하는 크기보다 좁다면 포토샵 메뉴 : 이미지 > 캔버스 크기 로 들어가서 원하는 폭으로 설정하시면 됩니다.

이때 주의하실 점은 캔버스 확장 색상을 투명으로 해주셔야 한다는 점입니다.

크기 조정이 끝났으면 이미지 영역을 나누겠습니다.

이미지 분할 도구를 선택하고 이미지에서 마우스 우클릭을 합니다.

설정창이 나오면 #header의 높이를 참고하여 적어줍니다.

확인을 누르면 영역이 분할된 이미지가 나옵니다.

계속해서 분할된 영역 중 아래쪽에서 마우스 우클릭을 합니다.

위의 부분에 #sidebar의 폭을 적고 확인을 누르면 3분할된 이미지가 보일 것입니다.

이제 영역 분할된 이미지를 저장해야 합니다.

포토샵 메뉴 : 파일 > 웹용으로 저장 을 누릅니다.

세 영역을 각각 클릭해서 우측에 보이는 저장 옵션을 조정해 주시기 바랍니다.

jpeg든 png24든 큰 상관은 없지만 앞에서 캔버스 이미지 확대를 하신 분은 반드시 png24로 저장하시기 바랍니다.

저장하실 때는 이런 옵션을 적용하시면 됩니다.

파일 형식은 이미지 전용입니다 - 다른 형식을 적용하시면 다른 필요없는 파일이 생성됩니다.

분할 영역은 모든 분할 영역입니다 - 이렇게 해야 모든 분할 이미지가 생성됩니다.

이렇게 하시면 저장하신 폴더에 image폴더가 생성되며 이 폴더 안에 이미지가 저장되어 있습니다.

[이미지 올리기]

이제 막바지군요. 실제로 이미지를 올릴 차례입니다.

이글루 관리 > 블로그 스킨 > 소스편집 으로 들어갑니다.

저장했던 이미지를 올려주세요.

올린 이미지를 css편집을 통해 스킨에 적용합니다.
css편집이 생소하신 분은 #2배경 올리기를 참고해 주세요.

#header {
width: 1010px;
height: 240px;
position: relative;
margin: 0 auto;
background: url(http://pds9.egloos.com/pds/200802/10/25/fly6_01.png) right no-repeat;
}

#content {
float: right;
width: 820px;
text-align: center;
background: url(http://pds9.egloos.com/pds/200802/10/25/fly6_03.png) top right no-repeat;
}

#sidebar {
float: left;
width: 190px;
text-align: center;
line-height: 1.2em;
margin-bottom: 50px;
padding-top: 20px;
background: url(http://pds9.egloos.com/pds/200802/10/25/fly6_02.png) top right no-repeat;
}

위의 세 곳에 각각 위치할 이미지를 적용합니다.

그러면 완성! >ㅁ

어때요, 참 쉽죠?(퍽!!

수고하셨습니다^^

tag : 스킨, 배경

이글루스에 부탁해!

ZlatA — Sun, 10 Feb 2008 21:42:08 GMT

요 며칠간 이글루스를 사용하면서 몇가지 불편한 점을 느꼈다.

첫번째는 목록을 볼 수 없다.
카테고리에 등록된 글은 카테고리를 클릭하면 볼 수 있지만 그렇지 않은 글은 이글루스의 메뉴 설정에서 카테고리에 전체나 미분류 글을 띄우지 않는 이상 절대 볼 수 없다. 이는 블로그에 글이 많으면 많을수록 심각해지는 문제다.
만약에 내게 필요한 무엇인가를 찾는다고 할 때 수십 수백장이나 되는 글들을 일일이 클릭해 넘어다니라고 한다면 그냥 안하고 말 거다.

두번째는 폴딩치트 기능이 없다.
폴딩치트를 이용하면 글이 매우 간결해지고 스크롤링의 고통을 비교적 적게 느낀다.
다른 블로그들은 이미 폴딩치트 기능을 도입해서 글 쓰기의 아이콘이나 간단한 명령어를 통해 폴딩치트가 가능하지만 이글루스는 일일이 태그를 옮겨다 붙여야 한다.
나같으면 글 안쓰고 만다.

세번째는 댓글에 댓글을 다는 기능이 없다.
댓글에 댓글을 달 수 있게 되면 댓글들에 대한 내용을 보다 직관적으로 알 수 있게 된다.
뭐 꼭 필요하다거나 한 것은 아니지만 활동량이 많은 블로그일수록 무척 필요한 기능이다.
내글에는 댓글이 안달리므로 상관없긴 하다.

네번째는 카테고리의 폴딩기능이 없다.
카테고리의 폴딩기능은 소위 '굇수' 라거나 '뉴타입' 이라 불리우는 특수계층들만이 누리는 특권이며 다른 블로그를 뒤져봐도 직접 만든거 아니면 없긴 하다. 하지만 네이버 카페에 쓰이는 수준만 사용할 수 있어도 요거 무지무지 좋다는걸 느낀다.
우리들에게 7~8년째 이어오는 다음 카페식 카타고리 만들기를 강요하지 말고 좀 해주면 안될까?

tag : 항의

[얼음집 꾸미기]#5 본문 크기 키우기

ZlatA — Sun, 10 Feb 2008 12:26:13 GMT

오늘도 정신없이 올려봅니다...

이번에는 이글루스 본문의 크기를 1024x768 사이즈에 맞춰 늘려보겠습니다.
요즘 들락날락 거려서 많이 친근해졌을 css편집으로 이동합시다.

여기서 내용을 살펴보도록 하겠습니다.
(아래는 저의 스킨 css 정보에서 발췌했습니다..)

body {
margin: 0;
padding: 0;
text-align: center;
background: #000000 url(http://pds7.egloos.com/pds/200802/10/25/yoco01.png) 0% 100% no-repeat fixed;
font-size: 12px;
line-height: 1.5em;
}
a:link {}
a:visited {}
a:hover {}
a:active {}

hr.line { display: none; }/*system class*/

#container {
width: 1010px;
margin: 0 auto;
text-align: left;
background: url(http://pds9.egloos.com/pds/200802/10/25/clear4.png);
}

#header {
width: 1010px;
height: 240px;
position: relative;
margin: 0 auto;
background: url(http://pds9.egloos.com/pds/200802/10/25/fly6_01.png) right no-repeat;
}

#content {
float: right;
width: 820px;
text-align: center;
background: url(http://pds9.egloos.com/pds/200802/10/25/fly6_03.png) top right no-repeat;
}

#footer {
clear: both;
width: 1010px;
height: 20px;
}

..중략..
/* content 스타일 시작 */
#content div.post {
margin: 0 0px;
text-align: left;
}
#content div.post h2.postdate {}
#content div.post h3.posttitle {}
#content div.post p.postadmin {}
#content div.post div.content {
width: 780px;
overflow: hidden;
}
..중략..

css편집에서 위의 빨간 글씨처럼 바꿔주시면 간단하게 1024x768에 맞춰지게 됩니다.

이제 위의 수치에 대해 알아보도록 하겠습니다.

1은 #body의 폭입니다.
#body는 앞서 말씀드렸듯이 일반적으로 그림자 효과를 주기 위해 쓰입니다. 하지만 저는 찢어진 내지 표현을 위해 사용했으므로 1024x768해상도의 모니터에서 전부 보이게 하기 위해 1024의 크기로 맞추었습니다.

변경방법은 css란의 #body 내부에 있는 width: ~~px; 옵션을 수정해 주시면 됩니다.

2는 #container와 #header, #footer의 폭입니다.
#body와 #container의 폭의 차이를 통해 내지가 찢어진 표현을 넣을 예정이므로 #body보다 #container가 좀 더 작습니다. 저는 양쪽 폭에 약 7픽셀 가량의 효과를 넣을 예정이므로 도합 14픽셀이 작은 1010픽셀에 맞추었습니다.

변경방법은 css란의 #container와 #header, #footer의 내부에 있는 width: ~~px; 옵션을 수정해 주시면 됩니다.

#header, #footer의 폭은 레이아웃에 따라 각기 다르게 변동될 수도 있습니다. 저는 #container와 #header, #footer 모두 같게 맞춰주면 되는 레이아웃을 선택했으므로 동일하게 1010으로 맞춰 주었습니다.

3은 #sidebar의 폭입니다.
#sidebar는 레이아웃에 따라 #container의 좌, 우측 또는 전체에 맞춰서 정렬됩니다. #sidebar의 폭을 조절해 줄 수도 있지만 #sidebar안에 들어가는 메뉴들의 폭은 고정되어 있으므로 손대지 않는것을 추천합니다.

4는 #content의 폭입니다.
우리가 이글루스의 본문 크기를 늘리려면 바로 이 #content의 폭을 늘려야 합니다. #content와 #sidebar 두 항목의 폭의 합이 #container의 폭을 넘어가면 #sidebar가 하단으로 숨어버리는 사태가 일어납니다. 이점 유의하셔서#container의 폭 = #content와 #sidebar의 폭의 합 이 되도록 조정해 주세요.

변경방법은 css란의 #content 내부에 있는 width: ~~px; 옵션을 수정해 주시고,
/* content 스타일 시작 */ 란의 내부에 있는 항목 중

#content div.post div.content {
width: 780px;
overflow: hidden;
}

에서 width: ~~px;항목 또한 수정해 주셔야 합니다.

/* content 스타일 시작 */ 란의 폭을 수정하시지 않으면 본문이 표현되는 폭은 변하지 않습니다.

수고하셨습니다^^

tag : 스킨

[얼음집 꾸미기]#4 음악을 올리자!

ZlatA — Sat, 09 Feb 2008 13:20:06 GMT

아아.. 정말 힘들었습니다.
이글루스에 음악 올리기는 정말 ~~개지랄같이~~힘들군요..

거의 2일 밤/낮을 구글링하고 네이년 블로깅하고 티스토리 싸돌아다니고 기타 웹사이트를 뒤졌습니다.
대략 재생기만 3~4개를 거쳐갔군요...(각 재생기마다 시행착오를 5~8회씩은 했으니.. 정말 토나옵니다..)

다시는 ~~개지랄~~혼자서 찾아 헤메는 짓 하고싶지 않습니다.
그냥 할 줄 아는 사람에게 빌고 빌어서 달아달라고 하고 싶네요.

블로그에 음악을 올리기 전에 꼭 확인하실 것!

꼭 읽어보세요!!

절대로!! 저작권법에 위반되지 않아서 처벌이 없는것이 아닙니다!!!

그럼 두서없이 시작해 볼까요?

[블로그에 음악 파일 올리기]
배경음악 넣기의 첫번째는 역시 블로그 상에 음악을 올리는 것이지요.
이글루스는 최대 5Mb의 파일을 올릴 수 없습니다. 그리고 제가 소개해 드리는 프로그램은 mp3만을 재생할 수 있습니다. 따라서 여러분께서 준비해야 할 음악파일은 5Mb미만의 MP3파일 입니다.

파일을 올리려면 일단 얼음집에서 새 글을 작성하셔야 합니다.

새 글을 작성하실 때 유의점은 글을 비밀글로 하셔야 한다는 점입니다. 비밀글로 하시지 않으면 누구나 다 음악파일에 접근할 수 있게 되서 불특정 다수에게 음악파일을 제공하는 결과를 낳게 됩니다. 이건 뭐.. "개인 감상을 위해서 올렸습니다!!" 라고 선처를 바랄 수도 없게 되니까 주의하세요.

아래쪽 보시면 파일 추가 버튼이 있습니다. 이걸 눌러서 원하시는 음악 파일을 올려 주세요.
파일을 업로드 하시면 위의 이미지처럼 본문 작성내용중에 하이퍼링크로 하나, 첨부란에 주소로 하나가 추가됩니다.
파일을 여럿 올리시다가 하이퍼링크가 복잡하게 얽혔다면 지우셔도 무방합니다. 첨부파일은 첨부란에서 삭제를 누르시지 않는 이상 지워지지 않기 때문입니다.
하지만 첨부란의 파일 주소를 복사하려 할 경우 맨 뒤의 용량까지도 어쩔수없이 포함되게 되므로 하이퍼링크는 살리시는게 좋습니다.

음악 파일을 올리셨으면 주소를 따로 저장해두는것이 좋습니다.
주소를 복사하는 방법은 위에 보이는 것처럼 하이퍼링크 부분에 커서를 올려두시고 하이퍼링크 도구를 클릭하시면 새 창에 주소가 드래그되서 나옵니다. 이것을 복사하셔서 붙이시면 됩니다.

만약에 파일이 많다면 아래 첨부란을 드래그 한 뒤 복사하여

메모장을 실행시켜서 붙여놓으시고, 따라오는 용량 부분은 지우셔야 합니다.

[mp3플레이어 올리기]
mp3플레이어는 dewplayer를 사용할 예정입니다.
dewplayer는 3가지 버젼이 있고 모양새는 그리 다르지 않습니다만 실행파일이 다릅니다. 따라서 원하는 것을 다운받아 주세요.

dewplayer 다운받으러 가기

저는 이글루스의 메모장에 올려서 블로그 어떤곳을 서핑하든지 음악이 들리도록 할 예정입니다. 따라서 이글루스 메모장의 최대폭인 150을 감안해서 mini버전을 사용했습니다.

파일을 다운받으셨다면 아까 음악 파일을 업로드한 글에 업로드합니다.

이제 진짜로 올립니다.. 지금까지는 재료를 준비하는 과정이었죠^^
이글루스의 메모장 편집으로 들어갑니다.

블로그 상단에서 config에 들어간 다음

순서대로 클릭 해주세요.

그러면 메모장 편집이 나옵니다^^

메모장 제목은 적당히 넣어주시구요^^
그 밑의 메모장 내용에 테그를 넣을겁니다.

테그를 넣는 방법은 이렇습니다.

swf경로?mp3=mp3경로 옵션 width="200" height="20">
swf경로?mp3=mp3경로" 옵션 />

swf경로 에는 우리가 업로드했던 dewplayer의 경로(주소)를 넣어주시면 되고, mp3경로에는 올리신 mp3파일의 경로를 올려주시면 됩니다.
주의하실 점은 위와 아래의 밑줄쳐진 부분이 완전히 같아야 한다는 겁니다. 토씨 하나라도 틀리면 재생이 안됩니다(이것때문에 물좀 먹었습니다-_-).

옵션으로 자동재생을 넣으려면 &autoplay=1 랜덤재생을 넣으시려면 &random=1을 추가하시면 됩니다. 그리고 mp3경로와 붙여 쓰셔도 됩니다.
역시 주의하실 점은 위 아래 옵션부분 모두에 똑같이 적용하셔야 한다는 겁니다. 그리고 위의 width옵션과는 한칸을 띄우셔야 합니다.

width옵션은 자신이 올리는 플레이어의 속성을 확인하시고(위의 dewplayer 다운사이트에서 확인) 적어주시면 됩니다.

여러 파일을 올리려면 mp3파일 경로 사이에 |를 붙여주시면 됩니다.
예를 들자면 http://~~~~1.mp3|http://~~~~~2.mp3|http://~~~~3.mp3 와 같게 해주시면 됩니다.

한 글에만 올리시려면 html입력 탭을 누르셔서 붙여넣으시면 됩니다.

수고하셨습니다^^

글을 쓰는데 이곳의 도움을 많이 받았습니다. 주인장님께 심심한 감사를 보냅니다.

tag : 스킨, mp3