웹디자인-티스토리테마

달력

달력의 년월일, 이전달, 다음달을 표시하는 스타일

클래스 명

  • .cal_month { }

이미지 보기

사용 예

.cal_month{
    font-size:0.85em;
    height:18px;
    font-weight:bold;
}

달력의 요일명을 표시하는 스타일 (th 영역)

클래스 명

  • .cal_week1 { }

이미지 보기

사용 예

.cal_week1{
    font:0.95em dotum;
    height:18px;
    font-weight:normal;
}

일요일이라는 요일명을 표시하는 스타일 (th 영역)

클래스 명

  • .cal_week2 { }

이미지 보기

사용 예

.cal_week2{
    font:0.95em dotum;
    color:#f30;
}

달력의 주(Week) 단위를 표시하는 스타일 (tr 영역)

클래스 명

  • .cal_week { }

이미지 보기

사용 예

a.cal_week{
    background-color:#fff;
}

달력의 현재 주(Current Week)를 표시하는 스타일 (tr 영역)

클래스 명

  • .cal_current_week { }

이미지 보기

사용 예

.cal_current_week{
    background-color:#eee;
}

현재 달을 포함하는 전체 날짜(Day)의 스타일 전체 (td 영역)

클래스 명

  • .cal_day { }

이미지 보기

사용 예

.cal_day{
    font-size:0.85em;
    color:#999;
    text-align:center;
}

현재 달을 포함하는 전체 날짜의 일요일 스타일 (td 영역)

클래스 명

  • .cal_day_sunday { }

이미지 보기

사용 예

.cal_day_sunday {
    color:#f30 !important;
}
.cal_day_sunday a{
    color:#f30 !important;
}

해당 달력에서 이전달 날짜를 표시하는 스타일(td 영역)

현재 이전달 날짜가 출력되고 있지 않습니다

클래스 명

  • .cal_day1 { }

이미지 보기

사용 예

.cal_day1{
    color:#ccc;
}

해당 달력에서 다음달 날짜를 표시하는 스타일(td 영역)

현재 다음달 날짜가 출력되고 있지 않습니다

클래스 명

  • .cal_day2 { }

이미지 보기

사용 예

.cal_day2{
    color:#ccc;
}

현재 달력의 이번달 날짜를 표시하는 스타일 (td 영역)

클래스 명

  • .cal_day3 { }

이미지 보기

사용 예

.cal_day3{
    color:#666;
}

오늘 날짜를 표시하는 스타일 (td 영역)

클래스 명

  • .cal_day4 { }

이미지 보기

사용 예

.cal_day4{
    color:#000;
    text-decoration:underline;
}

글을 작성한 날의 링크 스타일

클래스 명

  • a.cal_click { }

이미지 보기

사용 예

a.cal_click:link { 
    color:#333; 
    font-weight:bold;
}
a.cal_click:visited { 
    color:#333; 
    font-weight:bold;
}
a.cal_click:hover { 
    color:#f30; 
    font-weight:bold;
}

댓글

댓글 본문
버전 관리
리체
현재 버전
선택 버전
graphittie 자세히 보기