如何在Dedecms中全面掌握时间标签样式的使用方法？

Dedecms时间标签样式大全

1. 首页时间标签

样式	调用代码
1227 样式	[field:pubdate function='strftime("%m%d",@me)'/]
May 15, 2009 样式	[field:pubdate function='strftime("%b %d, %Y",@me)'/]

2. 列表页时间标签

样式	调用代码
20091227 18:30:02	[field:pubdate function="GetDateTimeMK(@me)"/]
20091227	[field:pubdate function="GetDateMK(@me)"/]

3. 内容页时间标签

样式	调用代码
20091227	{dede:field name='pubdate' function='GetDateMk(@me)'/}
May 15, 2009	{dede:field name='pubdate' function='strftime("%b %d, %Y",@me)'/}

4. 功能性时间显示效果

功能描述	调用代码
24小时内的时间红色显示	[field:pubdate runphp='yes'] ... [/field:pubdate]
自定义多少天以前	[field:pubdate runphp='yes'] ... [/field:pubdate]

5. strftime()函数所有参数详解

参数	说明
%a	星期几的简写
%A	星期几的全称
%b	月份的简写
%B	月份的全称
%c	标准的日期的时间串
%C	年份的后两位数字
%d	十进制表示的每月的第几天
%D	月/天/年
%e	在两字符域中，十进制表示的每月的第几天
%F	年月日
%g	年份的后两位数字，使用基于周的年
%G	年分，使用基于周的年
%h	简写的月份名
%H	24小时制的小时
%I	12小时制的小时
%j	十进制表示的每年的第几天
%m	十进制表示的月份
%M	十时制表示的分钟数
%n	新行符
%p	本地的AM或PM的等价显示
%r	12小时的时间
%R	显示小时和分钟：hh:mm
%S	十进制的秒数
%t	水平制表符
%T	显示时分秒：hh:mm:ss
%u	每周的第几天，星期一为第一天（值从0到6，星期一为0）
%U	第年的第几周，把星期日做为第一天（值从0到53）
%V	每年的第几周，使用基于周的年
%w	十进制表示的星期几（值从0到6，星期天为0）
%W	每年的第几周，把星期一做为第一天（值从0到53）
%x	标准的日期串
%X	标准的时间串
%y	不带世纪的十进制年份（值从0到99）
%Y	带世纪部分的十制年份
%z, %Z	时区名称，如果不能得到时区名称则返回空字符

FAQs

1、如何在Dedecms中显示文章发布时间为“May 15, 2009”格式？

你可以使用以下代码来实现：

“`html

[field:pubdate function=’strftime("%b %d, %Y",@me)’/]

“`

2、如何在Dedecms中显示文章发布时间为“1227”格式？

你可以使用以下代码来实现：

“`html

[field:pubdate function=’strftime("%m%d",@me)’/]

“`

Dedecms 时间标签样式大全

在Dedecms中，时间标签的样式可以通过CSS进行自定义，以下是一些常见的时间标签样式及其对应的CSS代码，为了方便阅读，以下内容将按照标签类型进行分类，并展示相应的代码。

1. 基础时间标签样式

/* 基础时间标签样式 */
.time_tag {
    color: #666; /* 文字颜色 */
    fontsize: 12px; /* 字体大小 */
    fontfamily: Arial, sansserif; /* 字体样式 */
    marginright: 5px; /* 标签与文字的间距 */
}

2. 颜色主题时间标签样式

/* 颜色主题时间标签样式 */
.time_tag_red {
    color: #f00; /* 红色主题 */
    backgroundcolor: #fff; /* 背景颜色 */
    padding: 2px 5px; /* 内边距 */
    borderradius: 3px; /* 圆角 */
}
.time_tag_blue {
    color: #00f; /* 蓝色主题 */
    backgroundcolor: #eef; /* 背景颜色 */
    padding: 2px 5px; /* 内边距 */
    borderradius: 3px; /* 圆角 */
}

3. 精细时间标签样式

/* 精细时间标签样式 */
.time_tag_small {
    fontsize: 10px; /* 更小的字体大小 */
}
.time_tag_bold {
    fontweight: bold; /* 加粗字体 */
}
.time_tag_italic {
    fontstyle: italic; /* 斜体字体 */
}

4. 动画时间标签样式

/* 动画时间标签样式 */
.time_tag_pulse {
    animation: pulse 1s infinite;
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

5. 日期格式时间标签样式

/* 日期格式时间标签样式 */
.time_tag_date {
    display: inlineblock; /* 块级显示 */
    backgroundcolor: #f5f5f5; /* 背景颜色 */
    padding: 5px 10px; /* 内边距 */
    border: 1px solid #ddd; /* 边框 */
    borderradius: 3px; /* 圆角 */
}

6. 时间线时间标签样式

/* 时间线时间标签样式 */
.time_tag_line {
    display: inlineblock; /* 块级显示 */
    position: relative; /* 相对定位 */
    paddingleft: 20px; /* 左边距 */
    marginright: 10px; /* 右边距 */
}
.time_tag_line::before {
    content: ''; /* 内容为空 */
    position: absolute; /* 绝对定位 */
    left: 0;
    top: 50%;
    width: 10px; /* 宽度 */
    height: 10px; /* 高度 */
    backgroundcolor: #333; /* 背景颜色 */
    borderradius: 50%; /* 圆形 */
    transform: translateY(50%); /* 垂直居中 */
}

是Dedecms中常见的时间标签样式及其对应的CSS代码，根据实际需求，你可以选择或组合使用这些样式，以达到你想要的效果。