Error!! Could not load style.css


    

미디어로그

얼마전 티스토리에서 화면의 너비에 따라 2단, 3단으로 바뀌는 Moving Box라는 스킨을 만들어 배포한것으로 압니다.
배포된지 얼마 되지 않았는데도 실용성과 디자인덕분인지 사용하시는 분이 많은거 같습니다.
저도 스킨개발을 위한 서브블로그에 적용시켜 보니 이쁘네요.

그런데 한가지 문제가 있습니다. 글을 쓴 날자를 이쁘게 달력스타일의 이미지로 바꿔주는 부분이 있는데 페이지를 읽어들일때 잠깐 날자가 택스트로 보였다가 사라지면서 이미지로 보이는 겁니다. 이부분은 자바스크립트로 처리하더군요.
사용자 삽입 이미지

이부분 말입니다.

크게 신경을 쓰지 않는분도 계시겠지만 다른 스크립트도 로드를 많이 하시는 분은 상당히 신경이 쓰일만한 부분이라고 생각합니다.

도아님께서 스킨을 바꾸시면서 이 부분이 약간 맘에 안드신다는 글을 보고 해결방법을 생각해 보았습니다.

해당부분을 처리하는 자바스크립트가 약간 복잡하여 간소화시키고 개선해 보았습니다.

1. 스킨의 skin.html 해더부분의 자바스크립트 imgData함수를 찾아 다음과 같이 바꿔줍니다.
function imgDate(dateValue) {
var splitDate = dateValue.split("/");
var splitDate2 = splitDate[2].split(" ");
var dateMonth = splitDate[1];
var dateDay = splitDate2[0];

document.write('<img src="./images/mon'+dateMonth+'.gif" />');
document.write('<img src="./images/'+dateDay+'.gif" />');
}

그리고 바로 아래 pageLoad함수에서 imgDate();를 지우세요.
function pageLoad(){
initLayoutInfo();
}

2. style.css 에서
.article_head .date_image {float:left;}
이부분을 아래와 같이 바꿔줍니다.
.article_head .imgdate {float:left; width:49px; height:53px;}


3. skin.html에서
<span class="imgdate">[\##_article_rep_date_##]</span>
이부분을 모두 찾아서 (총 두군데) 아래와 같이 바꿔줍니다.
<span class="imgdate"><script type="text/javascript">imgDate('[#\#_article_rep_date_##]');</script></span>

잘 안되신다면 천천히 따라해 보세요.
저작권 안내
  • 이 글의 내용 전체를 복사해서 다른 곳에 게시하는 것을 금합니다.
  • 이 글의 주소를 알려주거나 링크하는 것만 허용합니다.
  • 이 글의 일부를 인용하는 것은 허락하되, 반드시 원 저작자출처를 표기해야 합니다.
  • 이 글을 영리목적으로 이용할 수 없습니다.
  • 위 조건들을 만족한다면 별도의 허락을 받지 않아도 됩니다.
  • 자세한 사항 및 부칙, 예외 등은 여기를 참고하세요.
이 글을 추천해 주세요!
  • 블로그코리아에 블UP하기


엮인글보내기 주소 : http://jugug.net/trackback/101
  1. 텍스트큐브 스킨을 Moving Box 1단으로 바꿉니다

    FROM 도아의 세상사는 이야기 2008/05/12 09:41  삭제

    오랜 만에 스킨을 바꾸었습니다. 이전에 사용하던 스킨은 FOTOWALL 님이 만든 스킨을 HLDEC 님이 바꾼 fotowall 104였습니다. 원래 깔끔한 디자인에 반해 태터툴즈 시절부터 지금까지 사용해 왔습니다. 간단한 디자인을 좋아하기 때문에 그동안 별 불만없이 잘 사용해 왔습니다. 그러던 중 mepay 님이 진행하는 도토리나무 프로젝트 블로그 에 방문했다가 상당히 깔끔한 블로그 스킨을 발견했습니다. 확인해 보니 Moving Box(Green)...


악플은 NO! 스팸도 NO! 여러분의 댓글이 글의 가치를 높입니다.
  1. BlogIcon BLUE'nLIVE 2008/05/11 15:52  댓글주소  수정/삭제  댓글

    이것도 잘 쓰겠습니다.
    제 블로그 스킨도 이 놈으로 써볼까 고민중이었거든요. ^^;;;

  2. BlogIcon 도아 2008/05/12 09:42  댓글주소  수정/삭제  댓글

    덕분에 잘 해결했습니다. 다만 희주님 덕에 제가 더 게을러 질 것 같습니다. 스킨을 바꾸면서 나중에 처리하려고 했던 부분인데 이렇게 알아서 해결을 해주시니...

  3. BlogIcon 석호필드 2008/05/24 14:59  댓글주소  수정/삭제  댓글

    감사합니다. 좀 거슬렸는데.. 말끔히 수정하셨네요 ^^

  4. lyoun81 2008/05/30 23:31  댓글주소  수정/삭제  댓글

    혹시 희주님 D2 cafe의 희주님이신가요?^^;;;

    그냥 반가워서...끄적끄적... ^^;;;

  5. BlogIcon Karion 2008/06/04 01:53  댓글주소  수정/삭제  댓글

    덕분에 잘 고쳤네요. 그런데 사이드바2가 늦게 뜨는 현상은 혹시 방법이 없을까요;

    • BlogIcon 희주 2008/06/04 15:22  댓글주소  수정/삭제

      그것까지는 모르겠습니다.
      제가 고칠 생각도 없구요

    • BlogIcon sayno 2008/06/08 16:48  댓글주소  수정/삭제

      저도 처음에는 그 사이드바가 자동으로 변환되는것 때문에 이 스킨을 사용했었는데.. 제 브라우저에서만 그러는지 어떤지는 모르겠는데 사이드바 변환될때 에러가 종종 떠서 결국 고정시켜버렸었죠..;