小松博客文章上一篇下一篇样式修改
来源:互联网 发布:复杂网络节点中心性 编辑:程序博客网 时间:2024/04/29 14:01
今天发现我的小松博客在手机端没有显示上一篇下一篇的按钮,于是决定修改一下打在强制显示之后发现,样式错误,于是索性全部修改掉,修改之后的样式
①修改single.php文章,把原来的上一篇,下一篇代码修改成
<?php if (get_previous_post()) { previous_post_link( '%link','<span class="meta-nav"><span class="post-nav">< 上一篇</span><br/>%title</span>' ); } else { echo "<span class='meta-nav'><span class='post-nav'>没有了<br/></span>已是最后文章</span>"; } if (get_next_post()) { next_post_link( '%link', '<span class="meta-nav"><span class="post-nav">下一篇 ></span><br/>%title</span>' ); } else { echo "<span class='meta-nav'><span class='post-nav'>没有了<br/></span>已是最新文章</span>"; }?>②修改style.css 添加css样式
.meta-nav { background: #fff; float: left; width: calc(50% - 44px); text-align: center; margin-right: -1px; padding: 10px 20px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); border-radius: 2px;}.article-nav a{display: block;}.meta-nav span{float:none}我查了一下我的chrome 火狐 和ie目前没有发现什么问题,主要在css有运算,我怕有兼容性问题,如果有问题请留言给小松
QQ交流群:136351212
查看原文:http://www.phpsong.com/2289.html
0 0
- 小松博客文章上一篇下一篇样式修改
- 文章上一篇,下一篇
- 上一篇文章、下一篇文章实现
- dedecms自定义上一篇下一篇样式
- 文章上一篇 下一篇 功能
- 文章页上一篇下一篇
- 转载一篇修改progressbar样式的文章
- 如何修改dede文章页上一篇下一篇"没有了"
- ASP.NET 实现上一篇文章 下一篇文章
- 用dataTable实现上一篇文章、下一篇文章
- PHP Laravel 取上一篇文章和下一篇文章
- 上一篇下一篇
- 实现上一篇下一篇文章的方法
- WordPress文章中添加上一篇、下一篇链接专题研究
- mysql获取上一篇和下一篇文章的ID
- Wordpress文章中添加上一篇、下一篇链接专题研究
- yourphp文章上一篇下一篇代码分享
- dede设置文章页上一篇下一篇标题字数
- mysql优化要点
- H264编码原理以及I帧B帧P帧
- Cookie技术解析
- 前段WebUploader;JavaEE大文件分片上传接收
- 2.shell编程(2) --- 变量,编译型,解释型
- 小松博客文章上一篇下一篇样式修改
- POJ 1191 棋盘分割
- maven项目采用dependencyManagement错误'dependencies.dependency.version' for ...jar is missing.
- 2.zxj小学
- 暑假培训
- HBase官方文档 0.97
- 类别(Category)的作用(二)---对私有方法的前向引用
- zTree插件入门
- 连续子数组最大和问题