上篇 下篇

修正HotNews Pro 2.7版一处不太和谐的样式

2011年10月28日 ⁄ HotNews主题 ⁄ 共 380字 ⁄ 评论数 56 ⁄ 被围观 6,094+

这个不太和谐的地方就是主题集成的图片暗箱放大特效中模仿Ajax载入GIF动画。当图片文件较大时，图片加载缓冲过程中在那个旋转中的动画右下多加了一个白色背景，并遮挡住当前的图片，看上去很不和谐，稍微改一下，打开HotNewspro\css\css.css在第696行找到：

1. background: #fff url(img/loading.gif) no-repeat 5px 5px;  

改为：

1. background: url(img/loading.gif) no-repeat;  

另外，原来那个GIF动画背景不是透明的，还可从下面的GIF动画中选择一个，重命名为：loading.gif，并替换原来HotNewspro\css\img文件夹中的同名文件。

点击图片进入GIF动画下载页面（共55张，选择横向进度条样式的效果会好一些）

其它下载址１ | 其它下载地址２

返回

作者: 知更鸟

该日志由 知更鸟 于208 天前发表在HotNews主题分类下， 你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站或博客。
转载请注明: 修正HotNews Pro 2.7版一处不太和谐的样式 | 知更鸟 +复制链接
关键字: HotNews Pro, HotNews主题

您可能还会对这些文章感兴趣！

1. 在文章中添加一个广告位
2. HotNews主题两处偏好调整
3. 侧边最新评论排除博主并显示其它注册用户及游客留言
4. 关于HotNews主题分页代码无法运行
5. HotNews Pro 2.7 Plus侧边最新文章中排除分类
6. 关于HotNews主题很“卡”的感觉
7. 优化一下HotNews Pro主题SEO代码
8. 恢复显示HotNews Pro主题图片和视频模版日志内容

目前有 56 条留言 其中：访客:47 条, 博主:9 条

1. 闲逛的鱼 : 2011年10月28日 208 天前 06:12:04  1楼 @回复 回复

   鸟哥，你的分类视频目录下可以显示28个视频才分页！我的只能显示16个就分页了。
   请教你下，这个设置是在哪啊？我研究了一晚上没有任何结果，差点网站打不开了！
   谢谢啦
   • 知更鸟 : 2011年10月28日 208 天前 08:22:41 @回复 回复

     　提示：使用或修改主题请保持页脚作者链接，谢谢！
     • Win7en乐园 : 2011年10月28日 207 天前 18:43:28 @回复 回复

       鸟哥，我没有用暗箱，就不改了呀！呵呵、
2. 闲逛的鱼 : 2011年10月28日 208 天前 06:13:01  2楼 @回复 回复

   希望鸟哥可以指点下啊
   • Harry Luan : 2011年10月28日 208 天前 08:35:24 @回复 回复

     提示：使用或修改主题请保持页脚作者链接，谢谢！
3. 闲逛的鱼 : 2011年10月28日 208 天前 09:09:37  3楼 @回复 回复

   恩，收到！请问下那个东西是怎么改的啊？
   我今天该过来！
   拜托啦
4. 闲逛的鱼 : 2011年10月28日 208 天前 09:15:35  4楼 @回复 回复

   已经改好了！不好意思啊！
5. 我爱聊吧 : 2011年10月28日 208 天前 11:07:00  5楼 @回复 回复

   鸟哥的图片广告好人性化，每天看着你的创意，真是一种享受~~~
6. 王宝臣 : 2011年10月28日 208 天前 11:28:11  6楼 @回复 回复

   你好,我是王宝臣,很高兴认识你.关注的话题就是不一样.嗯……还是那句话:你太有才了,欢迎回访王宝臣博客wangbaochen.com
7. 小坚 : 2011年10月28日 208 天前 12:55:43  7楼 @回复 回复

   啊哈哈~原来有修正方法！！太好了！
   看来我真的要把鸟哥你网站全部的文章看一遍
8. 小小鱼 : 2011年10月28日 208 天前 13:55:19  8楼 @回复 回复

   额 一直没觉得有什么问题- -
9. 梦境小筑 : 2011年10月28日 208 天前 16:24:22  9楼 @回复 回复

   哦，原来是这样子的呀
10. PastDust : 2011年10月28日 207 天前 17:26:34  10楼 @回复 回复

    我路过了
11. houyongwei : 2011年10月28日 207 天前 17:35:02  11楼 @回复 回复

    来逛逛！支持一下！加油！
12. houyongwei : 2011年10月28日 207 天前 17:37:29  12楼 @回复 回复

    鸟哥！有没有QQ群啊？
13. 郑州驾校 : 2011年10月28日 207 天前 18:27:16  13楼 @回复 回复

    我来看看的!每次来都会有收获
14. 瑜伽服套装 : 2011年10月28日 207 天前 18:29:08  14楼 @回复 回复

    来看看，主题很漂亮！
15. 儿童手机 : 2011年10月28日 207 天前 18:30:26  15楼 @回复 回复

    我也想用这款主题！
