각종 팁&정보를 나누는 곳입니다.
누군가에게 도움이 된다 싶으시면 언제라도 포스팅 :)
글 등록하기 | 내글 관리하기 | 연재글 | 보관함
이온디
첨부파일 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 7 / 57 pages
번호 제목 제목 조회 수 날짜날짜
611 [리눅스서버] [리눅스] sftp 사용방법 100 2017/03/26
610 [엑셀] 오류 해결~! 파일 100 2019/02/04
609 [리눅스서버] Secure Copy (SCP) 사용법 103 2017/03/31
608 [텔넷] SSH 파일 생성 104 2016/02/03
607 [리눅스서버] upstream 500 에러 105 2017/03/18
606 [GitHub] 다른 깃헙 가져오기 cli 106 2022/01/23
605 [기타] WidgetBot - 디스코드 채팅 방을 블로그에 달자! 파일 106 2023/05/04
604 [리눅스서버] crontab 사용방법 107 2017/07/26
603 [메신저] 카카오톡 알림톡 개발하기 #1 109 2023/08/01
602 [윈도우] Windows 8.1 인증 110 2015/07/05
601 [엑셀] [엑셀] ​원하는 날짜에 해당하는 항목값의 갯수 추출하기 파일 110 2019/10/12
600 [GitHub] git의 .gitignore 사용방법 파일 111 2021/12/29

해시태그 디렉터리

지금 이순간

오늘의 핫게시물