각종 팁&정보를 나누는 곳입니다.
누군가에게 도움이 된다 싶으시면 언제라도 포스팅 :)
글 등록하기 | 내글 관리하기 | 연재글 | 보관함
이온디
첨부파일 https://imweb.eond.com/webtip/218446

ncloudblog님의 스킨입니다. 날짜 부분이 보시다시피 다른 스킨과 다른 부분이 있는데요,
이 부분을 나타내는 방법에 대해서 알려드리겠습니다.

재료는 ncloudblog님의 simple.js 파일이 필요하고요,
티스토리에 simple.js 파일을 ./images/ 폴더 안에 넣어두시고,
skin.html 파일에서 아래 코드를 삽입합니다.

<script language="javascript" src="/images/simple.js"></script>

그리고 위와 같이 날짜를 나타내고자 하는 부분에 다음을 추가시켜줍니다.

<script type="text/javascript">write_calender("[##_article_rep_date_##]");</script>

스타일은 적당히 <div style="원하는 스타일">..</div>로 감싸고 만드시면 되겠네요.

simple.js
참고로 제가 사용한 class는 다음과 같습니다.

    .entry .calendar { float:left; width:42px; height:46px; background:url(./images/entry_calendar.gif) no-repeat 2px 1px;  }
    .entry .calendar .content_title_calender_month { color:#f0f0f0; font:9px Tahoma; margin-top:4px; text-align:center; width:35px;}
    .entry .calendar .content_title_calender_day   { color:#b9b7b7; font:bold 14px Tahoma; margin-top:4px; text-align:center; width:35px; }

content_title_calender_month과 content_title_calender_day는 simple.js 에 정의되어 있어서 이렇게 한 것인데
simple.js에서 class명을 수정하면 css에서도 수정해서 써주셔야 됩니다.
코멘트 1
접기/펴기 | 댓글 새로고침
  • Grace*
    꼭 필요했었는데^^ 감사합니다
    오후 07:14
    댓글
    수정
    삭제
 
 
Total 683 articles in 28 / 57 pages
번호 제목 제목 조회 수 날짜날짜
359 [웹로그] DB 백업&복원 6533 2010/08/17
358 [웹로그] 토트 블로그 이용하기 [1] 7508 2010/08/17
357 [웹로그] 토트의 세계에 오신것을 환영합니다! 7179 2010/08/17
356 [웹로그] 웹서비스들. 5799 2010/02/28
355 [웹로그] 홈페이지 운영의 지침 파일 7264 2010/02/24
354 [하드웨어] 노트북 키맵핑 10952 2009/12/17
353 [하드웨어] 백신 프로그램 뭘 사용할까 7927 2009/12/02
352 [웹로그] 이온디 웹디벨로퍼 6250 2009/11/15
351 [하드웨어] 웹캠(PC캠, 화상채팅 캠) 사기 [1] 10038 2009/11/14
350 [하드웨어] USB가 고장났다. 9512 2009/11/06
349 [하드웨어] 지오 공유기 설정방법 14469 2009/10/30
348 [하드웨어] 삭제되지 않는 Input Direct 8048 2009/10/28

해시태그 디렉터리

지금 이순간

오늘의 핫게시물