卢松松主题加面包屑导航及手机端几个优化技巧

2015-10-06 9:35 建站相关 天中好青年

  今天天中青年跟大家分享一下:卢松松主题加面包屑导航及手机端几个优化技巧。

  1、卢松松主题加加面包屑导航:

  将以下代码:<div id="shuomingg"><h3>●当前位置☞<a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a> > <a href="<#article/category/url#>"><#article/category/name#></a> ></h3>加入到b_article-single页面内,

  <div id="shuomingg">这个是为了定义面包屑导航的显示形式,需要在LuSongSong-Index .css进行定义。

  将以下代码:

  /* -----------------------文章页当前位置----------------------- */

  #shuomingg{padding-left: 26px;line-height: 35px;border: 1px dashed #B9AB9E;background-color: #FCFAF7;background-image: url(images/shuoming_bg.gif);background-repeat: no-repeat;background-position: 10px 5px;margin-top: 12px;margin-right: 0;margin-bottom: 12px;margin-left: 0;}

  #shuomingg h3{font-size: 14px;line-height:25px;font-weight: normal;padding-left:5px;}

  #shuomingg h3 a{font-weight: normal;}

  #shuomingg li {list-style-type: none;}

  加入LuSongSong-Index .css文章页内容自定义CSS文件上方。

  即可实现如图效果。

  

  2、卢松松主题文章页加打赏功能:

  只需要在文章内容结束处加入以下代码:

  <center>

  <form action="https://shenghuo.alipay.com/send/payment/fill.htm" method="POST" target="_blank" accept-charset="GBK">

  <input name="optEmail" value="你的支付宝账号" type="hidden"/><input name="payAmount" value="9.8" type="hidden"/><input id="title" name="title" value="天中青年博客打赏" type="hidden"/><input name="memo" value="文章很给力,给你小小的打赏,不成敬意,以后有机会多多交流!" type="hidden"/><input name="pay" value="转账" src="http://tianzqn.com/dashang.png" title="立即打赏" alt="打赏按钮" type="image"/>

  </form>

  </center>

  同样加入到b_article-single页面。如图:

  

  3、标签页下方加自定义内容:

  如图:

  

  4、卢松松主题的标签及下方相关文章显示内容在手机端是默认隐藏的,不过这个很好解决。

  我们只需要在LuSongSong-Index .css动态标签部分找到代码:post-info和like 删除即可。

  有兴趣的去试试吧。

发表评论:

  • 7条评论
  • 微童年2015-10-08 19:53:09回复
  • 试过了还是不行,看来要细细研究一下才行了
  • 明月登楼2015-10-08 08:46:51回复
  • Z-Blog的手机端确实很简约,很喜欢的风格!
  • 清风美文2015-10-06 22:21:10回复
  • 这几天帮朋友搞一个新博客,用的就是松松的主题,这个正好用上了,先谢了
  • 天中好青年2015-10-06 20:59:26回复
  • 这是因为文件缓存的问题,你加入代码后,然后重建,再更新一下缓存文件应该就可以喽。
    • 微童年2015-10-08 19:53:09回复
    • 试过了还是不行,看来要细细研究一下才行了
  • 微童年2015-10-06 20:35:48回复
  • 天中,请教你一个问题,比如我用你的方法增加代码进去,文件重建了,但是有些文章有,有些文章没有,然后重新打开那个文件代码,之前复制进去的没有了
    • 天中好青年2015-10-06 20:59:26回复
    • 这是因为文件缓存的问题,你加入代码后,然后重建,再更新一下缓存文件应该就可以喽。
      • 微童年2015-10-08 19:53:09回复
      • 试过了还是不行,看来要细细研究一下才行了
  • 天中好青年2015-10-06 19:59:35回复
  • 面包屑导航(BreadcrumbNavigation)这个概念来自童话故事"汉赛尔和格莱特",当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。
  • 微童年2015-10-06 15:27:45回复
  • 什么是面包屑,是什么来的
    • 天中好青年2015-10-06 19:59:35回复
    • 面包屑导航(BreadcrumbNavigation)这个概念来自童话故事"汉赛尔和格莱特",当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。
无言的温柔
不知道想说什么,但还是想说些什么
话家乡☆天中百科
轻松一下:调戏调戏小狗
最近发表
文章归档