WordPress的时间轴主题也是比较罕见的,大多数以单栏为主,今天正好看到typecho上出了一款单栏的时间轴主题,感觉还不错,想仿制并且弄成双栏的,本来已经仿得八九不离十了,不过由于响应式没法处理,最终放弃。
方法一
时间轴上面的轴可以用伪类before方法弄成宽度在10px左右的背景,这样就会在主体部分加载一条“轴”。
.content:before {
position: absolute;
top: 0px;
bottom: 0px;
left: 15%;
width: 10px;
background: none repeat scroll 0% 0% #AFDCF8;
content: "";
}
方法二
可以使用图片,这个我参照了评论上和归档页面的时间轴样式。这个比较好理解,也是加背景图片,只不过图片是一条轴,可以PS。
.content{
background:url('时间轴图片地址') 5px -20px repeat-y;
position:relative;
padding:10px 0 15px 50px;
}
本站文章除注明转载/出处外,均为本站原创或翻译。若要转载但请务必注明出处,尊重他人劳动成果。
转载请注明出处链接 : https://www.inlojv.com/3933.html


