<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>80年代 &#187; 主题</title>
	<atom:link href="http://hi1980.com/tag/%e4%b8%bb%e9%a2%98/feed" rel="self" type="application/rss+xml" />
	<link>http://hi1980.com</link>
	<description>热衷于IT WEB Flash Design Music</description>
	<lastBuildDate>Tue, 17 Aug 2010 07:01:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>WordPress新功能①所见即所得</title>
		<link>http://hi1980.com/2010/07/17/wordpress-add-editor-style.html</link>
		<comments>http://hi1980.com/2010/07/17/wordpress-add-editor-style.html#comments</comments>
		<pubDate>Sat, 17 Jul 2010 07:13:45 +0000</pubDate>
		<dc:creator>wulinfo</dc:creator>
				<category><![CDATA[社会大学]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[FCK]]></category>
		<category><![CDATA[TinyMCE]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://hi1980.com/?p=872</guid>
		<description><![CDATA[WordPress新功能 editor-style.css文件可视化编辑器，以配合主题风格，这样你在编写文章时后台编辑器和前台的显示一样的，几乎达到95%（其实看你整理的够不够全）]]></description>
			<content:encoded><![CDATA[<p><img title="TinyMCE Style" src="http://liregg.blu.livefilestore.com/y1p8aFK5ZLh6lCfCzJcNxosNKh6zhFt8LcDiS42S1VCGJhKcat6e4Zmj-Vy7E8Ia56VNwTSVG-ckSzrjdSKY_HhToKMTtP-V4vO/TinyMCE.jpg?psid=1" alt="" width="609" height="374" /></p>
<p>这段时间非常非常的忙碌，所以博客有很长一段时间没有更新了，做了很多很多东西（包括制作了两套<a href="http://wordpress.org/">WordPress</a>主题，稍后有时间会整理发布的），但却没时间整理出来和大家分享，整理文档是一件很累人的事情，特别一些程序文档，在做主题看了些<a href="http://codex.wordpress.org/Version_3.0">WordPress 3.0</a>文档，对一些新功能做了些试验<span id="more-872"></span></p>
<p>以下是其中之一（<a href="http://codex.wordpress.org/Function_Reference/add_editor_style">所见即所得样</a><a href="http://codex.wordpress.org/Function_Reference/add_editor_style">式</a><a href="http://codex.wordpress.org/Function_Reference/add_editor_style"> add_editor_style();</a>)</p>
<p class="chart_pie">在主题得<strong>functions.php</strong>加入</p>
<pre class="brush: php;">
// This theme styles the visual editor with editor-style.css to match the theme style.
 add_editor_style();
</pre>
<p>主题目录下添加 editor-style.css 文件，把主题的全局样式，一些常规样式放进去，这样你在编写文章时后台编辑器和前台的显示一样的，几乎达到95%（其实看你整理的够不够全）。</p>
<p>我非常喜欢这个功能，它能让我轻易的编辑出自己想要的排版，虽然这个功能已经很完美了，但还是希望能有class名添加功能</p>
]]></content:encoded>
			<wfw:commentRss>http://hi1980.com/2010/07/17/wordpress-add-editor-style.html/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>主题的一些细节</title>
		<link>http://hi1980.com/2009/05/12/some-of-the-details.html</link>
		<comments>http://hi1980.com/2009/05/12/some-of-the-details.html#comments</comments>
		<pubDate>Mon, 11 May 2009 16:28:47 +0000</pubDate>
		<dc:creator>wulinfo</dc:creator>
				<category><![CDATA[自言自语]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://blog.hi1980.com/?p=522</guid>
		<description><![CDATA[由于个人注重一体感和美感，所以有些细节提示并不明显，也许大家会忽略这些细节。所以特意发此文提示一下访问本站的朋友们（目前属于无聊状态），希望这些细节不是浪费，而是一个不错的使用体验（其实就本站这个牛劲，啥体验都没了，这点我很明白，希望等我发了横财把这破主机换了）]]></description>
			<content:encoded><![CDATA[<p>由于个人注重一体感和美感，所以有些细节提示并不明显，也许大家会忽略这些细节。所以特意发此文提示一下访问本站的朋友们（目前属于无聊状态），希望这些细节不是浪费，而是一个不错的使用体验（其实就本站就这个牛劲，啥体验都没了，这点我很明白，希望等我发了横财把这破主机换了）</p>
<p>首先介绍一下特意为博客开通的两个子域名：</p>
<p>手机访问<a title="手机访问本博客" href="http://wap.hi1980.com/">http://wap.hi1980.com/</a>便于经常使用手机浏览网页的朋友<br />
 订阅中心：<a title="订阅中心" href="http://feed.hi1980.com/">http://feed.hi1980.com/</a>如果你发现侧栏订阅并没有你经常使用的订阅工具，可以通过此域名以获取你所需的订阅资源</p>
<p>下面是一些主题上的细节提示，更多细节有待你去发掘</p>
<p><a href="http://liregg.blu.livefilestore.com/y1p6FZJWAD1qsJ2Nb3KUuACpmoU_j1jMph-RcLYxjMEcXWLVX0Ny3wg8N04DJAAVqlKTqfUlxQ1Ucg_kJi5_EoGwV8Ro1TVjfZv/Tips.jpg" class="highslide-image" onclick="return hs.expand(this);"><img title="主题的一些细节" src="http://liregg.blu.livefilestore.com/y1p6FZJWAD1qsJ2Nb3KUuACpmoU_j1jMph-RcLYxjMEcXWLVX0Ny3wg8N04DJAAVqlKTqfUlxQ1Ucg_kJi5_EoGwV8Ro1TVjfZv/Tips.jpg" alt="主题的一些细节" width="520" height="364" /></a></p>
<p>同时希望朋友们给我更多建议和BUG，感谢一些朋友之前给我诸多建议</p>
]]></content:encoded>
			<wfw:commentRss>http://hi1980.com/2009/05/12/some-of-the-details.html/feed</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>Ctrl+Enter提交(JS)</title>
		<link>http://hi1980.com/2009/04/15/ctrl-enter-submit.html</link>
		<comments>http://hi1980.com/2009/04/15/ctrl-enter-submit.html#comments</comments>
		<pubDate>Tue, 14 Apr 2009 17:16:50 +0000</pubDate>
		<dc:creator>wulinfo</dc:creator>
				<category><![CDATA[社会大学]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://blog.hi1980.com/?p=466</guid>
		<description><![CDATA[给你的主题添加 CTRL+ENTER 快捷键提交效果，其实比较简单的东西就不详述了，主要是通过JS侦查键盘值而触发提交ID，从而达到和鼠标点击按钮提交一样的效果。]]></description>
			<content:encoded><![CDATA[<p>给你的主题添加 CTRL+ENTER 快捷键提交效果，其实比较简单的东西就不详述了，主要是通过JS侦查键盘值而触发提交ID，从而达到和鼠标点击按钮提交一样的效果。</p>
<p>方法：主题下为form添加下面的JS代码，或者另存JS文件然后引入JS</p>
<pre class="brush: jscript;">&lt;script type=&quot;text/javascript&quot;&gt;
document.getElementById(&quot;comment&quot;).onkeydown = function (moz_ev)
{
var ev = null;
if (window.event){
ev = window.event;
}else{
ev = moz_ev;
}
if (ev != null &amp;&amp; ev.ctrlKey &amp;&amp; ev.keyCode == 13)
{
document.getElementById(&quot;submit&quot;).click();
}
}
&lt;/script&gt;
</pre>
<p><br class="spacer_" /></p>
]]></content:encoded>
			<wfw:commentRss>http://hi1980.com/2009/04/15/ctrl-enter-submit.html/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>WP Theme</title>
		<link>http://hi1980.com/2009/03/07/wp-theme.html</link>
		<comments>http://hi1980.com/2009/03/07/wp-theme.html#comments</comments>
		<pubDate>Sat, 07 Mar 2009 10:21:11 +0000</pubDate>
		<dc:creator>wulinfo</dc:creator>
				<category><![CDATA[设计作品]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://blog.hi1980.com/?p=175</guid>
		<description><![CDATA[这个主题基础架构基于inove主题（因此此主题不会发布），这是一个非常健全的主题，所以选择了它，强大之余代码有些臃肿，不过还是很适合国人的。]]></description>
			<content:encoded><![CDATA[<p>终于把主题弄出来了，终于把心事了了，这个设计比较简约，个人喜欢简单，心急就上架了，可能有很多细节存在问题，慢慢修正吧。</p>
<p>做这个主题比较辛苦，做了好些天，首次接触PHP，首次做WP主题（其实也是CSS，差不多的）。做了很多个版本，主要时间花在设计上，怎么修改都不满意，最终选择了这个版本。</p>
<p>这个主题基础架构基于<a href="http://www.neoease.com/inove/">inove</a>主题（因此此主题不会发布），这是一个非常健全的主题，所以选择了它，强大之余代码有些臃肿，不过还是很适合国人的。</p>
<p><a href="http://bc8ama.blu.livefilestore.com/y1pLeYHNDkRWD6fIHUaqTON1xtqOaEwL6eAkQZw5Gseae4A9Xf_B_vs9OhvEEKpSQ7PYYLpQonEGLZiatUvGzgu1w/WP%20Theme.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone" title="WP Theme" src="http://bc8ama.blu.livefilestore.com/y1pLeYHNDkRWD6fIHUaqTON1xtqOaEwL6eAkQZw5Gseae4A9Xf_B_vs9OhvEEKpSQ7PYYLpQonEGLZiatUvGzgu1w/WP%20Theme.jpg" alt="" width="1008" /></a></p>
<p><span id="more-175"></span></p>
<p>下面是之前设想效果图</p>
<p>这两天得把主题给弄出来，在自己站上挂着别人的广告不是滋味，加油！</p>
<p>难产了，估计只有慢慢来了，先来张效果图</p>
<p><a href="http://bc8ama.blu.livefilestore.com/y1pRHCnXLo6qZjWRUEiFibO9jQglT69mMjFIgJBnEN59-g3u5lbZ3PLrK08JGHI6KzvfXibuAS-T4ws_WIa5-M1ug/Hi1980.jpg" class="highslide-image" onclick="return hs.expand(this);"><img id="spPicturePreview" src="http://bc8ama.blu.livefilestore.com/y1pK67Rkb4hRsmy4YiKR1YdH-vXfMYkaLiJQ1RyAQSgZntFLPF6GC-oeZtHk8WgJ1NDTM5uq-HIhHPvO-Gj4ij5qw/Hi1980.jpg" alt="" width="482" height="600" /></a></p>
<p>制作过程也积累了些经验:</p>
<p>设置背景图像轻松解决两侧边问题（但会浮动有点勉强）</p>
<p lang="CSS">
<pre class="brush: css;">html{
background:url(xx.jpg) repeat-y center;
background-color:#333;
}</pre>
<p>
</p>
<p><br class="spacer_" /></p>
<p>背景图像置底时，由于载入内容缓慢导致背景图像浮动，使用min-height: 700px;设置最小高度尺寸，这样加载过程就能避免图片在顶部。</p>
<p lang="CSS">
<pre class="brush: css;">#wrap {
background: center bottom transparent url(img/footer.jpg) no-repeat;
min-height: 700px;
}</pre>
<p>
</p>
<p lang="CSS"> </p>
<p lang="CSS">自动缩小未指定大小的图片,兼容所有浏览器，虽然有点勉强，但是目前最完美的解决方案。</p>
<p lang="CSS">
<pre class="brush: css;">img {
 max-width:500px;
 height:auto;
 cursor:pointer;
 border:0;
 zoom:expression( function(elm) {
 if (elm.width&gt;500) {
 var oldVW = elm.width; elm.width=500;
 elm.height = elm.height*(500 /oldVW);
 }
 elm.style.zoom = '1';
 }(this));
}</pre>
<p>
</p>
<p>代码中所有指定尺寸为500px可自定义大小</p>
]]></content:encoded>
			<wfw:commentRss>http://hi1980.com/2009/03/07/wp-theme.html/feed</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>发布Z-blog主题-淡雅E</title>
		<link>http://hi1980.com/2008/10/24/z-blog-template-e.html</link>
		<comments>http://hi1980.com/2008/10/24/z-blog-template-e.html#comments</comments>
		<pubDate>Fri, 24 Oct 2008 11:21:54 +0000</pubDate>
		<dc:creator>wulinfo</dc:creator>
				<category><![CDATA[自言自语]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://blog.hi1980.com/?p=44</guid>
		<description><![CDATA[<p>发布Z-blog主题-淡雅E，总体感觉很简洁，有种流线美，呵呵<img alt="" src="http://www.1314520o.com/blog/image/face/icon_cool.gif" />,欢迎大家试试，已经在各大浏览器中测试过了。</p>
<p>需要注意：后台设置（正文图片自动缩放宽度）宽度为442，其实是450，因为图片加边框去掉左右各4px<br />
<br />
<span style="color: rgb(255, 0, 0);">2008-10-24更新</span><br />
...</p>]]></description>
			<content:encoded><![CDATA[<p>发布Z-blog主题-淡雅E，总体感觉很简洁，有种流线美，呵呵<img src="http://www.1314520o.com/blog/image/face/icon_cool.gif" alt="" />,欢迎大家试试，已经在各大浏览器中测试过了。</p>
<p>需要注意：后台设置（正文图片自动缩放宽度）宽度为442，其实是450，因为图片加边框去掉左右各4px</p>
<p><span style="color: rgb(255, 0, 0);">2008-10-24更新</span><br />
彻底解决IE6问题，支持目前几乎所有浏览器（IE6-7-8 FF3 Google chrome）<br />
修正长标题问题，gravatar头像功能</p>
<p><span style="color: rgb(255, 0, 0);">2009-1-3更新</span></p>
<ol>
<li>支持宽屏（发现自打金融风暴以来，我的博客近一半的访客都使用了宽屏 ）</li>
<li>去掉顶部的图片Logo，换成文本</li>
<li>侧栏列表加入ico</li>
<li>修复内文图片样式</li>
<li>标题换了黑体</li>
</ol>
<p><span style="color: rgb(255, 0, 0);">2009-2-14更新</span></p>
<ol>
<li>修正图片链接错误代码</li>
<li>添加锚点跳转缓冲</li>
</ol>
<p>CSS中添加了导航条按钮焦点样式 》<a href="http://wiki.rainbowsoft.org/doku.php?id=themes:tips#%E8%AE%A9%E5%AF%BC%E8%88%AA%E7%AA%81%E5%87%BA%E6%98%BE%E7%A4%BA%E5%BD%93%E5%89%8D%E9%A1%B5%E9%93%BE%E6%8E%A5%E6%9D%A1%E7%9B%AE" target="_blank">haphic 完善后的代码</a><br />
请在后台导航条中加入下面的代码：</p>
<div class="codes">
<pre name="code" class="javascript">
&lt;script type=&quot;text/javascript&quot;&gt;
$(&quot;#divNavBar ul&gt;li&quot;).each(function() {
if ($(this).find(&quot;a&quot;).attr(&quot;href&quot;).toLowerCase() !== str00.toLowerCase()){
if (document.URL.toLowerCase().indexOf($(this).find(&quot;a&quot;).attr(&quot;href&quot;).toLowerCase()) !== -1){
$(this).attr(&quot;id&quot;,&quot;current&quot;)
}
}else{
if ($(this).find(&quot;a&quot;).attr(&quot;href&quot;).toLowerCase() == document.URL.toLowerCase()){
$(this).attr(&quot;id&quot;,&quot;current&quot;)
}
}
});
&lt;/script&gt;</pre>
</div>
<p>下面是预览图片</p>
<p><a href="http://bbs.rainbowsoft.org/attachments/month_0901/20090103_9203dba06898b5cc98727VlLQAKlhOsH.jpg" class="highslide-image" onclick="return hs.expand(this);"><img width="442" src="http://bbs.rainbowsoft.org/attachments/month_0901/20090103_9203dba06898b5cc98727VlLQAKlhOsH.jpg" onload="ResizeImage(this,0)" alt="" /></a></p>
<p>&nbsp;</p>
<p>下载：</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://hi1980.com/2008/10/24/z-blog-template-e.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<!-- www.000webhost.com Analytics Code -->
<script type="text/javascript" src="http://analytics.hosting24.com/count.php"></script>
<noscript><a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/count.php" alt="web hosting" /></a></noscript>
<!-- End Of Analytics Code -->
