Tomgo的生活博客 » 代码 http://www.54tomgo.com 生活|电影|新闻|IT话题 Fri, 30 Jul 2010 01:05:41 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 DIV+CSS定义滚动条样式，实现内嵌效果 http://www.54tomgo.com/archives/430.html http://www.54tomgo.com/archives/430.html#comments Sun, 30 Aug 2009 03:34:58 +0000 tomgo http://www.54tomgo.com/?p=430
CSS滚动条
CSS滚动条

今天忽然想起我的博客签名要更新了，但是我也想保留历史签名，于是参考了淘宝的一些装修的店铺，修改了一下CSS，做了个漂亮的DIV+CSS的滚动条，实现了内嵌的效果。不用iframe的。

CSS代码如下

  1. #about {
  2. float: left;
  3. display: inline;
  4. margin-top: 30px;
  5. width: 500px;
  6. font-size: 14px;
  7. }
  8.  
  9. <p style="text-align: center;">#about p {
  10. color: #FFF;
  11. font-size: 14px;
  12. line-height: 1.4em;
  13. SCROLLBAR-FACE-COLOR: #666666; Z-INDEX: 1; SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; MARGIN-LEFT: 2px; OVERFLOW: auto; WIDTH: 550px; SCROLLBAR-SHADOW-COLOR: #666666; SCROLLBAR-3DLIGHT-COLOR: #666666; SCROLLBAR-ARROW-COLOR: #f3e6a0; SCROLLBAR-DARKSHADOW-COLOR: #444444; HEIGHT: 80px;
  14. }

在网页中使用：

  1. <!-- ^^^^^^^^^^^^^^ 请修改^^^^^^^^^^^^^^ -->
  2. <div id="about">
  3. <p>签名： <br />
  4. (2009-8-29)这个月很忙，老婆肚子大了，公司的工作量大了很多。幸亏现在住进新房子了，晚上在家里加班，可以轻松一点。一边看我的42寸LG液晶电视，一边跟客户聊天，也算有片刻的放松的。
  5. <br />
  6. ---------------------------------------------------------------------------------------------------------
  7. <br />
  8. (2009-8-4)今年过得特别有意义，5月份结婚，6月份老婆说有了，7月份买了房子。好像一下子过了常人的几年时光。特别想记录这段日子发生的事情，于是我的tomgo博客又重开了。 </p>
  9. </div>
  10. <!-- ^^^^^^^^^^^^^^ 请修改 ^^^^^^^^^^^^^^ -->

效果请看我的博客的头部滚动条的签名.

]]> http://www.54tomgo.com/archives/430.html/feed 0 Div+css代码实现图片的并列连接的效果 http://www.54tomgo.com/archives/424.html http://www.54tomgo.com/archives/424.html#comments Sat, 29 Aug 2009 10:02:15 +0000 tomgo http://www.54tomgo.com/?p=424
Div + Css的代码
Div + Css的代码

今天打开FireFox，发现我们公司的网站一个广告栏飞到右侧去了。我想是使用了表格的缘故。网站是基于Div+css做的，但是自己对DIV建站水平不足，很多地方还保留了TD TR的表格。下决心修改了一下，现在没有不会飞到右侧了。这个代码的作用：在photoshop割图后，要用div接拼起来，实现几张图片的连接效果。对代码进行记录：

  1. #adimglist 
  2. img{
  3. float:left; /*定义浮动到左侧，这样就可以实现几个连接的图片的并列了*/
  4. margin: 0;/*定义图片的边框为零*/
  5. }