16. legend : 2011年10月28日 207 天前 23:15:16  16楼 @回复 回复

    每次来都会有收获，谢谢！
17. 主题派 : 2011年10月29日 207 天前 00:56:28  17楼 @回复 回复

    后台评论直接在“垃圾评论”有点不习惯-_-|||，和出现大量繁体字，怎么修改呢？
18. 羽飞 : 2011年10月29日 207 天前 12:06:19  18楼 @回复 回复

    这个在2.7的包中也更新了吧！！
    找个时间，准备上线2.7，谢谢！！
19. Hello Beautiful™ : 2011年10月29日 207 天前 16:33:01  19楼 @回复 回复

    请问如何能取消自动文章截断？
    • 知更鸟 : 2011年10月29日 206 天前 17:52:07 @回复 回复

      http://zmingcx.com/hotnewspro24-problem-summary.html
      第36
20. 童佳倩的大衣 : 2011年10月29日 206 天前 17:39:58  20楼 @回复 回复

    原来是这样啊，学习啦，回头去折腾下我的那博客。
21. 小坚 : 2011年10月29日 206 天前 17:48:53  21楼 @回复 回复

    鸟哥~我又来了。。真不好意思~

    我想修改导航菜单的下拉菜单的样式，能告知在哪里改吗？是不是哪个css？
    • 知更鸟 : 2011年10月29日 206 天前 18:13:09 @回复 回复

      修改styles中的对应导航颜色样式文件
22. 防辐射服哪个牌子好 : 2011年10月29日 206 天前 23:46:48  22楼 @回复 回复

    这么小的不如意状态都被你改回来太强大了。。真是追求完美。
23. 及时雨 : 2011年10月30日 206 天前 00:44:25  23楼 @回复 回复

    前天在鸟哥的主题上修改制作了个主题，风格和我博客现在的一样，不过把鸟哥你的代码改的面目全非了。发现鸟哥主题的一些问题，个人觉得鸟哥HTML代码是不是写太多了，圆角处理是不是也复杂了些？还有主题小工具的实现，个人觉得不是很符合规范啊。其他的呢，圆角图片不是透明的。
    • 知更鸟 : 2011年10月30日 206 天前 11:15:12 @回复 回复

      主题功能复杂，自然代码就较多喽，小工具这个规范不知在哪啊
      实现圆角就那么几种方式，我认为这个是最好的
      • 及时雨 : 2011年11月01日 204 天前 08:41:30 @回复 回复

        图片和js的处理。图片至少要一张圆图，只需要1k不到，个人建议，鸟哥把圆形图处理成透明，除圆圈以外，全部透明，背景色改变，不会有影响。js的话，最小的也要9k，图片处理，每次至少四个div。鸟哥把部分处理圆角的div放在外面了，不知道鸟哥是怎么考虑的，修改时候我把圆角又放回里面了，个人觉得这种方式较好。
        现在，css3已经支持圆角处理了，而且可以统一处理，很方便，只是不支持IE。不知道鸟哥有没有考虑。
        而且class类选择器可以有多个类名，比如：class='c1 c2...'，我觉得鸟哥有些地方可以这么考虑。
        小工具的规范化，我觉得鸟哥可以去参考WP小工具栏的实现。...没有多余的div。
        还有主题小工具的里有些代码嵌套有问题。ul和li那里。
        以上纯属技术交流，没有挑衅的意思，鸟哥不会生我气吧？呵呵
        • 知更鸟 : 2011年11月01日 204 天前 09:37:41 @回复 回复

          圆角处理网上教程心得一堆，已没什么可探讨的了
          集成个性小工具文章，国内貌似只有我写过两篇
          希望弄通了WP小工具，也弄一个详细教程
          嵌套有问题是哪个
          • 及时雨 : 2011年11月01日 204 天前 09:49:20 @回复 回复

            前一段时间看过一些网上大量流传的wordpress教程文章，个人觉得不是很好。也许是国内的特点吧。如果有时间的话，会针对这些细节写些文章的。WP小工具的教程还真没看过几篇。也希望鸟哥也把wp小工具弄通，写个详细教程。
            嵌套问题，具体哪个不记得了，是在循环里面加了ul所以每个li都有ul了。难道是故意的？
24. PanDaLee : 2011年10月30日 206 天前 11:40:21  24楼 @回复 回复

    如果哪天不用这个风格了，那原来的视频主题会怎么处理？
    • 知更鸟 : 2011年10月30日 206 天前 12:12:45 @回复 回复

      视频日志会保留在数据库中，不过再也看不见了
      虽然可以通过修改数据库，把它变成普通日志，但没有模板支持也无法观看
25. 水手 : 2011年10月30日 206 天前 16:34:09  25楼 @回复 回复

    刚刚安装好了你的主题，很大气，正在研究中~~~
