对主题aqua_dyd的一些技术解答

2010-8-6 - diyidu - 网页设计 - Views

1）顶部广告位为什么放百度联盟代码会导致错位？

答：这是因为百度联盟代码所引用的JS文件中，对“<p></p>”属性做了约束，引起代码冲突的缘故。要解决这个错位问题，只须两步。

①打开模板页面如default.html、catalog.html等，找到如下代码——

<p>内置顶部广告，468*60，请替换AD代码。——低一度（diyidu.cn）</p>

将之修改为——

<li>你的百度联盟广告代码，尺寸468*60。</li>

（注意：这里其实就是将<p>属性改为<li>或其他，这项修改对谷歌联盟代码并非必须。）

②修改CSS样式，找到代码——

#blog_title p{margin-top:25px;float:right;}

将之修改为——

#blog_title li,#blog_title p{margin-top:25px;float:right;}

OK，问题解决了！

2）文章正文的GG或百度矩形广告，在IE6下为何也会错位呢？

答：这是由于本主题的某些样式代码，在IE6下失效的缘故。细心的同学或许还会发现，这个问题只出现在IE6浏览器下。是的，没错。所以解决它的方法也很简单，就是对该广告位所在的div层针对IE6进行特定样式定义。比如，你的博客正文插入的广告代码格式是——

<div class="postad">联盟广告代码，尺寸如：300*250或336*280。</div>

那么，针对这段代码，你可以在CSS中，针对IE6，用特定的样式来定义其位置。写法如——

* html .postad {}

OK，你明白了吗？

另外，已有牛人（郭凯）找到解决这个问题的更简单直接的方法，就是使用position:relative;让定义对象不可层叠，并依据left，right，top，bottom等属性在正常文档流中偏移位置，这个方法很值得推荐，大家可以去瞧瞧——《修复主题在IE6下广告位错位的问题》。

3）怎样像低一度这样，在日志正文标题下方，添加“XX人阅读了此文”和“我来说两句！”这两项？

答：打开文件“THEMES/aqua_dyd/TEMPLATE/b_article-single.html”，找到代码——

<span class="comments"><em><#article/commnums#></em></span>

在其下方插入如下代码——

<span id="spn<#article/id#>" class="cm"></span><script language="JavaScript" type="text/javascript">strBatchCount+="spn<#article/id#>=<#article/id#>,"</script>人阅读了此文
<span class="addcomment"><a href="#respond">我来说两句！</a></span>

提交后，后台“文件重建”即可（样式代码默认已经写入）。

4）侧边评论列表如何调用评论者信息及时间，如何美化？

答：修改美化方法，请参见本博日志《z-blog侧边栏评论列表效果美化》。

5）侧边栏中的“分类目录”和“友情链接”两模块，如何实现两列并排？

答：打开模板下文件“default.css”，找到“.sidebar .block.categories ul，.sidebar .block.categories li，.sidebar .block.links ul，.sidebar .block.links li”等容器，将其参数修改如下——

.sidebar .block.categories ul{padding:5px;overflow:hidden;height:100%;text-align:left;}
.sidebar .block.categories li{background:url("images/icons.gif") -5px -558px no-repeat;padding-left:10px;float:left;width:40%;margin:1px;}
/*上面这两行负责实现分类目录两列并排*/
.sidebar .block.links ul{overflow:hidden;height:100%;text-align:left;}
.sidebar .block.links li{float:left;width:40%;padding-left:10px;margin:1px;}
/*上面这两行负责实现友情链接两列并排*/

提交保存，后台“文件重建”即可。

6）当评论者使用表情时，显示好像有问题，都被强制加了背景图片，并且左对齐了，怎么解决？

答：是的，这是我在写样式时，犯下的一个小错误。解决方法是打开模板下文件“default.css”，找到如下代码——

.commentlist li.comment img{float:left;background:url("images/gravatar_bg.png") no-repeat;padding:4px 5px 6px 5px;margin-right:30px;}

将之修改为——

.commentlist li.comment .cheader img{float:left;background:url("images/gravatar_bg.png") no-repeat;padding:4px 5px 6px 5px;margin-right:30px;}

OK，搞定。

7）当回复评论时，如果内容是一长串字母或者网址，将无法自动换行，从而撑破框框，请问如何解决？

答：嗯，这也算是一个小BUG吧。感谢提出这个问题的同学！解决方法同样是打开文件“default.css”，找到如下代码——

