专业的企业网站建设、网站制作公司,服务热线：021-33516630
归类于wordpress制作网站 |
参与评论
前面文章介绍过如果把文章转贴到校内网, 这篇文章介绍如和转贴到开心网.
给文章页面添加转贴功能. 到wordpress的主题编辑页面打开single.php的编辑界面.添加下面的代码.
前提是保证当前模板的single.php有写的权限.<a href="http://www.kaixin001.com/repaste/share.php?rtitle=<?php echo urlencode($post->post_title); ?>&rurl=<?php echo urlencode(get_permalink($post->ID)); ?>&rcontent=<?php echo urlencode(strip_tags($post->post_content)); ?>" title="转贴到开心网" target="_blank" rel="nofollow">转贴到开心网</a>
归类于wordpress制作网站 |
参与评论
昨天把博客的模版更换了一下，使用的是iTheme这款模版，朋友建议说把我以前的基于日期的永久链接改成基于分类的，趁现在还没几天，以后改麻烦，询问了一下原因，自己也网上搜索了一下，说说自己的想法。
首先我们看看wordpress官方列出的部分可以使用的永久链接基本参数：
%year%
基于文章发布年份，比如2007；
%monthnum%
基于文章发布月份，比如05；
%day%
基于文章发布当日，比如28；
%hour%
基于文章发布小时数，比如15；
%minute%
基于文章发布分钟数，比如43；
%second%
基于文章发布秒数，比如33；
%postname%
基于文章的postname，其值为撰写时指定的缩略名，不指定缩略名时是文章标题；
%post_id%
基于文章post_id，比如423；
%category%
基于文章分类，子分类会处理成“分类/子分类”这种形式；
%author%
基于文章作者名。
将上述参数进行组合，即可得到wordpress的永久链接形式。网上常见的几种设置方法：
1、/%year%/%monthnum%/%day%/%postname%/
2、/%year%/%monthnum%/%postname%/
3、/%year%/%monthnum%/%day%/%postname%.html
4、/%year%/%monthnum%/%postname%.html
5、/%category%/%postname%.html
6、/%post_id%.html
诸如此类，可以自由定义的。昨天自己也改了几次，最后还是确定为：/%category%/%postname%.html这种形式。其实我是想使用基于日期的，后面叙说，都是一些片面的观点，仅供参考。
1、考虑到自己博客属单人维护，内容不可能很多，所以目录结构不宜过深，其实按照网上的说法，三层以内都是完全没问题的，可是一旦层数多了后，整个网站就变得比较松散了，网上似乎把这个叫黏合，所以我觉得上述第1、3种可以放弃，除非站点内容丰富，也通过tag之类的进行联合。
2、我个人是倾向于使用基于日期的，比如这种/%year%%monthnum%/%postname%.html生成的就是200705/XX.html，但是当你使用200705这个目录式访问时wp把200705自动重定向到2007/05，我就是不喜欢，又不愿意改成2007/05/XX.html这种形式，只有继续想办法了。
3、最后才确定使用分类来生成链接，就是上面的第5种，这种其实也不错，很多朋友都是采用的这种，我喜欢简洁就把自己的目录缩略名设置得很简单，链接看上去也还可以了。
4、我没有用现在更容易被收录的/结构而是采用html为扩展名的形式，我的想法是一个网站不能总有目录结构没有html文件吧，全站都是目录结构了，觉得这样看上去不好看，所以还是按照传统的样式好了。
最后就是把以前的链接重定向到新的了，却发现Permalink Redirect这个插件当新的永久链接形式包含分类时，它的重定向就哑了，网上找了一下，Dean’s Permalinks Migration这个插件可以应付这种情况。
归类于wordpress制作网站 |
参与评论
插件详细使用方法及下载点这里。
归类于wordpress制作网站 |
参与评论
现在wordpress拥有众多SEO插件，每个插件都有自己的长处和不足，如何辨别它们的好坏是个很伤脑筋的事情，这里提供了8款非常值得推荐的SEO插件供大家选择，它们能更加容易优化你的博客，让你腾出手来做其他工作，并且它们都是免费的。
All In One SEO Pack
All In One SEO Pack可能是目前最流行的SEO插件，它的主要功能包括使用标准的URL、自动优化日志标题、动态生成meta标签、优化重复的内容。能够替代All In One SEO Pack的是Platinum SEO Plugin，它提供了几个类似的函数，如果你对All In One SEO Pack不感冒可以尝试下这款插件。值得注意的是不要同时使用这两款插件，它们会让你的博客显得混乱不堪。
Google XML Sitemaps Generator
这款插件在博客有新内容时会通知搜索引擎，插件安装激活后会自动生成XML网站地图并提交到各大搜索引擎（包括谷歌、雅虎、Bing、MSN、ASK.com），并且网站地图在有新日志时会自动更新，国内用户推荐搭配使用Baidu Sitemap Generator。
HeadSpace2 SEO
HeadSpace2也是一款很值得推荐的插件，它能让你轻松配置网站上所有meta标签，例如，它可以让你设置文档，页面，分类，作者和搜索页面的meta标签，还能配置博客名称，简介，文档标题，noindex和nofollow 标记，你可能会意识到这些功能All In One SEOPack都具备，你不需要设置两次，但是，这款插件能让你随心所欲的设置更多meta标签。
SEO for Paged Comments
如果你的博客已经实现了博客分页，这些评论会被搜索引擎视为重复内容而降低排名，解决方法是当启用分页时产生不同的URL，它们都跟原始文件一样有相同内容，例如，如果你有一篇文章“10 Best WordPress Themes”，它会自动生成如下地址：
http://www.website.com/10-best-wordpress-themes/
http://www.website.com/10-best-wordpress-themes/comments-page-1
http://www.website.com/10-best-wordpress-themes/comments-page-2
http://www.website.com/10-best-wordpress-themes/comments-page-3
http://www.website.com/10-best-wordpress-themes/comments-page-4
这些不同的网站却有相同的内容，唯一不同的是底部的评论，这对于SEO而言并不理想，这时SEO for Paged Comments插件便有了用武之地，他将评论页面的内容替换成摘要以区别于原来的页面。
Broken Link Checker
每个网站都不可避免的会出现坏链，尤其是一些很早的文章，对于博客或者网站来说，如果死链过多，会严重影响博客的质量，被搜索引擎判为低效的网站。这样不但获取不到好的搜索排名，而且还会降低权重，Broken Link Checker不但可以检测出博客文章或者图片中存在的死链接，而且可以在管理后台直接对存在的死链或者文章进行处理。
Redirection
如果你想从一个旧的页面跳转到新的页面，或者说改变博客安装路径，这款插件会非常有用，它能管理网站的301转向并随时对返回的404错误进行监控。
Robots Meta
可以为你博客的任何页面添加针对搜索引擎机器人的metadata。为页面和目录添加nofollow属性，可以避免搜索引擎索引重复内容。你还可以防止登陆页，归档页等被索引。
SEO Friendly Images
自动为网站上显示的图片添加tag和title标签，当用户搜索图片时会为你带来潜在的流量，但是在编辑内容时经常会忘记添加这些标签，SEO Friendly Images能帮你解决这个问题。
归类于wordpress制作网站 |
参与评论
在这节课里，将学到如何运用，XHML+CSS来建一个网页。还会学到如何使用CSS来建一个wordpress模版。在学这一节课时，你最好有一些关于HTML和CSS的知识，还应该了解wordpress的功能和结构。
如果你是一个程序员，你必须有一定的PS基础，图层，切片，和了解一些wordpress的功能。无论如何，如果你是一个刚入门的webdesigner，我敢肯定你会觉得那些知识对你一定有作用。
Step 1 – Let’s begin
打开PSD文件。
首先，隐藏所有图层中的文本，链接，图像。尽可能的显示只有容器相关的图层。（如图），只显示背景，头部，导航，主体的容器，和页脚。当然你还得有一个文件夹来存图像。在这里我创建两个子目录，一个存放JPEG，另一个存PNG.
一个好的网页开始于有一个良好的结构。先建好一个html文件，再给这个文件建一个CSS.最后你就可以把这些文件替换为wordpress模版。
Step 2 – 主要背景。
现在我们动手切割图片，在PS中有一些方法可以切割图片，但是我还是喜欢用切片工具，因为这个工具对于网页比较好，但也不是都适合全部，具体问题要具体分析了。隐藏所有图层，保留背景图层和填充层。
按ctrl+alt+shift+S在弹出的对话框里选择。在选项选择.JPG格式，质量选70%.点保存最后把图片保存在/images/jpgs 文件里。
Step3-切割网页
现在来做最有趣的事–切片！首先隐藏背景图层，包括：图片背景，背景，LOGO，最终结果如图：
买空间、服务器就上主机网（CNIDC.COM） 虚拟主机评测+IDC导航=主机之家。
Step4-切割背景
给每一个切片命一个名字（名字最好是有意义的）。合并可以合并的图片，并保留背景的透命度。我利用切片工具来切割头部的图片，切割主要背景（height:1px，在这里我是为了更明显所以切割的比较大。）切割侧边背景（height:1px），继续切割footer，和footer的背景。见下图的测量长度，利用辅助线（CRTL+R）来精确的测量。保存图片为PND-24位格式，最后保存在电脑里的PND文件夹里。
当图片为PNG格式时，对于IE6是不好的支持，要升级到IE7，或者使用firefox.（如果你设计的目标是IE6，那格式最好用GIF或JGP）
Step-HTML框架
现在我们就开始编HTML框架，和CSS文件，做完之后就可以导入wordpress主题了。
头部如下：
以下为引用的内容：
<head>
<title>GenerationX</title>
<link rel="stylesheet" href="style.css"type="text/css" media="screen" />
</head>
在纸上建一个模型如图：
买空间、服务器就上主机网（CNIDC.COM） 虚拟主机评测+IDC导航=主机之家。
继续添加代码–建一个DIV容器来装所有的图层。
以下为引用的内容：
—————–
<body> <div id="page">
<!–Insert the layout here–>
</div> <!–End of "page"–></body>
—————–
头部代码:
—————-
<div id="header">
<div id="headerimg">
Page title
</div>
<div id="top_nav">
<ul>
<li>Home</li>
<li>About</li>
</ul>
</div>
</div> <!–End of "header"–>
——————
主内容层代码:
———————-
<div id="content">
<div class="blogcontent">
<div class="post">
<div class="post_title">
<h2><a href="#">Sample Post</a></h2>
<small>November 2nd, 2008 | by admin | <a href="#">Lorem ipsum</a>| <a href="#">Category 1</a>| <a href="#">Uncategorized</a></small>
</div> <!–End of "post title"–>
<!–Comments–>
<div class="postmetadata">
<a href="#">2</a>
</div>
<br class="space" />
<div class="entry">
<p>
<a href="#">
<img class="alignleft" title="pic-02" src="images/jpgs/pic-01.jpg" border="0" alt=""/>
</a>
But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human. No one rejects, dislikes, or avoids <a href="#">pleasure</a> itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.
</p>
<a href="#" class="more-link">Read more »</a>
</div> <!–End of "entry"–>
</div> <!–End of "post"–>
</div> <!–End of "blogcontent"–>
<div id="sidebar">
<ul>
<li class="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">Lorem ipsum</a> (2)</li>
<li><a href="#">Category 2</a> (1)</li>
<li><a href="#">Sample category 3</a> (15)</li>
</ul>
</li>
<li class="archives">
<h2>Archives</h2>
<ul>
<li><a href="#">November 2008</a> (2)</li>
</ul>
</li>
<li class="linkcat">
<h2>Blogroll</h2>
<ul class=’blogroll’>
<li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
</ul>
</li>
</ul> <!–End of sidebar’s list–>
<div id="search">
<form>
<label class="hidden">Search for:</label>
<div>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>
</div> <!–End of "search"–>
</div> <!–End of "sidebar"–>
<div class="bottom_sidebar">
<a href="#">RSS feed</a>
</div>
</div> <!–End of "content"–>
—————————————————————–
footer代码:
————————
<br style="clear: both;" />
<div id="footer">
<div class="column1">
Author
<br />
<a href="#">Author’s link</a><br />
<a href="#">License</a>
<div class="bottom">
Slogan
</div>
</div>
<div class="column2">
<h2>Recent posts</h2>
<ul>
<li><a href="#">Sample post</a></li>
<li><a href="#">Lorem Ipsum Dolor Sit Amet</a></li>
</ul>
</div>
<div class="column2">
<h2>Pages</h2>
<ul>
<li><a href="#" title="About">About</a></li>
<li><a href="#" title="About">About</a></li>
</ul>
</div>
</div>
——————
Step6–测试
当我们把代码编好了，下一步要做是测试在浏览器中的效果，在这里我用的是firefox的最高版本。效果如图：
买空间、服务器就上主机网（CNIDC.COM） 虚拟主机评测+IDC导航=主机之家。
Step7–内容和定位
新建一个CSS文件，首先要给每一个容器（DIV）做定位，这可能是一个比较难的工作，其实认真做就会感觉也很简单，你只要确定它们的高度;宽度和浮动。
现在要给每一个容器定义CSS属性，首先要明确类名和ID名，还要把相同的属性的字符都找出来。请认真的检查第五步里的HTML文件中的类名。别外说一点，在这里可以用明亮的背景颜色来显示出每个容器的空间。（等到最后一步，可以把这些背景删掉）而背景的图片的尺寸可以从第四步中量出。
以下为引用的内容：
=======================
body
{
margin: 0px;
padding: 0px;
text-align: center;
}
h1, h2, h3, ul, li, p, form
{
margin: 0px;
padding: 0px
}
hr
{
display: none;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.space
{
clear: both;
}
#page
{
margin: 0px auto;
padding: 0;
width: 960px;
}
#header
{
background:#CCCCCC;
height: 308px;
width: 960px;
text-align: center;
}
#headerimg
{
margin: 0px;
text-align: left;
}
#top_nav
{
background-color:#0066CC;
height: 45px;
padding-left: 105px;
text-align: left;
}
#top_nav ul
{
list-style: none;
}
#top_nav li
{
display: inline;
}
#top_nav li a:hover
{
}
#content
{
background: #009933;
float: left;
text-align: left;
}
.blogcontent
{
float: left;
padding: 10px 0px;
width: 635px;
}
.post
{
text-align: left;
}
.post h2
{
padding: 0px;
}
.post .post_title
{
float: left;
width: 90%;
}
.post_title h2, a
{
padding: 0px;
margin: 0px;
}
.post_title a
{
text-decoration: none;
}
.post_title a:hover
{
}
.post_title small
{
}
.post_title small a
{
padding: 0px;
margin: 0px;
}
.post .postmetadata
{
float: right;
height: 34px;
padding: 12px 5px;
width: 35px;
}
.postmetadata a
{
text-decoration: none;
}
.postmetadata span
{
padding-left:5px;
}
.entry
{
}
.entry a
{
padding: 0px;
margin: 0px;
}
.entry a:hover
{
}
.entry blockquote
{
border: 2px dashed #042748;
}
.entry img
{
float: left;
}
.entry ul
{
}
.entry li
{
}
.entry ol li
{
list-style: decimal;
}
.entry p
{
text-align: justify;
padding: 0px;
}
.entry span
{
}
#sidebar
{
background-color:#6666CC;
float: left;
padding: 0px 20px;
text-align: left;
width: 285px;
}
#sidebar ul
{
list-style: none;
margin: 0px;
}
#sidebar li
{
margin: 0px;
}
#sidebar li h2
{
margin: 0px;
}
#sidebar ul ul
{
list-style: none;
margin: 0px;
}
#sidebar ul ul li
{
margin: 0px;
}
#sidebar ul ul li a
{
}
#sidebar ul ul li a:hover
{
}
.bottom_sidebar
{
background-color:#006666;
float: right;
height: 90px;
width: 310px;
}
#search
{ }
#search input
{
}
#search #searchsubmit
{
background: #b1b1b1;
}
#footer
{
background:#999966;
height: 200px;
text-align: left;
width: 960px;/*909*/
}
#footer .column1
{
background:#FF3333;
float: left;
width: 300px;
}
.column1 .bottom
{
}
.column1 a
{
text-decoration: none;
}
#footer .column2
{
background-color:#006699;
float: left;
width: 250px;
}
.column2 h2
{
}
.column2 ul
{
list-style: none;
}
.column2 a
{
text-decoration: none;
}
================================
编好代码后在你的浏览器中测试效果，在此之前加上必要的图片，最终效果如下：
买空间、服务器就上主机网（CNIDC.COM） 虚拟主机评测+IDC导航=主机之家。
Step8–添加背景
好，现在开始添加背景图像了，这时我们就用到前面那些切割出的的图片了，因为城市背景是固定的，但是我们想要类似浮动的效果，该要怎么做呢，还记得第四步吗？让我们动手来做吧。
以下为引用的内容：
===============
body
{
background: #000000 url(‘./images/jpgs/bg-image.jpg’) fixed no-repeat bottom center;
margin: 0px;
padding: 0px;
text-align: center;
}
#header
{
background: url(‘./images/pngs/header-960×308.png’) no-repeat top left;
height: 308px;
width: 960px;
text-align: center;
}
#content
{
background: url(‘./images/pngs/bg-635×1.png’) repeat-y top left;
float: left;
text-align: left;
}
#sidebar
{
background: url(‘./images/pngs/bg-325×1.png’) repeat-y top left;
float: left;
padding: 0px 20px;
text-align: left;
width: 285px;
}
.bottom_sidebar
{
background: url(‘./images/pngs/bottom-325×90.png’) no-repeat bottom center;
float: right;
padding: 0px 0px 0px 15px;
height: 90px;
text-align: left;
width: 310px;
}
#footer
{
background: url(‘./images/pngs/footer-960×200.png’) no-repeat top left;
height: 200px;
text-align: left;
width: 960px;
}
======================================
最终在浏览器效果如下：
Step9–添加前景图片
添加LOGO，导航链接，评论背景，RSS图标，等等。
买空间、服务器就上主机网（CNIDC.COM） 虚拟主机评测+IDC导航=主机之家。
以下为引用的内容：
===================
<div id="header">
<div id="headerimg">
<a href="#"><img alt="Generation X" border="0" src="./images/pngs/logo-480×135.png" /></a>
</div>
<div id="top_nav">
<ul>
<li><a href="#"><img alt="Home" border="0" src="./images/pngs/home.png" /></a></li>
<li><a href="#"><img alt="About" border="0" src="./images/pngs/about.png" /></a></li>
</ul>
</div>
</div>
.
.
.
<div class="bottom_sidebar"> <a href="#"><img alt="0" border="0" src="./images/pngs/rss.png" /></a> </div>
.
.
.
<div class="bottom"> <img alt="" border="0" src="./images/pngs/footer-115×51.png" /></div>
==============================
为每个图像添加应有的CSS属性
==================================
#headerimg
{
height: 185px;
margin: 0px;
padding: 55px 0px 0px 45px;
text-align: left;
}
#top_nav
{
height: 45px;
padding-left: 105px;
text-align: left;
}
#top_nav li a:hover
{
background: url(‘./images/pngs/hover.png’) no-repeat bottom center;
}
.bottom_sidebar
{
background: url(‘./images/pngs/bottom-325×90.png’) no-repeat bottom center;
float: right;
padding: 0px 0px 0px 15px;
height: 90px;
text-align: left;
width: 310px;
}
.post .postmetadata{ background: url(‘./images/pngs/bg-45×58.png’) no-repeat top left; float: right; height: 34px; padding: 12px 10px; width: 25px;}
#footer .column1
{
float: left;
font: normal 10px Arial;
padding: 0px 0px 0px 80px;
width: 300px;
}
.column1 .bottom
{
padding: 50px 0px 0px 40px;
}
===============================
在浏览器中的效果：
买空间、服务器就上主机网（CNIDC.COM） 虚拟主机评测+IDC导航=主机之家。
Step 10–添加文本样式
我们越来越接近完成了，大家加油了，在这一步骤，给文本添加样式。这一步要注意的地方是，把文本样式添加在适合的地方，添加正确的padding 和margin的值。给例表添加CSS属性。
以下为引用的内容：
==============
#sidebar li {margin: 0px; padding: 0px 0px 0px 20px; }
===========================
COPY下面的代码
==============================
body
{
background: #000000 url(‘./images/jpgs/bg-image.jpg’) fixed no-repeat bottom center;
color: #333;
margin: 0px;
padding: 0px;
text-align: center;
}
h1, h2, h3, ul, li, p, form
{
margin: 0px;
padding: 0px
}
hr
{
display: none;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.space
{
clear: both;
}
#page
{
margin: 0px auto;
padding: 0;
width: 960px;/*909*/
}
#header
{
background: url(‘./images/pngs/header-960×308.png’) no-repeat top left;
height: 308px;
width: 960px;/*909*/
text-align: center;
}
#headerimg
{
height: 185px;
margin: 0px;
padding: 55px 0px 0px 45px;
text-align: left;
}
#top_nav
{
height: 45px;
padding-left: 105px;
text-align: left;
}
#top_nav ul
{
list-style: none;
}
#top_nav li
{
display: inline;
}
#top_nav li a:hover
{
background: url(‘./images/pngs/hover.png’) no-repeat bottom center;
}
#top_sidebar
{
color: #fff;
font-weight: bold;
height: 10px;
padding-right: 155px;
text-align: right;
}
#content
{
background: url(‘./images/pngs/bg-635×1.png’) repeat-y top left;
float: left;
text-align: left;
}
.blogcontent, .widecolumn
{
float: left;
padding: 10px 0px;
width: 635px;
}
.blogcontent form
{
color: #fff;
padding: 10px 50px 0px 90px;
}
.blogcontent input
{
background-color: transparent;
border: 1px solid #214b73;
color: #fff;
}
.blogcontent #searchsubmit
{
background: #b1b1b1;
color: #214b73;
font-weight: bold;
padding: 2px;
}
.blogcontent h2
{
color: #fff;
font: bold 18px Georgia, Arial;
padding: 0px 50px 0px 90px;
}
.blogcontent small a
{
font-size: 18px;
padding: 0px 50px 0px 90px;
}
.post
{
padding: 0px 50px 0px 90px;
text-align: left;
}
.post h2
{
color: #fff;
padding: 0px;
}
.post .post_title
{
float: left;
width: 90%;
}
.post_title h2, a
{
color: #b31414;
font: normal 24px Georgia, Arial;
padding: 0px;
margin: 0px;
}
.post_title a
{
text-decoration: none;
}
.post_title a:hover
{
color: #fff;
}
.post_title small
{
color: #385673;
font: normal 12px Georgia, Arial;
}
.post_title small a
{
color: #385673;
font: normal 12px Georgia, Arial;
padding: 0px;
margin: 0px;
}
.post .postmetadata
{
background: url(‘./images/pngs/bg-45×58.png’) no-repeat top left;
float: right;
height: 34px;
padding: 12px 10px;
width: 25px;
}
.postmetadata a
{
color: #416fa3;
text-decoration: none;
}
.postmetadata span
{
color: #416fa3;
font: normal 24px Georgia, Arial;
padding-left:5px;
}
.entry
{
color: #c3c3c3;
font: normal 12px Arial;
padding: 20px 0px;
}
.entry a
{
color: #385673;
font: normal 12px Georgia, Arial;
padding: 0px;
margin: 0px;
}
.entry a:hover
{
color: #69c;
}
.entry blockquote
{
border: 2px dashed #042748;
padding: 8px;
}
.entry img
{
float: left;
padding: 0px 20px 0px 0px;
}
.entry ul
{
padding-left: 20px;
}
.entry li
{
list-style: url(‘./images/pngs/bull-list.png’);
}
.entry ol li
{
list-style: decimal;
}
.entry p
{
text-align: justify;
padding: 0px;
}
.entry span
{
color: #b31414;
}
#sidebar
{
background: url(‘./images/pngs/bg-325×1.png’) repeat-y top left;
float: left;
padding: 0px 20px;
text-align: left;
width: 285px;
}
#sidebar ul
{
list-style: none;
margin: 0px;
padding: 5px 0px;
}
#sidebar li
{
margin: 0px;
padding: 0px 0px 0px 20px;
}
#sidebar li h2
{
color: #fff;
font: normal 18px Rockwell, Georgia, Arial;
margin: 0px;
padding: 10px 0px;
}
#sidebar ul ul
{
list-style: none;
margin: 0px;
}
#sidebar ul ul li
{
margin: 0px;
padding: 0px 0px 0px 30px;
}
#sidebar ul ul li a
{
color: #69c;
font: normal 12px Arial;
text-decoration: none;
}
#sidebar ul ul li a:hover
{
color: #b31414;
}
.bottom_sidebar
{
background: url(‘./images/pngs/bottom-325×90.png’) no-repeat bottom center;
float: right;
padding: 0px 0px 0px 15px;
height: 90px;
text-align: left;
width: 310px;
}
#search
{
font: bold 12px Arial;
color: #fff;
padding: 0px 0px 15px 15px;
}
#search input
{
background-color: transparent;
border: 1px solid #214b73;
color: #fff;
}
#search #searchsubmit
{
background:#0B192C;
color: #FFFFFF;
font-weight: bold;
padding: 2px;
}
#footer
{
background: url(‘./images/pngs/footer-960×200.png’) no-repeat top left;
color: #fff;
height: 200px;
text-align: left;
width: 960px;
}
#footer .column1
{
float: left;
font: normal 10px Arial;
padding: 0px 0px 0px 80px;
width: 300px;
}
.column1 .bottom
{
padding: 50px 0px 0px 40px;
}
.column1 a
{
color: #fff;
font: normal 12px Arial;
text-decoration: none;
}
#footer .column2
{
float: left;
font: normal 12px Arial;
padding: 35px 0px 0px 0px;
width: 250px;
}
.column2 h2
{
color: #457db9;
font: normal 20px Rockwell;
}
.column2 ul
{
list-style: none;
}
.column2 a
{
color: #fff;
font: normal 12px Arial;
text-decoration: none;
}
===============================
做到这里一个个性的Wordpress模版就做好了。
uggs bailey button tripletugg bailey buttonUGG Jimmy Choocheap uggskensington uggsugg adirondack tallkensington uggsugg retro cargougg 5825ugg bailey button bootsuggs kensingtonuggs bailey button tripletugg moccasinsuggs classic tallugg sparkles boots
.text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&img=http://www.h-strong.com/blog/logo.gif','keyit','scrollbars=no,width=475,height=575,status=no,resizable=yes'));keyit.focus(); "添加到POCO网摘"){kind=logo}