显示效果

  1. <style>
  2. #adimglist 
  3. img{
  4. float:left;
  5. margin: 0;
  6. }
  7. </style>
  8. <div id="adimglist"><a href="http://www.yanwotang.com/catalog_160.html" target="_blank"><img src="http://www.yanwotang.com/syssite/home/shop/1/template/Cn00016/images/tupian_01.jpg" alt="正官庄高丽参" width="155" height="150" border="0"></a>
  9. <a href="http://www.yanwotang.com/product_140.html" target="_blank"><img src="http://www.yanwotang.com/syssite/home/shop/1/template/Cn00016/images/tupian_02.jpg" alt="顶级白燕条皇" width="125" height="150" border="0"></a>
  10. <a href="http://www.yanwotang.com/product_114.html" target="_blank"><img src="http://www.yanwotang.com/syssite/home/shop/1/template/Cn00016/images/tupian_03.jpg" alt="三角白燕盏" width="130" height="150" border="0"></a>
  11. </div>
]]> http://www.54tomgo.com/archives/424.html/feed 0 我的wordpress rss订阅代码 http://www.54tomgo.com/archives/305.html http://www.54tomgo.com/archives/305.html#comments Wed, 19 Aug 2009 09:05:34 +0000 tomgo http://www.54tomgo.com/?p=305
rss订阅代码
rss订阅代码

      动手修改了RSS订阅的模版，加入了抓虾、google、鲜果。自己做了几个好看的订阅图标。效果请看我的右侧边栏。
      共享我修改的RSS订阅代码，可以备忘：

 

  1. <div class="box">
  2. <h2>RSS 订阅</h2>
  3. <div class="subscribe">
  4. <div class="rssfeed">欢迎通过RSS订阅我的博客:</div>
  5. <div class="rssfeedlinks"><a href="http://www.54tomgo.com/wp-admin/&lt;?php bloginfo('rss2_url'); ?&gt;"><img src="http://www.54tomgo.com/wp-content/themes/vibrant/images/postsrss.gif" alt="订阅到我的博文" width="91" height="17" /></a><a href="http://www.xianguo.com/subscribe.php?url=http://www.54tomgo.com/feed"><img src="http://www.54tomgo.com/wp-content/themes/vibrant/images/xianguo.gif" alt="订阅到鲜果" width="91" height="17" /></a> <a href="http://www.google.com/reader/view/feed/http://www.54tomgo.com/feed"><img src="http://www.54tomgo.com/wp-content/themes/vibrant/images/google.gif" alt="订阅到google" width="91" height="17" /> </a><a href="http://www.zhuaxia.com/add_channel.php?url=http://www.54tomgo.com/feed"><img src="http://www.54tomgo.com/wp-content/themes/vibrant/images/zhuaxia.gif" alt="订阅到抓虾" width="91" height="17" /> </a></div>
  6. <div class="rssfeed">请输入您的订阅Email:</div>
  7. <!--p include (TEMPLATEPATH . '/feedburner.php');--></div>
  8. </div>
]]> http://www.54tomgo.com/archives/305.html/feed 0 wordpress显示分类文章数量和月份文章数量代码 http://www.54tomgo.com/archives/295.html http://www.54tomgo.com/archives/295.html#comments Wed, 19 Aug 2009 01:06:42 +0000 tomgo http://www.54tomgo.com/?p=295
wordpress显示分类文章数量和月份文章数量代码
显示分类文章数量和月份文章数量代码

wordpress的代码很多，不知道为什么wordpress不把大家常用的，直接显示在页面上。可能是要锻炼大家的DIY精神？
这个是显示首页的分类的文章数量的代码，打开sidebar.php，查找

  1. <?php wp_list_categories('orderby=name&title_li='); ?>

替换为：

  1. <?php wp_list_categories('show_count=1&orderby=name&title_li='); ?

这个是显示首页的月份分类的文章数量的代码，还是查找sidebar.php文件里面的，

  1. <?php wp_get_archives('type=monthly&limit=12'); ?>

一样是添加

  1. show_count=1&

替换为：

  1. <?php wp_get_archives('show_post_count=1&type=monthly&limit=12'); ?>

FTP上传后，OK~~

]]> http://www.54tomgo.com/archives/295.html/feed 9 wordpress的统计信息代码,显示文章数、评论数、标签数等 http://www.54tomgo.com/archives/264.html http://www.54tomgo.com/archives/264.html#comments Tue, 18 Aug 2009 03:46:24 +0000 tomgo http://www.54tomgo.com/?p=264
wordpress的统计信息代码
wordpress的统计信息代码

玩Wordpress少点DIY精神都不行，原来的wordpress主题是非常简陋的。幸亏wordpress的扩展性开放性够强，插件也非常多，所以很受欢迎。刚发现原来wordpress首页连统计信息都没有。搜索了很多插件，功能太过强大，没有必要。我只要统计几个信息就够了。其他的统计，我都用第3方统计网站来完成的。比如我现在是是了51.la的统计。原来用过wp23-statistics这个插件，但是现在不支持wordpress2.8了。搜索到原来自己添加代码也可以。这里共享一下我使用的统计代码，在主题的边栏添加：

  1. <li><h2>&raquo;　统计</h2>
  2. <ul>
  3. 文章数量：<?php
  4. $count_posts = wp_count_posts();
  5. echo $published_posts = $count_posts->publish;
  6. ?>  　分类数量：<?php
  7. echo $count_categories = wp_count_terms('category');
  8. ?>
  9. <br /><br />
  10. 标签数量：<?php echo $count_tags = wp_count_terms('post_tag'); ?>  　评论数量：<?php
  11. $count_comments = get_comment_count();
  12. echo $count_comments['approved'];
  13. ?></ul>
  14. </li>

随带推荐一下Coolcode，谢谢共享这么好的代码插件，下载地址coolcode

]]> http://www.54tomgo.com/archives/264.html/feed 15