티스토리가 새로운 에디터 적용후 많은 변화가 있지만 그 중 한가지인 에디터에 wysiwyg.css를 적용해 글쓰기 환경을 스킨과 똑같이 맞춰 볼수 있다는거다. 스킨과 동일한 에디터스킨은 미리보기버튼을 눌러서 확인해보는 번거로운 일을 없애줌으로써 생각보다 편리한데 이게 티스토리제작 스킨에는 이번에 모두 업데이트 되었지만 본인처럼 스킨을 다운받아 마구잡이로 수정해서 사용하는 사람에게는 해당사항이 없다는거... 결국 스킨 가이드를 보고 스스로 만들어서 해결해야 한다는 문제가 본인에게 생김 아마 태터나 텍스트큐브 스킨을 업로드해서 사용하는 사람들은 다 비슷하지 않을까 생각해 보는데...;;;;;
wysiwyg.css기능은 베타 테스트때 이미 사용해본 기능이지만 베타때는 테스트라 따로 스킨을 만들어서 사용해서 이 스킨에 적용해보지 못했다. 이번에 티스토리가 새버전을 오픈하면서 기존에 스킨테스트용 블로그에 있던걸 이 블로그에 다시 적용 마침 이 스킨의 원제작자인 hi8ar님의 블로그에 가보니 wysiwyg.css의 내용이 있어 그것을 다시 내 스킨에 맞게 완전히 변경 사실 제목부분과 이미지배경외엔 큰 차이가 없지만 이 스킨을 기본형태로 사용하는게 아니라 내 입맞에 맞게 마구잡이로 수정을 했던지라 본인 스킨에 맞춰 다시 작성후 재업로드 해보니 처음엔 안되어서 혼자 고민 구버전에서 파일업로드한건 자동 적용이 안되더라는 적용 버튼 누른후 새에디터로 들어와보니 이미 적용되어 있었다.
wysiwyg.css 적용후 에디터
이제 미리보기 버튼을 누를 이유가 없어졌다. 이번에 수정하면서 스킨에 배경이미지를 추가하구 상단의 이미지를 살짝 바꿔봤다. 아무래도 한동안은 다시 스킨을 바꿀 이유가 없을듯하다.
한가지 오류라면 이 스킨은 날짜 부분이 자바스크립트에서 처리되는지라 css에서로 불러올 방법이 없어 날짜부분 표시만 나오지않고 일단 스킨과 에디터의 환경을 모두 맞췄는데 욕심이 생겨 날짜를 모두 이미지처리로 바꿀려다 손대야 할 부분이 너무 많아져 버려 그냥 포기. 지금으로 그냥 만족해야겠다. 완성후에 저장한다음 css랑 skin.html에 있는 코드를 복사해 보니 이래저래 마구잡이로 생각날때마다 수정했더니 코드자체가 완전 누더기 같이 되어 있어서 정리한답시고 하다 스킨 날려버림 휴일날 이게 무슨 또라이 짓인지.....
다행히 저장해둔게 있어 바로 불러왔는데 wysiwyg.css가 적용전 스킨 다시 작성 후 이제 더 손안대기로 마음먹고 포스팅 혹시나 동일한 스킨을 사용하시는 분들은 이 코드를 수정해서 사용하셔도 될듯해 소스를 올려놓습니다.
참고로 이 스킨은 본문 부분은 750px로 맞춰져 있는 상태이고 배경이미지를 사용하고 있습니다.
스킨의 폭은 index.xml에서 <contentWidth>750</contentWidth> 저부분을 자신의 스킨폭과 맞게 고쳐 사용해야 합니다.
소스파일을 첨부해두니 참고하세요.
wysiwyg.csswysiwyg.css 코드 부분을 공유해주신 hi8ar님게는 감사를.... 이제 스킨은 더 이상 손대지 말아야 겠다.
반응형
'Tech > IT,인터넷' 카테고리의 다른 글
| 티스토리 스킨의 몇가지 TIP. (66) | 2008.12.15 |
|---|---|
| 모니터가 좁다고 느낄때 편리한 멀티 바탕화면. (40) | 2008.08.28 |
| 다음영화 검색과 다음 항상 미묘한 2%가 아쉽다. (19) | 2008.08.10 |