CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

웹기술을 같이 공유합니다

Home WEB 웹팁

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에서도 수정해서 써주셔야 됩니다.
 
댓글은 로그인 사용자만 작성 가능합니다. 로그인하기