모바일메뉴

EOND

검색
마이페이지
컨텐츠 관리 시스템(CMS) 웹팁 소프트웨어팁
웹팁
-
가
+
[웹로그] ncloudblog님의 스킨 날짜 부분 따라하기 1
이온디
2007.11.21 12:02
0
https://eond.com/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에서도 수정해서 써주셔야 됩니다.
0
0

라이믹스는 이온디와 함께

목록
신고 스크랩

댓글 1

댓글작성칸으로
  • Grace*
    2009.03.19 19:14
    베스트
    링크복사
    꼭 필요했었는데^^ 감사합니다
    0
    0
웹팁
전체 리눅스서버 윈도우 윈도우서버 가상윈도우 Apm 웹 제작 사이트관리 텔넷 MySQL 웹로그 모바일 브라우저 엑셀 워드프로세서 포토샵 유틸리티 네트워크 데스크탑/액세서리 미디어/녹음·재생 메신저 백신/악성코드/보안 파일관리/압축 CGI PHP 하드웨어 메뉴얼 X61 기본 생활 뉴스 기타 리더 GitHub 사무 Nginx jQuery 아임웹
-
가
+
27 28 29 30 31 32 33 34 35 36
메뉴닫기
profile
로그인 해주세요.
자유게시판 글쓰기 저장함 쪽지
전체글보기 인기글 인기멤버 태그

전체 게시판

닫기

마이페이지

로그인을 해주세요

ID/PW찾기 회원가입