随身笔记

博客

  • win8主题metro ui风格MelonHTML5模板

    自从win8系统出发后其中最为别具匠心的是系统自带的metro ui界面，独特的界面风格试图改变人们传统的操作界面，MelonHTML5模板基于 HTML5、CSS3 和JavaScript 的 Metro UI 框架，可以通过配置参数满足实际的需要，目前此模板已经使用上了最流行的脚本语言，足以可以代表前端发展的前沿，无论是个人电脑上手机上也有自己的metro ui风格现在已经发展到了个人网站也使用到了metro ui界面这样可以更能彰显出自己的个性，metro ui的简约风格也会成为未来的发展趋势。

    模板下载
    演示地址

  • css属性加载远程外部字体文件

    在一些wordpress模板中，我们可以用CSS的font-family属性来定义字体，然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站使用了非常漂亮的字体，而这些字体通常在用户的电脑中是没有安装的，所以用font-family属性就无法实现了，今天我们就介绍使用@font-face实现个性化字体。
    CSS3 @font-face
    说@font-face是CSS3的新特性并不准确，因为CSS2就已经支持了这一特性，并且Internet Explorer早在第5版的时候就已经支持它了，不过IE实现方式是通过自有的eot(Embeded Open Type)字体格式，其它浏览器都不支持这个格式。@font-face支持如下属性：
    font-family：设置文本的字体名称。

    font-style：设置文本样式。

    font-variant：设置文本是否大小写。

    font-weight：设置文本的粗细。

    font-stretch：设置文本是否横向的拉伸变形。

    font-size：设置文本字体大小。

    src：设置自定义字体的相对路径或者绝对路径。

    @font-face浏览器兼容性如下：

    2011020918254839 4+ 3.5+ 4+ 3.1+ 10+

    举例说明，声明两个@font-face，如下：

    @font-face {
 font-family: "ChantelliAntiquaRegular";
 src: url("Chantelli_Antiqua-webfont.eot");
 }
    @font-face {
 font-family: "ChantelliAntiquaRegular";
 src: url(//:) format("no404"), url("Chantelli_Antiqua-webfont.woff") format("woff"), url("Chantelli_Antiqua-webfont.ttf") format("truetype"), url("Chantelli_Antiqua-webfont.svg#webfontMFqI76bT") format("svg");
 font-weight: normal;
 font-style: normal;
 }

    我们首先声明一个引用eot字体文件的@font-face，以确保它在IE中能正常工作，第二个@font-face引用了多个字体格式是为了兼容其它浏览器，它们将按顺序查找，直到找到支持的格式，这意味着同一个字体需要有多个格式。url(//:) format(“no404”)是一种Bulletproof写法。

    这里额外推外一个国外网站，Font Squirrel是一个非常优秀的免费字体资源网站，收集了很多高品质字体供网页设计者免费下载，还有个字体格式生成工具@font-face generator，上传一个字体文件，可以生成多种字体格式及CSS代码，非常有用。如果你需要一些优秀的免费英文字体，这是个好去处。
    想要丰富多彩的页面就需要有更多的字体样式，人们想出了很多字体替代方案，除了@font-face方案外还有sIFR、Cufon、Typeface.js等，还有.webfont，简单说，.webfont 就是在字体中嵌入了访问许可表，浏览器可以读出这些许可信息，并决定是否应该下载和渲染这些字体。另外还有Typekit也是一种值得关注的方案，将字体放在第三方服务器上供调用。这些方案的优缺点，将会在以后做详细的介绍。

  • wordpress梦幻主题乐园模板

    此wordpress模板风格具有欧美简约式的简约风格，看起来简单大气阅读内容也简单直观。
    在传统页面的基础上该主题更加漂亮没有以往密密麻麻的文字，还增加了背景及众多图片图标选择。wordpress模板不需要依赖任何插件，就可以独立运行，所有的功能以及效果。SEO方便作者提供了robots.txt文档，屏蔽隐藏的元素，重复的链接，不必要的文件，使得搜索引擎的抓取更加迅速和轻松。
    wordpress模板自身也融入了SEO相关设置，首页，内页关键词自动抓取，请保留信息放心使用。

    wordpress主题下载

  • wordpress企业建站教程设置只有注册用户才能浏览特定的内容

    有的wordpress企业网站有时候希望提高用户的注册量，所以可能希望让有些内容是用户登陆之后才能看到的。WordPress 目前的设置中，最复杂的设置是只能把文章设置为密码保护，然后通过别的途径吧密码告诉用户才能浏览，这个方法对提高网站用户注册没有帮助，而且非常不方便。今天我就讲讲如何通过 WordPress 自定义字段完美解决这个问题。

    我们增加一个自定义字段：user_only，如果这个值不为零，这篇日志或者页面是只能给注册用户浏览，然后通过 the_content 来控制内容显示，这样就能简单的并且灵活设置具体到哪篇文章或者页面是只能注册用户浏览。详细代码如下：

    [code]<?php
    /*
    Plugin Name: User only
    Plugin URI: http://www.6ird.com/archives/162.html
    Description:通过给 user_only 这个自定义字段设置为 true 来设置当前文章仅限于会员浏览。
    Author: Denis
    Version: 1.0
    Author URI: http://6ird.com
    */
    add_filter(‘the_content’, ‘post_user_only’);
    function post_user_only($text){
    global $post;

    $user_only = get_post_meta($post->ID, ‘user_only’, true);
    if($user_only){
    global $user_ID;
    if(!$user_ID){
    $redirect = get_permalink($post->ID);
    $text = ‘该内容仅限于会员浏览，请<a href=”‘.wp_login_url($redirect).’”>登录</a>！’;
    }
    }
    return $text;
    }
    ?>[/code]
    把上面带复制成一个文件上传到插件目录，在到后台开启这插件即可即可，或者直接添加到functions.php文件中。

  • wordpress调用指定文章的代码

    使用wordpress网站建设的时候我们需要调用一些我们需要的文章置顶显示在首页中去，可以使用如下代码：
    [code]<?php
    $my_id = 1;
    echo get_post($my_id)->post_content;
    ?>[/code]
    其中的“ID=1”就是我们需要调用文章的ID
    除了调用文章，我们可以修改post_content参数调用出不同的文章：
    例如：
    post_author就是可以调用出此作者所写的全部文章，这里提供更多的参数：
    [code]post_author：(整数）文章作者的编号
    post_data：(字符）文章发表的日期和时间（YYYY-MM-DD HH-MM-SS)
    post_data_gmt：（字符）文章发表的格林尼治标准时间（GMT） （YYYY-MM-DD HH-MM-SS)
    post_content：（字符）文章内容
    post_title：（字符）文章标题
    post_category：（整数）文章类别的编号。注意：该值在WordPress 2.1之后的版本总为0。定义文章的类别时可使用 get_the_category()函数。
    post_excerpt：（字符）文章摘要
    post_status：(字符）文章状态（publish|pending|draft|private|static|object|attachment|inherit|future）
    comment_status：（字符）评论状态（open|closed|registered_only）
    ping_status：（字符）pingback/trackback状态（open|closed）
    post_password：(字符）文章密码
    post_name：(字符）文章的URL嵌套
    to_ping：(字符）要引用的URL链接
    pinged：（字符）引用过的链接
    post_modified：(字符）文章最后修改时间（YYYY-MM-DD HH-MM-SS)
    post_modified_gmt：(字符）文章最后修改GMT时间（YYYY-MM-DD HH-MM-SS)
    post_parent：(整数）父级文章编号（供附件等）
    guid：（字符）文章的一个链接。注意：不能将GUID作为永久链接（虽然在2.5之前的版本中它的确被当作永久链接），也不能将它作为文章的可用链接。GUID是一种独有的标识符，只是目前恰巧成为文章的一个链接。
    post_type：（字符）（日志 | 页面 | 附件）[/code]