Posted on 01/31/2012, 21:40, by badst, under
个人日志.
白色主题上传上来就出问题了，编辑文章的时候出现这个错误，网上搜到很多，但都没办法解。 Warning: Cannot modify header information – headers already sent by (output started at /home/badst/domains/badst.host7.meyu.net/public_html/wp-content/themes/Spring2012/functions.php:1) in/home/badst/domains/badst.host7.meyu.net/public_html/wp-includes/pluggable.php on line 866 还有在Chrome下看到<body>跑到了<head>前面。。。我已经把所有php文件转成UTF8编码了，本来本地测试一点问题都没有的。 现在后台所有动作，修改主题什么的都会出现这个错误，虽然修改的效果已经实现。烦躁中！！！ 原因：是utf-8文件BOM头在作怪。我用的是Notepad++，保存为不含BOM头的文件，问题解决了。
Posted on 01/31/2012, 21:33, by badst, under
小技巧.
每个标签都是有其特定的语义的，样式上虽然可以随意变化，但语义都是无法互相替代的。 code, pre, blockquote, cite code computer code text 表示小段代码，如 font-family:Verdana,Tahoma,Arial,Sans-Serif; pre preformatted text 表示大段代码，范围更广，并且是块状元素，可能被使用来格式化各种文本，特别是代码。使用没有需要特别注意的，主要是语义上的正确使用。在WordPress的编辑器里表示为“预格式化”。如： .demo { font-family:’Conv_GoodDog-webfont’,Sans-Serif; width:800px; margin:10px auto; text-align:left; border:1px solid #666; padding:10px; } blockquote 常用以大段引用，如 We hold these Truths to be self-evident, that all Men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among [...]
Posted on 01/31/2012, 09:25, by badst, under
小技巧.
此方法仅限于不使用后台外观里的小工具拖出来的评论列表，必须自己在sidebar.php里加代码。 Code: <!– start sidecomments–> <li> <h2>最新评论</h2> <ul class=”nav-comment-content”> <?php global $wpdb; $sql = “SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_author_email, comment_date_gmt, comment_approved, comment_type,comment_author_url, SUBSTRING(comment_content,1,20) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = ’1′ AND comment_type = ” AND post_password = ” ORDER BY comment_date_gmt DESC [...]
Posted on 01/30/2012, 09:30, by badst, under
小教程.
记得刚接触电脑那会儿，就对windows的设置桌面背景特别感兴趣。 设置背景有3个选项：居中，平铺，拉伸。 居中就相当与css中background的：center no-repat 平铺是background的默认设置。 而拉伸这个功能终于在CSS3中千呼万唤始出来。 语法：background-size ：[ <length> | <percentage> | auto ]{1,2} | cover | contain 说明：设置背景图片大小，指定背景图片大小或百分比显示。 实例：以下这张图片，原图大小：256px * 256px CSS: color:black; height: 350px; width: 350px; padding: 20px; border: 10px dotted #111; background: #80B3FF url(‘http://badst.org/wp-content/uploads/2012/01/256.jpg’) center no-repeat; background-size: 100%; text-shadow: 0 -1px 1px #fff; 这里是效果图，可以看到背景图片被拉伸到这个div的高度和宽度。 参考资料：http://www.zhangxinxu.com/css3/css3-background-size.php 相关属性：background-clip | background-origin
Posted on 01/29/2012, 10:54, by badst, under
推荐阅读.
在苹果的网站页面的source里看到这张图片，地址是： data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAAlElEQVR42oWQQRHEIAxF10ElVAISVgo3bCABCUhYCZWAhEpAQpoD6bzJhNnDO0DyyA8fEXkppXyVCpLViDUfyqVIQN9JFMY637hrlCySFauL21E7KVWbAIGx56rnSLqc5KPXSLo3kySalPhTygFhRDtFC09EIsMeZJSGBj7Qveh3OJW89syImiH%2BIO2BOJX0XwA2%2BQEL4pAhSX4aBQAAAABJRU5ErkJggg%3D%3D 就很奇怪这是哪里的图片？远程的？本地的？在CSDN上问人才知道这个叫Data URI scheme 网页优化的一大首要任务是减少HTTP 请求 (http request) 的次数，例如通过合并多个JS文件，合并CSS样式文件。除此之外，还有一个data URL 的密技，让我们直接把图像的内容崁入网页里面，这个密技的官方名称是 data URI scheme 。 Data URI scheme 的语法： <img src=”data:image/png;base64,iVBOR….> 它包含一下部分：
Posted on 01/26/2012, 08:58, by badst, under
个人日志.
总结 CSS3的各种效果太炫了，和几年前相比省了不知道多少功夫，一些简单的效果再也不要用图片了。 记得之前做的那个阳明的网站，一个透明效果搞到半死:( 有用的效果代码：（因标准不统一，各大浏览器有所不同，Firefox代码前加“-moz-”，Chrom/Safari代码前加“-webkit-” border-radius 圆角效果值越大圆的半径越大。 box-shadow 盒子阴影。可同时定义很多个，在中间以逗号分开“,”详见：CSS3属性Box-shadow text-shadow 文字阴影。详见：CSS3:文字阴影知多少 background 滑动门技术，一个图片，多个用途。通过控制背景的位置得到不同的显示结果。 CSS3里还能同时定义多个图片，以“,”分割，IE8目前都不支持这样的写法。
Posted on 01/25/2012, 22:29, by badst, under
技术教程.
PHP环境搭建:Win7下安装配置Apache(2.2.21)+php(5.39)+Mysql(5.5.19) 步骤一：下载 PHP 5.3 (5.3.9) VC9 x86 Thread Safe 文件名：php-5.3.9-Win32-VC9-x86.msi [38.44MB] sha1: 7c75a4c19c256b5b6d2e6dd5958402f5fd1def42 下载地址：http://windows.php.net/download/ MySQL Installer 5.5.19 文件名：mysql-installer-5.5.19.0.msi [209MB] MD5: cc20bb782c76de9f1c61507e85f88cec 下载地址：http://dev.mysql.com/downloads/installer/ Apache 2.2.21 (released 2011-09-13) httpd-2.2.21-win32-x86-openssl-0.9.8r.msi [5.56MB] 下载地址：http://httpd.apache.org/download.cgi
Posted on 01/24/2012, 16:59, by badst, under
小教程.
字体使用是网页设计中不可或缺的一部分。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的 时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷：1. 不可能大范围的使用该字体；2. 图片内容相对使用文字不易修改；3. 不利于网站SEO（主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素）。网络上有一些使用sIFR技术、或 javascript/flash hack的方法，但实现起来或繁琐，或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。 第一步 获取要使用字体的三种文件格式，确保能在主流浏览器中都能正常显示该字体。 .TTF，True Type Font 适用于Firefox 3.5、Safari、Opera OTF，Open Type Font 适用于Firefox 3.5、Safari、Opera .EOT，适用于Internet Explorer 4.0+ .SVG，适用于Chrome、IPhone .WOFF，适用于Firefox 3.6 +，支持Mozilla的text-rendering属性 下面要解决的是如何获取到某种字体的这三种格式文件。一般地，我们在手头上（或在设计资源站点已经找到）有该字体的某种格式文件，最常见的 是.TTF文件，我们需要通过这种文件格式转换为其余两种文件格式。字体文件格式的转换可以通过网站Font2Web，FontsQuirrel或onlinefontconverter提供的在线字体转换服务获取。这里推荐第一个站点，它允许我们选择需要的字符生成字体文件（在服务的最后一个选 项），这样就大大缩减了字体文件的大小，使得本方案更具实用性。选择一个字体文件后自动给你生成一个包含5种格式字体，一个demo.html演示，和一个字体声明文件的font.css，速度很快。
Posted on 01/24/2012, 00:21, by badst, under
小技巧.
今天更新了IE9，意外的发现IE9居然都还不支持text-shadow的样式，然后就想用这个网站查查，又意外的发现用IE9和Chrome的显示情况是不一样的，原来是根据你的浏览器变化的。
这个是IE9的，一片红叉叉。
Go this URL http://fmbip.com/
Posted on 01/23/2012, 20:21, by badst, under
小技巧.
（手动）摘要、自动摘要，和内容预告（当你使用 More 标签时，首页上显示的部分文章内容），这三者很容易混淆。自动摘要和内容预告都与（手动）摘要相关，但与它也有一定的区别。 这三者之间的关系是这样的：当文章没有（手动）摘要时，而且当前文章模板使用 the_excerpt() 的模板标签时，WordPress 将会自动截取文章的前 55 个单词作为自动摘要；而当文章模板使用 the_content() 的模板标签时，WordPress 则会在文章中搜索 More 标签，并将其之前的部分作为内容预告。 http://codex.wordpress.org/zh-cn:摘要 总算明白了为什么别人主页上的每个文章都是一段话配一个图片，原来是要手动加上去的。 我现在的主题，首页上是内容预告，也就是more…之前的所有内容， 函数<!–?php the_content(‘Read the rest of this entry »’); ?–> 如果没有more,那就是全部内容。。这样看起来确实很费力。 而在Archive里的则是摘要内容 函数<?php the_excerpt(); ?> 可以看到根本没有样式，只是一堆文字的堆积，我用的是the_content()模版标签，有more的仅选取more之前的所有文字，没有more的则选前面的150个单词。
