CSS Mac Dock
  • Wordpress Theme 教程(Wordpress模板制作)2 - [代码]

    已经获得了header.php, index.php, sidebar.php, footer.php这四个文件,接下来我们要做的就是搭积木了。
    header.php

    PHP:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3.     <head profile="http://gmpg.org/xfn/11">
    4.     <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    5.     <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
    6. <!-- Meta Tags -->
    7.     <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
    8.     <meta name="robots" content="index, follow" />
    9.     <meta name="keywords" content="" />
    10. <!-- Favicon -->
    11.     <link rel="shortcut icon" href="favicon.ico" />
    12. <!-- CSS -->
    13.     <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    14. <!-- RSS -->
    15.     <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    16.     <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    17. <!-- WordPress Tags -->
    18.     <?php wp_get_archives('type=monthly&format=link'); ?>
    19.     <?php wp_head(); ?>
    20.     </head>
    21. <body>
    22.     <div id="header">
    23.         <div class="bloginfo">
    24.         <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>
    25.         </div>
    26.         <div class="admin">
    27.         <?php wp_loginout(); ?>
    28.         <a href="#sub-menu">Sub-Menu</a>
    29.         </div>
    30.     </div><!-- header -->
    31.     <div id="page">

     

    • line1-5:用来描述页面的基本信息,诸如使用那一种标准,字符编码,还有页面标题。
    • line7-13:一些meta标签信息和站点ico设定。
    • line15-20:对css文件和rss订阅地址的设定,方便自动发掘程序。
    • line22-24:我也不知道干吗的,反正个个模版都有-_-;。
    • line29-35:标题部分。
  • Wordpress Theme 教程(Wordpress模板制作)1 - [代码]

    文件:

    • 404.php
      404出错信息,当访问者输入了一个不存在的地址就会看到这个页面,可以在这里写一些有用的提示,或者直接给个404 error。
    • archive.php
      控制存档、分类、日期的输出页面。其实这些内容是可以单独控制的,不过大部分模版都不把它们分开对待。
    • comments-popup.php
      弹出留言窗口的输出格式。
    • comments.php
      留言部分的输出格式。
    • footer.php
      一般是用来输出页脚信息的,比如放些模版作者,版权信息之类。
    • header.php
      用来输出标题和菜单项,同时html文件的头信息也放在这里。
    • index.php
      整个首页的主体结构,正文内容输出部分就是放在这里的。
    • page.php
      “页”的模版文件,控制Page的输出内容。
    • screenshot.png
      从WP2.0开始,模版选择会提供缩略图,这个文件就是缩略图文件。
    • search.php
      搜索的结果输出页面。
    • searchform.php
      搜索框的格式定义。
    • sidebar.php
      用于输出侧栏内容。
    • single.php
      当点击一篇文章后,所展示的页面内容由这个文件来控制。
    • style.css
      所有所有页面的具体表现样式都由这个文件来控制。

      一旦做起来就会明白,WordPress把一个页面的内容分成了Header + Content + Sidebar + Search Form + Footer这样的结构,对于模版制作者和用户来说这都是一个方便的处理方式。所以,我们后面所作的和搭积木一样简单。

  • RGB色彩对照表 - [代码]

    #FF7F50#FF7F24#FF7F00#FF7256
    #FF6EB4#FF6A6A#FF69B4#FF6347
  • 中国传统色彩名录 - [代码]

    ████ 橘黄:柑橘的黄色。
    ████ 橙黄:同上。 (quester注:Y100 M50 感觉的色彩,现代感比较强。广告上用得较多)
    ████ 橘红:柑橘皮所呈现的红色。
    ████ 姜黄:中药名。别名黄姜。为姜科植物姜黄的根茎。又指人脸色不正,呈黄白色
    ████ 缃色:浅黄色。
    ████ 橙色:界于红色和黄色之间的混合色。
    ████ 茶色:一种比栗色稍红的棕橙色至浅棕色
    ████ 驼色:一种比咔叽色稍红而微淡、比肉桂色黄而稍淡和比核桃棕色黄而暗的浅黄棕色