여름 방학이 시작했지만, 요 일주일간 너무나도 더운 날씨에 아무것도 못하고, 고작 한것이라곤 거의 완성된 LMV2를 마저 완성한 것 정도...
이번 여름 방학의 목표는...
1. 공업 수학
2. LaTeX
3. Python
이 세가지를 공부할 것인데, 시간이 될지 모르겠다.
우선순위도 역시 1, 2, 3이니, 우선은 공업 수학부터 시작..
그리고 텍스트큐브가, 어제 릴리즈될 것이라고 하여 하루종일 기다리다가 결국 잠들고, 오늘 아침에 보니 릴리즈가 되어있어 일단 업데이트.
아마 당분간은 그냥 이 기본 스킨을 쓰든지, 아님 다른 사람의 스킨을 쓰든지 해야 할 듯하다.
시간 나면 다시 스킨만들어 봐야지..
글 검색 결과
- 2007/08/16 할 것들?
- 2007/03/12 리뉴얼 (2)
- 2007/02/20 xylosper's note 1.1 공개 (9)
- 2006/06/12 리뉴얼
리뉴얼
한국와서 할일도 없고 놀다가 스킨을 새로 만들었다.
코르크판이 너무 지저분하다-_-;
p.s. 혹시 이상하게 보이는 분은 새로고침을 눌러주세요.
코르크판이 너무 지저분하다-_-;
p.s. 혹시 이상하게 보이는 분은 새로고침을 눌러주세요.
- 이 글의 트랙백 주소
- http://xylosper.net/trackback/65
xylosper's note 1.1 공개
태터툴즈의 사용자공간에도 올려놓았지만...제 블로그에도 올려두는게 나을 듯하여 적습니다.

