Archive for the ‘小技巧’ Category

code, pre, blockquote, cite的不同

每个标签都是有其特定的语义的,样式上虽然可以随意变化,但语义都是无法互相替代的。 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 [...]

使用SQL语句自定义sidebar的评论样式

此方法仅限于不使用后台外观里的小工具拖出来的评论列表,必须自己在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 [...]

检测浏览器是否支持CSS3和HTML5

今天更新了IE9,意外的发现IE9居然都还不支持text-shadow的样式,然后就想用这个网站查查,又意外的发现用IE9和Chrome的显示情况是不一样的,原来是根据你的浏览器变化的。

这个是IE9的,一片红叉叉。


Go this URL http://fmbip.com/

WordPress摘要、自动摘要,和内容预告

(手动)摘要、自动摘要,和内容预告(当你使用 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 &raquo;’); ?–> 如果没有more,那就是全部内容。。这样看起来确实很费力。 而在Archive里的则是摘要内容 函数<?php the_excerpt(); ?> 可以看到根本没有样式,只是一堆文字的堆积,我用的是the_content()模版标签,有more的仅选取more之前的所有文字,没有more的则选前面的150个单词。

Paragon风格IE效果下debug成功~

RT 打击太大了!盒子模型完全错了。。肿麽办?? 应该是那个clearfix的问题,IE不支持吧?! 这是之前在IE下的效果图: 顶部导航条menu的背景图片没有了,而且被下面的content紧追在尾巴后面,再后面的sidebar被挤到页面尾巴上去了。 试着仿照paragon重新布局,一点效果都没。 在几经周折终于在网上到到一段神奇的代码。修复了这个BUG。 在menu里面的ul里加上overflow:auto; IE效果OK了。但是,在Chrome里看,menu最右边出现了滚动条= =!!  蛋又碎了一地。 overflow还有是属性呢?改成overflow:hidden;,成功!