小松博客文章上一篇下一篇样式修改
2016-07-31 12:00
267 查看
今天发现我的小松博客在手机端没有显示上一篇下一篇的按钮,于是决定修改一下
打在强制显示之后发现,样式错误,于是索性全部修改掉,修改之后的样式
①修改single.php文章,把原来的上一篇,下一篇代码修改成
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
打在强制显示之后发现,样式错误,于是索性全部修改掉,修改之后的样式
①修改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
相关文章推荐
- 转载一篇修改progressbar样式的文章
- 小松博客样式修改
- wss3.0 博客样式简单修改方法
- 如何修改LaTeX的默认文章样式
- 本博客一篇文章上百度首页“热门推荐”第一位啦,小高兴~
- 织梦DedeCms文章上一篇、下一篇修改
- 怎么修改WordPress博客的文章字体的大小?
- 从对一篇文章的修改看写作中的主题把握
- 使用sed把纯文本文章转化为样式自定义的CSDN博客文章
- poj 2528 Mayor's posters(之前写的有BUG,CSDN博客那篇文章不能修改,现删掉重发)
- 转载一篇关系Debina修改时区的文章!
- 毕业设计(十五)---发表文章(1)之- 发表文章和回复博客 的2个简单ckeditor样式
- 从对一篇文章的修改看写作中的主题把握
- 网上看到一个叫DOTNET人的博客,一篇文章很打动我
- 转微软高校博客一篇有关中国计算机教育的文章:认清现实,才能找回理想
- 有关数据死锁问题的一篇好文章,一个好博客
- 使用Firebug修改博客的样式(皮肤),并让Google Adsence美观的放在网页的顶端
- 无题(博客的地一篇文章)
- 为了发图片,必须要写一篇博客,发一个若干年前写的小文章吧!
- 华为boss力荐公司高层看的一篇文章,真的很经典!【转载于m13666368773的一篇博客】