노트분위기를 낼려고 만들어 봤습니다.
버전이 1.1이라는 것은 1.0도 있다는 것인데, 지금보다 더 허접하여 1.1이 되어서 공개합니다.-_-;;
본인 홈페이지에 방문자가 별로 없어, 다양한 상황에서의 테스트가 이루어지지 않았기 때문에 100% 제대로 돌아간다고 보장할 순 없습니다.
1.1.1 기준으로 만들어져있으며, 사이드바기능도 이용할 수 있습니다.
스킨만 두고서는 xhtml1.1 유효성 통과가 가능하기 때문에, 사이드바에 xhtml1.1 유효성 통과 배너를 넣어두었습니다만, 필요없거나, 플러그인등 때문에 유효성 통과가 불가능한 경우는 사이드바 설정에서 제거하시면 됩니다.
그리고 처음에는 그냥 사이드바의 내용이 다닥다닥 붙어서 나올꺼라고 생각됩니다.
플러그인중에 사이드바에 공백을 넣어주는 플러그인을 이용하여 적당히 벌려주세요.
처음에는 그냥 margin넣었었는데, 이쪽이 좀더 유연할 듯하여 margin을 걍 빼버렸습니다.
최상단의 xylosper's notebook 이라는 이미지는 images/title.jpg 파일입니다.
적당히 이파일을 수정하면 상단 이미지가 변경됩니다.
블로그 제목을 텍스트로 내고 싶은 분은
<!-- header start -->
<div id="header">
<h1><a href="[##_blog_link_##]"><img src="./images/title.jpg" alt="[##_title_##]" width="500" height="65" /></a></h1>
</div>
<!-- header close -->
이부분에서, <img src="./images/title.jpg" alt="[ ##_title_##]" width="500" height="65" /> 를 [ ##_title_##]로 바꾸고, 적당한 스타일을 입혀주시면 됩니다.
마지막으로, 현재 컨텐츠 폭은 500픽셀로 맞추어져 있습니다만, 이미지를 올릴 경우, 주변의 테두리 때문에, 이미지는 최대 488로 해주어야 레이아웃을 벗어나지 않습니다.
매번 이미지 크기 지정해주는게 귀찮으신 분은 style.css 파일을 여셔서, .imageblock 을 다음과 같이 내용을 지우거나 주석처리해주세요.
(변경전) .imageblock { background-color:#eee; border:1px solid #ddd; padding:5px; margin:5px 0; }
(변경후) .imageblock { /*background-color:#eee; border:1px solid #ddd; padding:5px; margin:5px 0; */}

노트분위기를 낼려고 만들어 봤습니다.
버전이 1.1이라는 것은 1.0도 있다는 것인데, 지금보다 더 허접하여 1.1이 되어서 공개합니다.-_-;;
본인 홈페이지에 방문자가 별로 없어, 다양한 상황에서의 테스트가 이루어지지 않았기 때문에 100% 제대로 돌아간다고 보장할 순 없습니다.
1.1.1 기준으로 만들어져있으며, 사이드바기능도 이용할 수 있습니다.
스킨만 두고서는 xhtml1.1 유효성 통과가 가능하기 때문에, 사이드바에 xhtml1.1 유효성 통과 배너를 넣어두었습니다만, 필요없거나, 플러그인등 때문에 유효성 통과가 불가능한 경우는 사이드바 설정에서 제거하시면 됩니다.
그리고 처음에는 그냥 사이드바의 내용이 다닥다닥 붙어서 나올꺼라고 생각됩니다.
플러그인중에 사이드바에 공백을 넣어주는 플러그인을 이용하여 적당히 벌려주세요.
처음에는 그냥 margin넣었었는데, 이쪽이 좀더 유연할 듯하여 margin을 걍 빼버렸습니다.
최상단의 xylosper's notebook 이라는 이미지는 images/title.jpg 파일입니다.
적당히 이파일을 수정하면 상단 이미지가 변경됩니다.
블로그 제목을 텍스트로 내고 싶은 분은
<!-- header start -->
<div id="header">
<h1><a href="[##_blog_link_##]"><img src="./images/title.jpg" alt="[##_title_##]" width="500" height="65" /></a></h1>
</div>
<!-- header close -->
이부분에서, <img src="./images/title.jpg" alt="[ ##_title_##]" width="500" height="65" /> 를 [ ##_title_##]로 바꾸고, 적당한 스타일을 입혀주시면 됩니다.
마지막으로, 현재 컨텐츠 폭은 500픽셀로 맞추어져 있습니다만, 이미지를 올릴 경우, 주변의 테두리 때문에, 이미지는 최대 488로 해주어야 레이아웃을 벗어나지 않습니다.
매번 이미지 크기 지정해주는게 귀찮으신 분은 style.css 파일을 여셔서, .imageblock 을 다음과 같이 내용을 지우거나 주석처리해주세요.
(변경전) .imageblock { background-color:#eee; border:1px solid #ddd; padding:5px; margin:5px 0; }
(변경후) .imageblock { /*background-color:#eee; border:1px solid #ddd; padding:5px; margin:5px 0; */}
- 이 글의 트랙백 주소
- http://xylosper.net/trackback/59
-
- seevaa @ 2007/02/20 21:21
-

-
고맙습니다. xylosper님 덕에 많이 배웁니다. ㅋㅋ
질문이요 유효성검사를 해봤는데요
The Unicode(Byte-Order Mark) found in UTF-8 File.
UTF-8로 인코딩되어있는데 유니코드가 발견되어 문제가 있다는 거겠죠?
UTF-8 도 유니코드도 뭔지 모르는 저로서는;(이런 무식쟁이;;;)
시간나시면 좀 알주세요~(넘 뻔시럽나??ㅋ)
테터툴즈가 UTF-8로 인코딩되어있나요?
가끔 사진을 다른이름으로 저장할때 원래확장자가 아닌 bmp로 뜨는 거랑 상관있나요?-

- xylosper @ 2007/02/20 21:27
-

-
보통 유니코드라고 불리는 것도, 사실은 그 종류가 다양합니다.
그래서 그것을 구분하기위해서 문서의 제일 앞에, 실제로 문서의 내용에는 나타나지 않는 마크를 넣는데, 그것을 바이트 오더 마크(BOM; Byte Order Mark)라고 합니다.
혹시 스킨 파일을 저장하실때, 인코딩 방식을 utf-8이 아닌, '유니코드', '유니코드(Big Radian)', 유니코드(Little Radian)을 지정하신게 아닌지요..?
웹표준에서 지정한 유니코드 인코딩 방식은 utf-8이고, 아마 charset도 utf-8로 잡혀있을 것 같습니다.
그러니 스킨파일을 저장할때 인코딩을 utf-8로 지정하여 다시 저장해보시고 확인해보세요.
그림파일 확장자문제는 잘 모르겠지만, 무관할 것같습니다.
-
-
- seevaa @ 2007/02/20 22:04
-

-
메모장에서 저장할때 그렇게 하고 올렸는데도
그대로 저 문구가 나오는 군요;;
xylosper님이 말씀하신건 알아 듣겠는데, 그냥 패쓰해야겠어욬ㅋㅋㅋ
괜히 귀찮게 해드렸네요;; 감사합니다.-

- xylosper @ 2007/02/20 22:59
-

-
천만의 말씀입니다.
저도 전에 utf-8로 저장해서 올렸을때 그런 메시지를 받았던 적이 있는데, 지금 정확히 어떻게해서 제대로 돌아갔는지 기억이 잘 안나네요...
한번 다시 저장해서 올려보시고 확인해보세요-_-;;
별도움이 안되 죄송합니다.
-

- xylosper @ 2007/02/20 23:01
-

-
참, 그리고 직접 소스를 복사해서 붙여넣어도 유효성 검사는 가능하니, 일단 그렇게 해보세요.
소스를 집어넣는건 스킨파일의 소스가 아니라, 실제 웹상에서 보이는 페이지의 소스를 소스보기 등으로 열어서, 그것을 복사해서 붙여넣어야 제대로 될겁니다.
-
-
- 나그네 @ 2008/03/11 17:52
-

-
님스킨 정말 잘쓰고 있습니다. 스킨디자인이 맘에들어 사용했는데... 스크롤등 느려지는 현상이 있어 고민하다 원인을 찾기로 했습니다. 파이어폭스에서는 잘되는것으로 봐서 IE 7.0에서만 그런듯하기도 하구요..
이리저리 스타일시트를 수정해보다. underline.gif를 조금 손을보니 훨씬 개선이 되더군요... 이미지 width를 660으로 늘렸습니다. ^^;
그럼 즐거운 하루되세요~-

- xylosper @ 2008/03/25 20:39
-

-
저도 그런 문제를 겪었습니다.
사실 전 주로 쓰는 브라우저가 파이어폭스인지라, 만드는 도중엔 익스에서 제대로 표시되는지만 확인했지, 그런 버벅이는 문제가 있는지는 확인을 못했거든요.
그러다가 이 스킨을 쓰는 다른분의 블로그를 우연히 익스로 보다가 알게 되었지요.
그래서 임시 방편으로 그냥 글 뒤의 뒷줄을 표시안하게 했더니 버벅이지 않게 되었었는데, 길이를 길게 했더니 해결되었다니 다행입니다.
아마도 IE에서는 반복배경을 표시하는게 느린가보네요.
아무튼 잘 쓰고 계신다니 다행입니다.
-
-
- 박동섭 @ 2008/06/23 17:28
-

-
공개해주신 스킨은 유용하게 잘 사용하고 있습니다.
감사합니다.
그런데, 오늘 갑자기 문제를 일으키네여...
운영서버에서 잘 나오던 스킨이 갑자기 깨지더라구요.
개발서버에서는 너무 잘나오는데....
그래서 두 스킨 파일을 비교하니 전혀다른점이 없었구여.
혹시나 하는 맘에 개발서버 스킨 파일을 운영서버에 덮어쓰니 제대로 나오네여.^^;;;;
무슨 이유인지여...???-

- xylosper @ 2008/06/23 17:29
-

-
권한이나 경로 문제가 아닌가 정도만 추측해볼수 있을거 같은데, 그것만으로는 잘 모르겠네요.
아무튼 해결되셨다니 다행입니다.
-
add
- 댓글 남기기
리뉴얼
최근에 CSS를 공부하고, 태터의 스킨을 만들어 보았다.
사실 스킨 만들려고 CSS공부했다.
처음에는 완전 백지에서 시작할 계획이었기에, 이리저리 메뉴얼등을 참고하면서 작성하기 시작했다.
하지만, 태터의 스킨구조가 파악이 안되있었기 떄문에, 곧 원래 있던 기본 스킨을 따라서 쓰고 있는 자신을 발견 orz
결국 기존에 쓰던 태터 스킨의 구조를 좀 바꾸고, CSS를 새로 쓰는 방법으로 만들었다.
그 결과가 지금의 스킨.
솔직히 맘에 안든다. 너무 디자인이 허접하다. 하지만 디자인실력은 원래 그러한 것을 어찌하리오.
그래도 작은 아이콘부터 내가 만든 처음 스킨이라는 점에서 쓰기로 결정.
아...숙제 해야되는데 지금 뭐하고 있는 건지...
사실 스킨 만들려고 CSS공부했다.
처음에는 완전 백지에서 시작할 계획이었기에, 이리저리 메뉴얼등을 참고하면서 작성하기 시작했다.
하지만, 태터의 스킨구조가 파악이 안되있었기 떄문에, 곧 원래 있던 기본 스킨을 따라서 쓰고 있는 자신을 발견 orz
결국 기존에 쓰던 태터 스킨의 구조를 좀 바꾸고, CSS를 새로 쓰는 방법으로 만들었다.
그 결과가 지금의 스킨.
솔직히 맘에 안든다. 너무 디자인이 허접하다. 하지만 디자인실력은 원래 그러한 것을 어찌하리오.
그래도 작은 아이콘부터 내가 만든 처음 스킨이라는 점에서 쓰기로 결정.
아...숙제 해야되는데 지금 뭐하고 있는 건지...
- 이 글의 트랙백 주소
- http://xylosper.net/trackback/14
add
- 댓글 남기기








xylospers_note11.zip








