欢迎访问,本站接受互联网网站仿站、功能定制、定制插件、主题,如果需要的话可以联系我 QQ:2283276927

本站z-blog文章内容页模板修改的小结

雨夜 3584次浏览 2个评论

由于个人喜好,把文章页以及404页面错误的几个地方修改了下。

1.文章内容前加上卢松松文章模板上的正文和评论按钮,如图:

过程:(1)把代码:

<div class="comment-title"><h3><ul><li class="current">正文</li><li><a href="#comment">立即参与评论(已有  <#article/addviewcount#>人参与)<h1></h1></a></li></ul></h3></div>

插入作者分类标签代码之后,文章内容之前如下:

<h6>作者:<#article/author/name#> | 分类:<a href="<#article/category/url#>" title="查看 <#article/category/name#> 的全部文章" rel="category tag"><#article/category/name#></a> | 标签:<#template:article_tag#></h6>
    </div>
  </div>
  <div class="comment-title"><h3><ul><li class="current">正文</li><li><a href="#comment">立即参与评论(已有  <#article/addviewcount#>人参与)<h1></h1></a></li></ul></h3></div>
  <div id="article"><#article/content#></div>

(2)把原模板中的浏览数、评论代码全部删除:代码如下:

 

<div class="viewcomm "><span>
      <h6 id="spn<#article/id#>"></h6>
      <script type="text/javascript">AddViewCount(<#article/id#>)</script> 浏览 </span> <span>
      <h6>
<#article/commnums#>
</h6>
      <a href="#comment">评论</a></span></div>

(3)把css文件里viewcomm相关属性删除:

.viewcomm {POSITION:relative;TEXT-ALIGN:center;WIDTH:120px;BACKGROUND:url(images/td_fg.gif) no-repeat 60px 10px;FLOAT:right;TOP:0px;RIGHT:5px}
.viewcomm h6{PADDING:0px;HEIGHT:20px;COLOR:#900;FONT-SIZE:16px;}
.viewcomm SPAN {PADDING:0px;WIDTH:60px;FLOAT:left;}
.viewcomm SPAN A {MARGIN:0px}

(4)添加刚才在文章页模板相关项目的属性:

.comment-title{margin-top:0px;margin-bottom: 10px;} 
.comment-title h3{font-size: 14px; padding:0 10px; height: 100%; overflow: hidden; line-height:34px; background:url(images/tusay_line_bg.png) repeat-x 0 100% #EBE8E4;}
.comment-title h3 span{padding-right:10px;} 
.comment-title li{float: left;line-height:24px;font-weight: 100;cursor: pointer;list-style-type: none;margin-top: 10px;margin-right: 0;margin-bottom: 0;margin-left: 10px;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;} 
.comment-title li.current{border: 1px solid #CFC3BA; border-bottom: 0; background: #F7F3ED;}

(5)添加上述代码中的图片到指定文件夹下。

2.修改一些小项:把评论列表等背景色改为灰色等。不详细了。

3.查看自己网站的404网页的时候发现有问题。

(1)404页面(单独页面)中简繁切换,之前在导航栏中,现在修改到其他网页一致。

(2)昨天修改css文件后,404页面的内容框架发送错位(用float了定了左230px),现在删除,直接margin:0px auto。

(3)头部位置有错位的现象,<div class="clear"></div>清除浮动后就可以解决了,保存,上传。成功了。


涂涂研版版权所有,如未注明 , 均为原创,转载需注明出处。
发表我的评论换个身份
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2) 个小伙伴在吐槽
  1. 呵呵,谢谢夸奖,但是不能骄傲,模板还是有不和谐的地方,感觉底部foot不协调。用全黑不怎么好的。但是又说不出来所以然来。
    雨夜 2014-02-14 AM 05:47 回复
  2. 笔记如此勤快,肯定会收获很多的,独立博客界又要有新秀啦!
    林肆 2014-02-14 AM 03:56 回复
    • 呵呵,谢谢夸奖,但是不能骄傲,模板还是有不和谐的地方,感觉底部foot不协调。用全黑不怎么好的。但是又说不出来所以然来。
      雨夜 2014-02-14 AM 05:47 回复

主题定制开发流程

ZBLOGPHP开发流程

联系我们