26. luckfish : 2011年10月30日 205 天前 17:17:58  26楼 @回复 回复

    在sinaapp上安装会出现以下提示不知道是怎么回事？
    SAE_Warning: include(counter.php) [function.include]: failed to open stream: No such file or directory in time.php on line 21

    SAE_Warning: include() [function.include]: Failed opening 'counter.php' for inclusion (include_path='.:/usr/local/sae/php/lib/php/sae_std_lib/') in time.php on line 21
    2011年10月30日 星期日 您已经登录：admin 管理站点 退出
    • YY : 2011年11月04日 201 天前 00:34:39 @回复 回复

      同样有这个问题，不过我看了几个同样用sinaapp做的wordpress用hotnews的主题显示很正常

      刚才看到这个
      http://zmingcx.com/hotnews-pro-2-7-version-of-the-horizontal-scrolling-module-to-call-home-video-picture.html

      然后如法炮制，成功解决~~
27. 朱宝祥 : 2011年10月31日 205 天前 10:17:48  27楼 @回复 回复

    又改版了啊，内容更丰富了
28. 400电话办理 : 2011年10月31日 205 天前 14:39:20  28楼 @回复 回复

    比较粗心，这个一直都没发现
29. 扬州起源 : 2011年11月01日 204 天前 14:39:49  29楼 @回复 回复

    顶
30. iyuyue : 2011年11月02日 203 天前 12:59:19  30楼 @回复 回复

    你好，想请问一下如何把留言栏上方的广告放到留言栏下面。因为文末的广告和留言栏上的靠得太近了。。给人感觉有很多广告一样。所以想请教一下如何把广告栏下移到留言栏下，该修改那里的代码？谢谢
    • 知更鸟 : 2011年11月02日 202 天前 23:32:51 @回复 回复

      提示：使用或修改主题请保持页脚作者链接，谢谢！
31. 子涵之家 : 2011年11月02日 202 天前 22:11:15  31楼 @回复 回复

    我这里出现个问题，那就是动态地址没有跳转到静态化之后的地址。

    也就是比如输入/blog/?p=123 不会跳转到 /blog/123

    也就是百度会抓取部分动态的地址，请问如何解决？

    我是装在/blog/目录下的博客
    • 知更鸟 : 2011年11月02日 202 天前 23:37:55 @回复 回复

      与主题无关
      改固定链接玩，是件很蛋疼的事，可能需要一段时间才会正常收录
      否则只能去问度娘，怎么那么２
      • 子涵之家 : 2011年11月03日 201 天前 21:00:25 @回复 回复

        我自己已经解决了，在inde.php头部加了个301跳转。但是，默认wordpress的主题可以自动跳转的。默认主题的话，打开/p=123的链接自动跳转到/123，不用加任何代码。
        • 软件酷 : 2011年11月03日 201 天前 21:04:38 @回复 回复

          主题默认跳转？第一次听见
          这个如果是cp主机的话直接设置就可以
          也可以使用.ha的文件设置，我就是把没www跳转到www
32. 屈臣氏官网 : 2011年11月09日 196 天前 02:11:08  32楼 @回复 回复

    已经改好了！
33. 西子 : 2011年11月10日 194 天前 21:18:01  33楼 @回复 回复

    这个好，强！
34. wuzy : 2011年11月10日 194 天前 22:50:47  34楼 @回复 回复

    鸟哥,有个小问题,2.7plus使用cms布局时,有一个栏只有4篇文章,那么其高度也只保留4篇,比其他栏少了一行.这个栏文章数多于4篇时也不会还原啊,产生错位的感觉,请鸟哥指教.
    示例可以看下我网站asmylife#com
    • 知更鸟 : 2011年11月10日 194 天前 23:34:27 @回复 回复

      多加几篇不就得了
      • wuzy : 2011年11月11日 194 天前 09:11:11 @回复 回复

        啊,果然,发到第7篇的时候就ok了,谢鸟哥指点,看来还是咱太心急了.
35. 鱼鱼网络学堂 : 2011年11月20日 185 天前 15:32:47  35楼 @回复 回复

    喜欢你这款主题哈~
36. 29的博客 : 2011年11月26日 179 天前 15:21:44  36楼 @回复 回复

    鸟哥，你这个图片没有显示，希望你能查看一下，图片损坏了，无法打开！
37. 0319阅读网 : 2011年12月20日 154 天前 20:34:49  37楼 @回复 回复

    鸟哥，我现在遇到一个很棘手的问题，请您帮我一下！我在后台发布的文章，到前台显示不全面！请问我那里出问题了！
    http://wordpress.org.cn/forum.php?mod=viewthread&tid=106173&page=1#pid982047【这是我在论坛的发帖地址！小弟谢谢鸟哥了 真的很无奈
38. 大智若鲁 : 2012年01月05日 138 天前 17:46:35  38楼 @回复 回复

    很精致的主题
39. demi : 2012年03月12日 71 天前 23:39:30  39楼 @回复 回复

    鸟哥好，我用2.7主题，还遇到个相册的问题，就是相册主页面时，直接点各个相册的播放按钮，图片并不开始出现，只是loading不停的转，但是进入相应相册时，点对应图片是显示的。找半天也没弄明白哪出问题了