BLCE | 蓝冰博客

分类： 笔记

好好学习，天天向上~O(∩_∩)O~

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

    上次发过一篇网站变灰的文章，不过只在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

  • 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文件，可能需要添加域名允许（除非你没有使用外链图片）

  • 公益之私议

    公益之私议

    转载自 益暖中华 ，很耐读的一篇文章。

    发表人：西客

    内圣外王 —— 做一个现实的理想主义者

    五年来通过“益暖中华”大学生公益创意大赛见证了许多大学生的公益热情，时常会想和青年朋友们分享一下自己的感受和对公益的认识。希望提前说明的是，本文仅是一些个人思考，并没有足够系统的理论研究作为支撑，有些思想可能早有前人做过更清晰完整的阐述分析。笔者并没有足够的实践经验作为基础，无疑会有很多个人认知上的局限性，更不能逃脱我们所在时代的社会发展阶段的局限性。与大家分享，仅作参考，非常欢迎有识之士指出其中的谬误。不论在今天或未来，欢迎大家对此文提出批评、斧正，以期共同提高。

    如果此文能让年轻的朋友们有所思考，请仅以此作为借鉴，独立思考，挑战其中的观点、认知。我们都是公益事业中的新人，都在探索、尝试、实践，不断丰富自己的实践经验和提高理论知识水平。如果希望了解一些相关背景，可以先阅读《为明天播种》、观看视频《183秒感动》。

     

    一、什么是公益

    2006年前后，国内的各类媒体上“公益”这两个字的曝光程度还非常之低，所谓“慈善”还基本停留在捐赠的层面，而“企业社会责任”更是鲜为人知。在信息社会持续高速发展的背景下，汶川地震、饮食安全、基金会困境等事件把与公益相关的理念越来越多地带入每个人的日常生活，今天的电视报纸及网络中以公益为名的活动已几乎无处不在。

    在探讨对公益的个人理解之前，先谈谈什么不是公益。

    如今在媒体中出现的“公益”常常变成了一个带有营销性质的时髦形容词，甚至有被滥用的倾向。每当我们看到这样的字眼，可以思考一下这是不是穿着公益外衣的商业行为？是否有利益交换？是不是以公益为名的宣传营销？另一个类似的现象是一些以盈利为目的的公司或商业活动用招募志愿者的名义获取免费或低价劳动力。希望青年朋友在报名志愿者前先考察一下活动本身公益性质的真实性——自己做的是真的志愿者、还是以志愿者为名的临时工？时常有本身缺乏公益性的活动被人为地嫁接上一些“公益”元素，最常见的形式就是“先以某种形式赚钱、再进行部分捐赠”；如果仅以最后捐赠为衡量标准，则所有商业项目和非公益类项目类几乎都可以通过捐赠而被归类为公益项目。这一点我们在“益暖中华”大赛的预赛评语中有更多细节案例，这里就不赘述了。

    在社会机构的层面，也有时候我们会将法律上的义务与公益混淆。公司纳税是法律义务，不是公益；企业不破坏环境是法律义务，不是公益；公共教育机构提供教育资源是法律义务，不是公益；公共医疗机构救死扶伤是法律和道义上的义务，不是公益； … … 同样，政府和国企使用纳税人的钱建设国家、改善民生（例如扶贫、发展教育等等）也都是法律义务，不是公益、不是慈善。

    那么什么是公益？在平常状态下，“公益”所指的应该是以公共利益为目标、不以营利为目的、不隐藏潜在商业利益、不暗含利益交换、且本不在法律责任内的回馈社会的行为。