Disturbed Angel _ Sung YuJin

지난 번 스킨의 가로폭을 수정 하고 나서 부터 포스팅을 할때 마다 불편한 점이 한가지 있었다. 이유를 알수 없어서, 원래 그런건가 보다~ 하고 넘어갔었는데, 티스토리의 새로운 에디터 기능을 경험해 본 뒤로 이 문제를 수정할 수 있겠구나~ 하는 생각을, 생각만 하고 있었다.

문제를 해결해 볼까~ 하고, 스킨을 좀 들춰 봤는데, wysiwyg.css 를 만들기 위한 내 코드 이해 능력이 워낙 저 멀리 있다 보니, 어쩔 수 없이 또 누군가에게 도움을 요청 해야 했다.
이번에는 내가 사용하는 스킨을 개발해 주신 hi8ar 님 (하이바님) 께 직접 도움을 요청했다.
조금 민망한 요청이기도 했다. 기껏 스킨을 만들어서 공개해 줬더니, 2년이 다 되어 가는 스킨을 A/S 해달라고 조르는 격이라...,
조심 스럽게 방명록에 적은 글에 hi8ar 님은 새벽 2시가 넘어서 답글을 남겨 주셨다.

답글에는 스킨을 수정 하면서 실 수 했던 부분과 wysiwyg.css 코드를 직접 만들어 올려 주셨는데, 지금 적용된 에디터로 글을 쓰면서 이미지 삽입에 대한 테스트를 하고 있다.


위에 이미지는 720px 정확히는 722px 정되 되는 이미지 인데, 에디터에서 삽입 했을땐 715 정도만 화면에 보여진다.
하지만, 미리보기로 확인해 본 이미지는 100% 표시되고 있다.
즉, wysiwyg.css 적용도 hi8ar 님이 만들어 주신 파일 그대로 적용해서 성공했고, 스킨에 잘못된 부분도 지적해 주셔서 수정이 됐다.

미천한 사용자에게 신경써 주셔서 다시 한번 감사드립니다. ~~ @.ㅜ

스킨
sungyujin.com 블로그는 hi8ar 님의 티스토리용 스킨을 적용한 것이다.

이 스킨이 전체적으로 마음에 들었는데, 어떤 이유에선지 익스플로서에 왼쪽 하단에는 오류 메세지가
계속 해서 뜨는 걸 어찌 할 수 없었다.

오류라고 해봐야 블로그 사용하는데에는 전혀 영향이 없었지만,
좀 눈에 거슬린다고 할까!
마우스 커서가 메뉴나 링크 표시에 올라가면 익스플로러 하단 상태표시줄에 오류 메세지가 표시됐다.

일단 사용에는 전혀 문제가 되지 않아서 무시하고 있었는데, 어느날 문득 또 눈에 거슬리기 시작해서
hi8ar 님의 블로그에 글을 남겼다.
그런데, 하루나기™ 님이 우연히 보시고는 방명록에 수정사항을 알려 주셨다.

이유는 스위트 박스 라는 것 때문이였다.
원래 마우스 커서가 링크 위에 가면 작은 창이 뜨는 것이 정상적인 스킨에 동작이였다.

위에 그림 처럼 사각형 반투명 팝업창이 뜬다.



이때 주의해야 할 내용은 위에 박스 안에 보이는 태그중 " [ " 와 " ] " 는 " < "와 " > " 로 바꿔 줘야 한다.
addEvent.js, sweetTitles.css, sweetTitles.js 는 스킨 제작자님이신 hi8ar 님에 테터용 공개 자료에서
다운 받을 수 있다.

아~! 위에 글은 하루나기님에 알려주신 방법을 기록해 둔 것으로, 개인적으로 html 이니 CSS 니 하는 것들을
맘대로 수정하고 한건 아니다. (그럴 실력이 없으니...)