각종 팁&정보를 나누는 곳입니다.
누군가에게 도움이 된다 싶으시면 언제라도 포스팅 :)
글 등록하기 | 내글 관리하기 | 연재글 | 보관함
이온디
첨부파일 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 126 articles in 9 / 11 pages
번호 제목 제목 조회 수 날짜날짜
30 [웹로그] 사이트바 디자인 모음 파일 6952 2009/08/12
29 [웹로그] 내가 사용하는 프로그램 6789 2009/09/11
28 [웹로그] 이온디 파비콘 만들기 6973 2009/09/11
27 [웹로그] 애드센스 6377 2009/09/19
26 [웹로그] 이온디 웹디벨로퍼 6250 2009/11/15
25 [웹로그] 홈페이지 운영의 지침 파일 7264 2010/02/24
24 [웹로그] 웹서비스들. 5799 2010/02/28
23 [웹로그] 토트의 세계에 오신것을 환영합니다! 7179 2010/08/17
22 [웹로그] DB 백업&복원 6533 2010/08/17
21 [웹로그] 해당 디렉토리의 하위 디렉토리별 용량 알아보기 11016 2010/08/17
20 [웹로그] 토트 블로그 이용하기 [1] 7508 2010/08/17
19 [웹로그] 토트 사용기(2) 파일 9174 2010/08/18

해시태그 디렉터리

오늘의 핫게시물