作者: 蓝冰

  • 悼念四川雅安芦山,网站变灰方法

    上次发过一篇网站变灰的文章,不过只在IE下有效,Discuz哀悼日只让首页变灰

    这次再找了一个办法,可以兼容各个浏览器。

    四川雅安芦山发生7.0级别大地震,不少网站像淘宝、网易等首页已经变成了灰色表示哀悼。

    我整理了几种让网页变灰色的CSS代码,供各位站长参考!

    方法1:支持IE

    [cce_html]
    <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"></p><p><style>
    html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
    </style></p>
    [/cce_html]
    说明:此方法支持IE,不支持Firefox和Chrome等非IE内核浏览器。

    方法2:支持IE

    [cce_html]body {filter:gray}[/cce_html]

    说明:此方法支持IE,不支持Firefox和Chrome等非IE内核浏览器。

    提示:虽然这个方法代码量最小,但是效果却不好,而且网页也比较卡。

    方法3:同时支持IE和Chrome

    [cce_html]<style>
    html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
    </style>[/cce_html]说明:此方法支持IE浏览器、Safari和Chrome等浏览器,但是不支持Firefox浏览器。

    方法4:使用grayscale.js插件

    使用grayscale.js插件。这个插件是模拟IE的filter:progid方,官网地址在:

    http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/

    使用方法:

    [cce_html]<script src="http://james.padolsey.com/demos/grayscale/grayscale.js" type="text/javascript"></script>
    <script type="text/javascript">
    window.onload=function(){  grayscale(document.body);  }
    </script>[/cce_html]

    说明:支持IE、Safari、Chrome、Opera和Firefox等浏览器。

    问题:这个在IE下也挺占资源的。

    建议:使用方法3,虽然不支持更多的浏览器,但是稳定、速度快,而且资源占用小。还有一点,我发现除了方法四,其他的在IE10下也都失效,不知为什么。。。

    =====================================

    个别处理:IE下有些flash还是彩色的,处理方法如下:

    如果网页中含有FLASH,可以使用下面的方法使FLASH变灰:

    第一种方法:如果是用下面的方式调用FLASH,则在代码中加入 wmode=”opaque” ,例如:

    [cce_html]<embed src="http://www.zzsky.cn/flash/flash/20085777173407.swf" width="600" height="150" type="application/x-shockwave-flash" quality="high" wmode="opaque">[/cce_html]

    第二种方法:如果是用下面的方式调用FLASH,则在代码中加入 <param name=”wmode” value=”opaque”> ,例如:

    [cce_html]
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" name="flashmtv" id="flashmtv" width="100%" height="350">
    <param name="movie" value="http://music.zzsky.cn/flashmtv/duandian.swf">
    <param name="quality" value="high">
    <param name="wmode" value="opaque">
    <embed src="http://www.zzsky.cn/flash/flash/20085777173407.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" name="flashmtv" id="flashmtv" width="100%" height="350">
    </embed>
    </object>
    [/cce_html]

    图片变灰

    [cce_html]img{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}[/cce_html]

    使去掉网页上图片的颜色,注:此法不能去处js调用过来的图片颜色,所以希望广告平台能够响应,三天灰色网络,以表示哀悼!

  • WordPress博客添加首页、文章页、页面、分类页、标签页的关键字和描述进阶版

    WordPress博客添加首页、文章页、页面、分类页、标签页的关键字和描述进阶版

    这篇文章转自西门的后花园,这个早就用上了,只不过最近在折腾另一个博客,找了半天才找到,留着以后备用。

    刚开博客的时候写过同样一篇文章《帮你的WordPress博客添加主页、文章页的关键字和描述》,是因为这种方法加关键字和描述对搜索引擎最友好,比“All In One SEO”之类的插件要好很多,至于你信不信,我反正是信了。而居然让我没想到的是,很多新手朋友居然不知道“自定义栏目”(以前较“自定义域”)在哪……其实就在编辑文章页面的右上方,有个“显示选项”的下拉,把“自定义栏目”(之前版本叫“自定义域”)勾选即可。

    正好Sola同学跟我留言,建议我做个meta box,所以上午在家无聊就搜了一下相关文章把这个效果改进,最终效果如下图:

    这种在文章编辑框下面可见的形式,我想再没有哪个新手还不会的吧?

    接下来就是实现方法:

    一、下载压缩包解压,把seobox.php文件放到你的主题文件夹里。[Downlink href=”http://blce.me/wp-content/uploads/2013/04/seobox.zip”]点击下载[/Downlink]

    二、用编辑器打开functions.php,在最下面“?>”之前,加入:

    [cceL_php]
    //首页、文章页、页面加关键字和描述
    include dirname(__FILE__) . '/seobox.php';
    [/cceL_php]

    这句话的意思就是在functions.php里引入上面seobox.php的代码。
    三、用编辑器打开header.php,在<head>与</head>之间任意地方(一般加到<title>下面比较美观)加上如下代码:

    [cce_php]
    <?php
    //首页
    if (is_home()){
    	$keywords = "你网站首页的关键字";
    	$description = "你网站首页的描述";
    }
    //文章页、页面
    elseif (is_single() || is_page()){
    	$keywords = get_post_meta($post->ID, "keywords", true);
    	$description = get_post_meta($post->ID, "description", true);
    }
    //分类页
    elseif (is_category()){
    	$keywords = single_cat_title('', false);
    	$description = category_description();
    }
    //标签页
    elseif (is_tag()){
    	$keywords = single_tag_title('', false);
    	$description = tag_description();
    }
    $keywords = trim(strip_tags($keywords));
    $description = trim(strip_tags($description));
    ?>
    <meta name="keywords" content="<?php echo $keywords; ?>" />
    <meta name="description" content="<?php echo $description; ?>" />
    [/cce_php]
    我相信你会把代码里那个首页的关键字和描述手动改成你自己的吧。

    OK,这样就大功告成了。这段代码可以使用在五个页面里:首页(直接修改上面代码)、文章页(新建或编辑文章时,编辑框下面)页面(新建或编辑页面时,编辑框下面)、分类页(关键字是分类名,描述是分类目录描述)、标签页(关键字是标签名,描述是标签描述)。分类目录描述和标签描述,点击后台每个分类名和标签名里有。此方法兼容我以前写的文章方法。

    如果有代码洁癖,或者不想在模板文件夹里多加seobox.php之类的文件,可以打开seobox.php,复制除第一排“<?php”和最后一排“?>”之外中间的代码,到functions.php的“?>”之前,同样也是可以的。

    参考文章:http://www.itfen.com/bbs/thread-535-1-1.html

    http://www.solagirl.net/meta-box-vs-custom-fields.html

    http://www.ludou.org/wordpress-exp-1.html

  • QQ群管理员守则

    QQ群管理员守则

    尼玛,没水平的群的管理员真的能让人气死啊!!!

    下午上班,有陌生人私Q我发广告,一般通过群里找人私Q聊天的,聊天窗口的右边会显示来自哪个QQ群
    然后我截了图发群里,以示这个QQ是广告机
    说了下举报,让管理踢人
    结果。。。管理那人没踢,把我踢了。。。我觉得应该是管理看错了,没看清楚截图的意思
    没事,我又加进去说明情况,下班的时候特意多说了些话解释清楚,我觉得应该能明白了
    晚上回家一看,另一个管理又踢了我,尼玛。。。
    没事,我再加群进去问清楚
    我就问为什么
    他。。。他。。。竟然说我资料的地址可能跟发广告的Q类似。。。
    我。。。我。。。无语。。。那时,那个广告QQ还在群里,还没踢~。。。。。
    我彻底无语了。。。
    =========================================
    蓝冰  19:33:44
    第二次进来我说明了情况,结果又踢我
    雷蚕  19:33:44
    那第二次呢
    86天才  19:33:59
    你想滥竽充数的  别以为我不知道
    想忽悠我???你没这个本事
    蓝冰  19:34:21
    尼玛不信?
    86天才  19:34:25
    你真的很聪明
    雷蚕  19:34:28
    天才
    蓝冰  19:34:31
    谁把今天那个截图、
    雷蚕  19:34:31
    他哪里有这个啊
    86天才  19:34:32
    两个QQ在群里的
    雷蚕  19:34:33
    我看看
    蓝冰  19:34:35
    发出来看下
    我换电脑了,没图片了
    管理员真没水准啊
    截图的意思都不会看
    。。。
    谁发下图
    我解释清楚就出去
    86天才  19:35:48
    反正那个人在群里拉人的 被我踢了的
    蓝冰  19:35:55
    那个地址是我的工作地址
    我资料里不能写地址?
    86天才  19:36:10
    聊天记录的在公司里 我现在在家里的没有聊天记录的
    ======================================
    ======================================
    这件事,真的雷到我了。。。
    这个我得好好总结总结,让不清楚的人了解了解,因为对于群管理的问题,偶应该是经验丰富,因为在学校的时候弄了两年的新生群,因为当时贴吧被封锁,所以学校的论坛很火,所以论坛出的QQ新生群基本上可以代表学校的新生了,两三个超级群,在开学后每个群人数都会达到五六百人,所以对于广告者的删除和新人的加入一般看的很准,都习惯了。
    先说说广告的形式,广告机无非这几种形式:
    第一种,先加入群里,然后光明正大发广告,然后被踢。
    第二种,加群后,私聊发广告,聊天窗口会显示来自哪个QQ群,然后经由会员举报告诉管理员而被踢出。
    第三种很麻烦,他会先在群里跟大家闲聊几句,然后熟了一点之后,他时不时的发广告,这时候会员可能不会举报,管理员也有点为难,但一般发多了之后也会被踢。
    第四种,在群空间里发广告贴或者发广告图片,消息会推送到群消息。
    再说说审核加入的标准:
    第一,看验证信息的时候,无留言,无昵称,拒绝。
    第二,看验证信息的时候,无资料,Q龄0年,拒绝。
    第三,看验证信息的时候,无留言,十位号码,Q龄0年,拒绝。
    第四,看验证信息的时候,留言套话(什么群主请加,终于找到组织了,+++,老大请加我,我是小李呀),看都不看,拒绝。
    第五,昵称明显的广告嫌疑,资料明显的广告嫌疑,拒绝。
    最后说说定时查人删除标准,因为有些管理员因经验不足或者疏忽导致广告进入:
    第一,群内发广告,踢。
    第二,会员举报发广告,踢。
    第三,10位QQ,无昵称,踢。
    第四,10位QQ,无发言记录,踢。
    第五,半年以上无发言者,踢。
    第六,群内私聊找小姐,骚扰者,踢。
    最后是顽强的小强似的屡踢屡加,我还真遇到过,加进来N次,踢出去N次,解决方法,复制下QQ号及昵称,踢出,将QQ号及昵称群消息发一次说封杀他,遇见就举报踢出,各管理员留心,QQ号及昵称发布在公告栏几天备忘,时不时搜索各个群,遇见这个Q就踢。
    说起来,QQ管理员也是一门技术活啊,哈哈哈~
  • word文档中方框中怎么打钩

    word文档中方框中怎么打钩

    在方框里打钩的第一种方法:利用带圈数字来实现。方法如下:

    步骤一、打开Word文档,然后用“智能ABC拼音输入法”,或者是用“QQ拼音输入法”,按“V”,然后按“1”,利用“+”和“-”翻页,选择“√”钩符号;

    步骤二、然后选中刚才输入的钩“√”,选择Word菜单栏的“格式”中“中文版式”中的“带圈字符”,在弹出“带圈字符”里面“圈号”下面选择“□”方框,确定即可实现“方框里打钩”效果,如果觉得这种不合适的话,那么你可以接着往下看看第二种方法。

    第二种在方框里打钩的方法:插入特殊字符来实现。

    第一步、单击菜单栏的“插入”中“符号”,在弹出的“符号”窗口中“字体”后面选择— Wingdings 2,然后在下面找到“方框里打钩”的符号,然后单击“插入”按钮就行了。

  • word中图表的自动编号

    word中图表的自动编号

    学完刚才文献引用自动编号的方法,顺便把图表和表格的自动编号也学一下好了。

    1、图的自动编号

    也许有人觉得没有必要自动编号,但是想想如果一个报告里面有几十张图,几百张图的时候,改动一个图,所有的图的编号都要改变,工作量非常之大。

    第一步,选中图片,右键,选插入题注,弹出如下对话框:

     

    第二步,在该对话框中,选择新建标签,然后输入图1.或是图2.或是图3.等,或是图1-,图2-,图3-,具体如何看各个学校的规定和自己的爱好,我们学校建议采用图1.这种格式。

     

    第三步,输入好后,就可以看到自动编号的样子了,一般图的自动编号选择在图片的下面,表的自动编号,选择在表的上面。

    第四步,点击确定,对插入的图进行命名,排版(一般采用黑体,五号,居中),自动编号的图片前面有个黑点,这个黑点就是以后图表索引位置。

    2、表格的自动编号

    表格的自动编号同图的自动编号,只是表格选择在上面。

    这里如果你word里面没有相应标签,就要新建适合自己的标签,新建标签的方法前面图的自动编号中有。

    3、公式的自动编号

    第一步,安装mathtype6.0或是6.5以上的编辑器,设置公式自动编号的显示格式;

    第二步,点击上面后,弹出如下公式格式设置对话框,按着对话框来设置就差不多了;

    第三步,点击插入公式;

    第四步,所有公式插入完了以后,全选,点击update,就可以自动更新公式的编号了。后续中如果要添加新的公式,或是删除公式按着相同的方法就可以实现公式的自动编号和更新。

  • word中论文参考文献的引用及自动编号的使用

    word中论文参考文献的引用及自动编号的使用

    苦逼的论文。。。唉,copy here copy there,自动目录俺会,自动参考文献引用编号,厄,还真没用过,好吧,百度了下,步骤如下,有需要的同学学学吧~

    word菜单选择“格式”激活“样式和格式”→新样式

    在“属性”各选项输入,在“格式”各选项选择(针对参考文献字体非编号),可参考下图:

    激活上图“格式”→“编号”,出现“项目符号和编号”选项卡,选择“编号”→“自定义”

     

    在“自定义编号列表”对话框中输入或选择,其中“编号格式”下对应的输入框里可以为编号添加各种括号,可参考下图:

     

    激活上图“字体”,出现编号“字体”对话框,根据论文要求选择即可。

     

     

    到此参考文献样式设置完成,点击“确定”即可。

    写论文时,其实最先做的就是论文模板的制作,按照论文要求制作WORD模板。像参考文献样式之类的均在制作word模板完成,有了一个通用模板后,以后写论文,大体都可以按照模板来编写,各种论文要求不一样的话,就稍微按照新要求修改模板即可。

    在论文编写过程中,遇到需要引用参考文献的地方时,首先光标定位于文档末尾,点击“样式和格式”里的“[1] 参考文献”样式。现在就可以输入引用的参考文献了。以后需要输入新的参考文献时,光标只需定位到上次输入文献的末尾,回车后再输入新参考文献即可。

    如何引用参考文献呢?

    在需要引用文献的地方,如果引用需要设置为上标显示,则按住“Ctrl+Shift+=”。点击word菜单“插入”→“引用”→“交叉引用”,出现“交叉引用”对话框。具体参照下图操作,在“引用哪一个编号项”里选择你所需引用的文献编号。最后“插入”即可。

     

    注意:当有新的参考文献出现时,如果此文献必须位于第一参考位置,那么在原先第一参考位置上边空出一行,则只需要重新点击“格式和样式”选择“[1] 参考文献”样式即可(或者用格式刷也可)。先前的参考文献会自动重新编号。论文中的引用不会自动更新,这时只需要Ctrl+A选中全文,再按F9即可。

  • 相关日志缩略图不显示问题解决办法

    相关日志缩略图不显示问题解决办法

    在为朋友设置一款主题启用后,相关日志缩略图不显示,已经遇到两次了,两个主题都是这样,用的又拍云的图床,不显示的原因是地址没被允许。A TimThumb error has occured

    首先给大家说以下缩略图的工作原理:
    如果相关的文章有设置特色图像,那么主题会自动获取该特色图像为缩略图。如果没有特色图像但文章中有插入图片,那么主题会自动获取该文章中的第一张图片作为缩略图,如果文章中既没有特色头像也没有插入图片,则会使用主题内置的默认图片随机显示。

    如果你发现相关日志中的图片无法显示,请按照以下办法进行解决。
    图像文章格式不显示图片以及音乐文章格式的专辑封面不显示,也可以使用此方法解决。

    1、检查wp-content\themes\xxxx中是否有一个名为cache的文件夹。如果没有,那么手动建立一个名为cache的文件夹。

    2、检查cache文件的权限是否为777(有些主机775也可以,但有的主机就必须为777才行,这跟主机的权限严格程度有关)

    3、如果还未能接另外还有一种情况会导致以上问题,就是相关日志里链接的文章中里面的图片使用了外链图片,比如你的域名是a.com,但使用的图片是b.com里的,那么需要给该域名添加域名允许。

    注意:如果你使用的主题中有timthumb.php文件,可能需要添加域名允许(除非你没有使用外链图片)