blockquote{margin:10px 40px 10px 40px;border:1px #d0d4c8 dashed;background:#f0f7e2 url("images/blockquote.gif") 5px 3px no-repeat;padding-left:40px;padding-right:5px;}

在{}中添加样式“word-break:break-all;”即可。

8）怎么我明明开启了“引用功能”，可是在文章页却找不到引用的地方呢？

答：呵，感谢晓潘同学提出这个疑问。需要增加这个功能提示的同学，可以参照低一度的做法，在评论列表头部添加“引用该日志！”的链接。操作如下——

首先，打开模板下文件“b_article-single.html”，找到如下代码——

<h3 id="comments"><script type="text/javascript">if(<#article/commnums#>==0){document.write("No Response")}else{if(<#article/commnums#>==1){document.write("One Response")}else{document.write("<#article/commnums#> Responses")}};</script> to "<#article/title#>"</h3>

将之修改为——

<h3 id="comments"><script type="text/javascript">if(<#article/commnums#>==0){document.write("No Response")}else{if(<#article/commnums#>==1){document.write("One Response")}else{document.write("<#article/commnums#> Responses")}};</script> to "<#article/title#>" <span><a href="<#article/pretrackback_url#>" target="_blank">引用该日志！</a></span></h3>

提交保存，后台“文件重建”。然后，打开样式文件“default.css”定义其样式，在合适的位置，添加代码——

.comment_box h3 span a{color:#df0031;font-style:italic;padding-left:20px;}

保存即可。

9）怎样让导航突出显示当前页链接条目？

感谢网友“笑客”提出这个问题。操作步骤如下——

首先，分别打开编辑THEME\aqua_dyd\TEMPLATE\下的catalog.html，default.html，guestbook.html，search.html，single.html，tags.html等页面，找到控制导航条部分的代码，如：

<div id="nav">
<ul>
<#CACHE_INCLUDE_NAVBAR#>
</ul>
<div class="rss_ico"><a href="http://www.diyidu.cn/post/aqua_dyd_dl.html"><img src="<#ZC_BLOG_HOST#>THEMES/<#ZC_BLOG_THEME#>/STYLE/images/rss_ico.gif" alt="当前主题下载" /></a></div>
</div>

在其底下，插入如下代码：

<script type="text/javascript">
$("#nav>ul>li>a").each(function() {
    if ($(this).attr("href").toLowerCase().replace(/\/|[&#].*/g,"") == document.URL.toLowerCase().replace(/\/|[&#].*/g,"")){
        $(this).attr("class","current");
    }
});
</script>

然后，编辑修改./THEMES/aqua_dyd/TEMPLATE/..//STYLE/default.css样式文件，在控制导航样式的位置插入如下代码：

#nav ul li a.current span{background:url("images/nav_h_l.gif") left top no-repeat;display:block;}

最后，提交完毕，后台文件重建、索引重建、静态目录重建，OK了，演示效果见低一度首页。

OK，先整理到这儿吧，上面这几个问题，算是大家比较关心的，今天抽空作个解答，希望你们用得称心。另外，如果大家有其他有关这个主题的问题，欢迎留言提出。本文将会保持更新，继续为大家答疑。

关键词 // Aqua_dyd 技术解答网页设计
出处：低一度，链接：http://www.diyidu.cn/post/aqua_dyd_problem.html

上一篇：2款免费php空间+1款免费相册空间下一篇：百度权重回来了，借题发挥下

随机推荐

to "对主题aqua_dyd的一些技术解答"

#1 晓潘回复该留言 2010-8-6 14:55:39

晚上有时间的时候细细琢磨一下，嘿嘿。多谢度哥！
爱好者博客于 2010-8-6 16:40:02 回复
你怎么总是坐沙发呢？我不服，哈哈，挤挤，后面的跟上，跟周哥挤XP哈。
记忆之家于 2010-8-7 8:37:59 回复
我比较瘦，我来挤挤，试试。
diyidu 于 2010-8-7 14:07:44 回复
老周，我下次让你坐一次，省得罗嗦。
晓潘于 2010-8-8 8:45:55 回复
前提是周哥能抢得过我，哈哈……
diyidu 于 2010-8-8 10:30:09 回复
晓潘，你的作业完成了没有啊：）
晓潘于 2010-8-8 22:39:28 回复
没有，还是搞不懂，不知道问题在哪儿出现的。
爱好者博客于 2010-8-9 14:26:04 回复
挤挤更舒服，哈哈。

#2 爱好者博客回复该留言 2010-8-6 16:38:20

难道是沙发？
爱好者博客于 2010-8-6 16:40:31 回复
没用这块模板，这次应该都会用了，都这么详细了。
记忆之家于 2010-8-7 8:39:19 回复
跟上。

#3 清风回复该留言 2010-8-6 16:50:10

来坐坐地板，呵。
清风于 2010-8-6 16:53:00 回复
桶哥是不是被人问烦了，痛下决心写了一个长篇？
diyidu 于 2010-8-7 14:08:17 回复
有这个原因呵。

#4 mice 回复该留言 2010-8-6 18:44:35

啥都没了现在，飘过。
diyidu 于 2010-8-7 14:08:46 回复
都没了？什么东西没了？

#5 星星之火回复该留言 2010-8-6 19:26:38

学习了，看来主题也不好做啊。
diyidu 于 2010-8-7 14:09:06 回复
知音啊！

#6 021training 回复该留言 2010-8-6 22:13:49

有些内容要考虑兼容性，碰上IE6就惨了。
diyidu 于 2010-8-7 14:09:40 回复
恩，不过总有办法搞定的。

#7 记忆之家回复该留言 2010-8-7 8:36:43

啊度，把网站的ICO图片换了耶？
不错，不过我感觉我的网站的ICO图片也不赖。
O(∩_∩)O~
diyidu 于 2010-8-7 14:10:06 回复
前天换的，感觉如何？
记忆之家于 2010-8-7 16:08:40 回复
还行啦，不过LOGO我看得不少很好，也得试试手气。

#8 yunhefanli 回复该留言 2010-8-7 11:19:01

好难啊，慢慢学吧。
diyidu 于 2010-8-7 14:10:39 回复
这样解答了还难啊？

#9 DuJing 回复该留言 2010-8-7 12:51:22

哎，做一个新程序好做；改一个程序的话，头大！
diyidu 于 2010-8-7 14:11:07 回复
都很难，很耗体。

#10 口语宝回复该留言 2010-8-7 16:53:20

讲解得非常详细了！学习了。
diyidu 于 2010-8-7 17:17:24 回复
多提意见啊。

#11 思齐博客回复该留言 2010-8-7 17:31:38

还发现一个问题，在留言后，底部的版权那块会移动到留言中间，看过很多朋友使用这个主题都会出现。
diyidu 于 2010-8-7 17:43:21 回复
这个应该是ZB的问题，没有同步刷新页面的缘故。

#12 飞猪回复该留言 2010-8-8 9:26:34

过来冒个泡先。
diyidu 于 2010-8-8 11:14:06 回复
多讲几句啊。

#13 购物博客回复该留言 2010-8-8 10:02:36

技术问题我就不说了。
diyidu 于 2010-8-8 11:13:21 回复
你不是已经说了吗？

#14 湘潭人回复该留言 2010-8-8 10:19:24

我也在用这个模板，我也来找找。
diyidu 于 2010-8-8 11:12:22 回复
你把我的版权跳转到哪里了？呵呵。
湘潭人于 2010-8-8 14:04:13 回复
你的博客啊，郁闷，有错误；算了，我那边还得狠改呢，到时候直接显示你站得了。

#15 人好哇回复该留言 2010-8-8 10:52:50

看来这个模板设计的时候没考虑到很多问题啊。不过模板的制作是挺难的，浏览器的兼容性问题也是个大难题。
diyidu 于 2010-8-8 11:09:25 回复
其实只有6和7两个问题，其他的都是拓展。不算BUG。

#16 私爱回复该留言 2010-8-8 11:35:06

学习了，谢谢分享。
diyidu 于 2010-8-8 19:21:01 回复
不客气，要有用这个主题的才能帮上忙啊。

#17 集趣回复该留言 2010-8-8 11:51:10

一般不会把广告代码放在<P>标签中。
diyidu 于 2010-8-8 19:21:29 回复
是啊，哥的一个失误。

#18 购物博客回复该留言 2010-8-8 13:03:28

广告代码的放置还是有很多窍门的。
diyidu 于 2010-8-8 19:21:54 回复
是，很多讲究。

#19 平平回复该留言 2010-8-8 17:29:46

技术问题啊，我是完全不懂，哈哈。
diyidu 于 2010-8-8 19:22:15 回复
呵，谦虚了！

#20 岸边回复该留言 2010-8-8 17:45:36

这么详细，不会用的看了也会了，顶博主。
diyidu 于 2010-8-8 19:22:42 回复
为人民服务嘛！

#21 未扬清回复该留言 2010-8-8 17:57:39

很详细，收藏了。
diyidu 于 2010-8-8 19:23:16 回复
哥，你要是没用这个主题，就不必收藏了吧！

#22 BoKeam 回复该留言 2010-8-8 18:38:43

好详细啊！顶了。
diyidu 于 2010-8-8 19:23:35 回复
还在更新中哦…

#23 菜根谈回复该留言 2010-8-8 22:51:09

这个是技术活，需要注意的，呵呵。
diyidu 于 2010-8-9 10:21:57 回复
其实都是很基础的东西。

#24 龙之谷回复该留言 2010-8-8 23:04:55

有时候，我刷新页面会发现最底部的不能显示，不知道是不是BUG？
我的站：www.wangzhigang.info
diyidu 于 2010-8-9 10:22:30 回复
不是，你可能是用IE8吧？

#25 刘晓林回复该留言 2010-8-9 0:07:16

很专业了，我就是看看，主要是没有用这个主题，哈哈！
diyidu 于 2010-8-9 10:24:01 回复
看看即可，哥也不要求你背下来。呵呵。

#26 秦大少回复该留言 2010-8-9 9:50:19

灰常强悍啊！呵呵。
diyidu 于 2010-8-9 10:24:28 回复
灰常夸张啊！

#27 knife 回复该留言 2010-8-9 13:44:03

看见代码就头疼啊。
diyidu 于 2010-8-9 15:42:58 回复
呵呵，不至于吧？

#28 su 回复该留言 2010-8-9 14:19:41

对代码一窍不通啊。
diyidu 于 2010-8-9 15:43:18 回复
可以慢慢学啊。

#29 TTkea 回复该留言 2010-8-9 19:35:41

能自己做主题真好，羡慕！
diyidu 于 2010-8-9 20:25:52 回复
呵呵，只要肯学，谁都会啊。

#30 7cbt 回复该留言 2010-8-9 20:50:07

百度联盟没申请，我连谷歌的PING码都还没收到，郁闷。
diyidu 于 2010-8-9 21:03:46 回复
加把劲儿，先弄到流量再说。

#31 7cbt 回复该留言 2010-8-9 20:50:44

现在用的广告插件，所以没用手动代码加入。呵呵，觉得这方面太懒了。
diyidu 于 2010-8-9 21:04:28 回复
这插件叫什么来着？

#32 找牛拉犁回复该留言 2010-8-9 23:33:05

参照美化修改了一下。现在，改得比较满意了。其实，很多时候细节决定一切。
diyidu 于 2010-8-10 8:24:41 回复
恩，细节的确很重要。

#33 二十六公斤回复该留言 2010-8-9 23:52:34

没技术，就不议论了。
diyidu 于 2010-8-10 8:25:05 回复
议论也要技术吗？

#34 思齐博客回复该留言 2010-8-10 18:21:59

如何在CSS里设置文章中的链接显示下划线？
diyidu 于 2010-8-10 20:56:25 回复
找到下面这一句——
.post .con p a,.post .intro p a{color:#436206;text-decoration:none;}
把none改为underline即可。

#35 阿牛回复该留言 2010-8-10 20:56:09

这就是传说中的天使服务吧！
diyidu 于 2010-8-10 21:04:06 回复
哈哈，没那么周到，只是负责任一点。

#36 思齐博客回复该留言 2010-8-10 21:23:15

谢了！已经修改成功。
diyidu 于 2010-8-10 21:29:05 回复
不谢，有问题尽管提出来。

#37 云回复该留言 2010-8-19 13:59:46

发表一篇很长很长的文章时，下拉很卡啊……
桶哥于 2010-8-29 15:11:52 回复
估计是网速问题吧，呵呵。

#38 思齐博客回复该留言 2010-8-22 19:17:15

刚才修改了一下，发现修改后在ie6下依然显示错位，我在css里添加了这句：
* html .post{height:280px;width:336px;float:left;clear:left;padding:0px;margin-top:12px;margin-right:6px;}
不知这样写对不对？
桶哥于 2010-8-29 15:12:42 回复
这个问题已经被某牛人用最直接简便的方法摆平了。

#39 思齐博客回复该留言 2010-8-22 21:33:35

刚才按你的修改方法试了几次，都没解决广告在IE6下错位的情况，可不可以把修改方法介绍得再详细一些？
桶哥于 2010-8-29 15:13:26 回复
去晓潘的博客上看就可以了。

#40 XXX 回复该留言 2010-8-24 16:32:39

留言内容重复，已过滤。

#41 nfljersey 回复该留言 2010-8-25 15:02:17

怎么这么复杂啊？博主会不会做个透明的那种？
桶哥于 2010-8-29 15:14:00 回复
很简单啊，不过没兴趣。

#42 uggboot 回复该留言 2010-8-27 15:37:27

接着盖42层，好复杂哦！
桶哥于 2010-8-29 15:14:29 回复
会复杂吗？都是小技巧啊。

#43 stars 回复该留言 2010-8-31 1:15:08

你好老哥，在第五个问题上，
5）侧边栏中的“分类目录”和“友情链接”两模块，如何实现两列并排？
分类目录解决了，但是友情链接怎么没有找到那段代码啊？赐教。

#44 admin 回复该留言 2010-9-16 9:20:56

怎么你用的这个主题跟这个http://www.xiaohan86.com/201008910.html这么相像呀，我真怀疑你是不是抄袭别人的主题，然后把它改为自己设计的。
桶哥于 2010-9-16 10:10:03 回复
请擦亮你的狗眼，看看我在这个发布帖http://www.diyidu.cn/post/aqua_dyd_dl.html里，第二段的版权说明。
桶哥于 2010-9-16 10:11:56 回复
另外，也请你这个文盲有空去温习一下，什么叫做“仿制”、“移植”。
112312 于 2010-9-16 10:34:22 回复
爱用就用，不爱用少JB在这儿唧唧歪歪的，麻痹的！最讨厌你这样的文盲，不会做主题不说，还JB说抄袭？！懂不懂什么叫做抄袭？什么叫做仿制、移植？笨！

#45 小哎哟回复该留言 2010-9-19 9:09:38

桶哥，你好，请问你的日志里，代码段是怎么添加进去的？如果我想把自己的程序中的一段代码显示出来应该怎么做呢？
小哎哟于 2010-10-2 18:28:40 回复
桶哥，怎么不理我呢，我的意思是想向您咨询下就是在页面中插入代码，好像这个功能叫什么代码高亮吧，能讲讲吧，不方便讲也请回复下，没事，我能理解的。

#46 清河吧小说网回复该留言 2010-9-26 11:07:02

桶哥，小弟来求帮助了，给小弟做个301重定向的代码吧，我用的是虚拟主机，网站是
qinghe8.net www.qinghe8.net
diyidu 于 2010-9-26 11:42:02 回复
没做过这个，你找找卢松松的日志，有一篇是关于这个301的，很详细。

#47 猪猪懒人窝回复该留言 2010-9-26 21:28:27

说得很详细哦，顶了。

#48 小哎哟回复该留言 2010-10-2 23:03:35

桶哥，你好，那个首页logo能发个源文件给我吗？非常感谢。我的信箱是：georgeinhf@126.com。
小哎哟于 2010-10-9 23:44:30 回复
桶哥，帮帮忙呀，兄弟也是一直在向你学习着呢，能帮忙就帮下吧。非常感谢。

#49 天乐博客回复该留言 2010-10-8 16:33:37

个人感觉，把两个广告都放在上面有点不友好，桶哥是否考虑把一个放到其他地方，比如右侧栏中间？

#50 小付回复该留言 2010-10-9 12:40:11

请问此主题原创作者是谁，我用的是wp，www.xiaohan86.com也称自己制作了这款主题。
桶哥于 2010-10-9 12:51:20 回复
我在发布帖中已经说得很清楚了，请仔细看看——http://www.diyidu.cn/post/aqua_dyd_dl.html

#51 kaka 回复该留言 2010-10-10 11:20:50

好细致呀，不错~~

#52 百姓维权网回复该留言 2010-10-11 4:00:04

百姓维权网，坐着板凳来和博主购买连接，如果出售请到我站回复我。

#53 qvod 回复该留言 2010-10-19 20:19:08

呵呵，不错，技术牛人啊。

#54 北京SEO 回复该留言 2010-12-2 12:52:40

HI，我在我的博客看见您的留言了，我发布的那个修改版的模板，有一些是参照您的这个帖子修改的，还有一些是我自己琢磨的，还有一些是网上收集的，呵呵！主要的目的是想集众家之长，呵呵。事先也没跟您商量下，就发布了，不知道您有没有意见，如果有意见的话，麻烦联系我，我将发布帖取消掉。
diyidu 于 2010-12-2 13:06:48 回复
没关系呵。本来我也想升级下，但是太忙：）
北京SEO 于 2010-12-2 13:50:51 回复
呵呵，那就谢谢咯！