<?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>notycn &#187; 高亮动态导航菜单</title>
	<atom:link href="http://www.notycn.com/tag/%e9%ab%98%e4%ba%ae%e5%8a%a8%e6%80%81%e5%af%bc%e8%88%aa%e8%8f%9c%e5%8d%95/feed" rel="self" type="application/rss+xml" />
	<link>http://www.notycn.com</link>
	<description>I am here!</description>
	<lastBuildDate>Tue, 03 Jan 2012 14:46:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>我的wordpress改造修改过程－记录点滴之三</title>
		<link>http://www.notycn.com/web/275.html</link>
		<comments>http://www.notycn.com/web/275.html#comments</comments>
		<pubDate>Mon, 21 Sep 2009 13:33:49 +0000</pubDate>
		<dc:creator>notycn</dc:creator>
				<category><![CDATA[网事随风]]></category>
		<category><![CDATA[css3圆角]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[WP评论嵌套]]></category>
		<category><![CDATA[主题]]></category>
		<category><![CDATA[高亮动态导航菜单]]></category>

		<guid isPermaLink="false">http://www.notycn.com/?p=275</guid>
		<description><![CDATA[距离上次修改WP已快一年了，才发现这世界变的好快，主流的大屏幕宽屏已经开始流行起来了，原以为家里的1024*768已经主流了。自从上次买了台笔记本后，发现在宽屏下，主题的小字体已经看的很吃力了，每次靠火狐的页面缩放也老不是办法，自己的眼睛亮，也不代表别人，特别是、、、——&#124;— ——&#124;— ——&#124;—、眼睛也跟自己一样亮，你说对不。 一直以来可能有人看了我的“wordpress改造修改过程－记录点滴之二” ，想让notycn共享出来，其实我也是有苦难言，我也想把其中的细节写出来，可是，过了这么长时间，我也忘记了当时是怎么修改的。就比如说在WP2.7中，就用上了WP2.7自带的Comment Threading功能，也就是WP评论嵌套，当时努力的看了官方相关的英文文档，才将这个WP评论嵌套的功能用在这个主题上，现在在叫我回头再搞一次，恐怕也没那个动力了。 这一次的修改算是微调，主要是为浏览者考虑，响应号召D中央的“以人为本”，其他并没有多大的改变。 修改记录： 1、修改了页面字体显示，博客文章字体大小改为14号。 2、链接字体颜色改为柔和的蓝色 3、在 wordpress 主题顶部增加了导航菜单，方便来访者切换到想要的页面。 4、高亮动态导航菜单，点击菜单进入另一个页面，可以在导航里高亮显示当前页面位置，比如说点击Tag，导航栏会高亮TAG标签。 5、使用CSS3 border-radius实现导航菜单栏圆角效果 ，这需要在Firefox，Google Chrome或者Safari浏览器才能看到效果。 6、最重要的就是：About 页面增加一张画像，用系统自带的画图软件画的。某作者来领版权啦。 PS：过段时间再做一个wordpress的山寨主题，为啥叫山寨呢？到时候看到了你就知道了。<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1" color="#000000" style="display: block !important; padding: 20px 0 5px !important;">相关文章</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F156.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F275.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">我的wordpress改造修改过程－记录点滴之一</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F159.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F275.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">我的wordpress改造修改过程－记录点滴之二</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F166.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F275.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">今天生日，发布一款山寨版主题：GWthem for wordpress</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F336.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F275.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">发布wordpress主题：</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F169.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F275.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">GWthem主题：提供下载</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>距离上次修改WP已快一年了，才发现这世界变的好快，主流的大屏幕宽屏已经开始流行起来了，原以为家里的1024*768已经主流了。自从上次<a title="入手联想Y450A-tsi一台" href="http://www.notycn.com/live/256.html">买了台笔记本后</a>，发现在宽屏下，主题的小字体已经看的很吃力了，每次靠火狐的页面缩放也老不是办法，自己的眼睛亮，也不代表别人，特别是<strong><span style="color: #ff0000;">、、、——|—  ——|— ——|—、</span></strong>眼睛也跟自己一样亮，你说对不。</p>
<p>一直以来可能有人看了我的“<a href="http://www.notycn.com/web/159.html">wordpress改造修改过程－记录点滴之二</a>” ，想让notycn共享出来，其实我也是有苦难言，我也想把其中的细节写出来，可是，过了这么长时间，我也忘记了当时是怎么修改的。就比如说在WP2.7中，就用上了WP2.7自带的Comment Threading功能，也就是WP评论嵌套，当时努力的看了官方相关的英文文档，才将这个WP评论嵌套的功能用在这个主题上，现在在叫我回头再搞一次，恐怕也没那个动力了。</p>
<p>这一次的修改算是微调，主要是为浏览者考虑，响应号召D中央的“<strong>以人为本</strong>”，其他并没有多大的改变。</p>
<p>修改记录：</p>
<p>1、修改了页面字体显示，博客文章字体大小改为14号。</p>
<p>2、链接字体颜色改为柔和的蓝色</p>
<p>3、在 wordpress 主题顶部增加了导航菜单，方便来访者切换到想要的页面。</p>
<p>4、高亮动态导航菜单，点击菜单进入另一个页面，可以在导航里高亮显示当前页面位置，比如说点击<a title="TAG,标签" href="http://www.notycn.com/tags">Tag</a>，导航栏会高亮TAG标签。</p>
<p>5、使用CSS3  border-radius实现导航菜单栏圆角效果 ，这需要在Firefox，Google Chrome或者Safari浏览器才能看到效果。</p>
<p>6、<span style="color: #008000;"><strong>最重要的就是：About 页面增加一张画像，用系统自带的画图软件画的。</strong></span>某作者来领版权啦。</p>
<p>PS：过段时间再做一个wordpress的山寨主题，为啥叫山寨呢？到时候看到了你就知道了。</p>
<p style="margin:0;padding:0;height:1px;overflow:hidden;">
    <script type="text/javascript"><!--
        var wumiiSitePrefix = "http://www.notycn.com";
        var wumiiEnableCustomPos = true;
        var wumiiParams = "&#038;num=8&#038;mode=3&#038;displayInFeed=1&#038;version=1.0.5.5&#038;pf=WordPress3.3.1";
    //--></script><script type="text/javascript" src="http://widget.wumii.com/ext/relatedItemsWidget.htm"></script><a href="http://www.wumii.com/widget/relatedItems.htm" style="border:0;"><img src="http://static.wumii.com/images/pixel.png" alt="无觅相关文章插件，快速提升流量" style="border:0;padding:0;margin:0;" /></a></p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1" color="#000000" style="display: block !important; padding: 20px 0 5px !important;">相关文章</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F156.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F275.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">我的wordpress改造修改过程－记录点滴之一</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F159.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F275.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">我的wordpress改造修改过程－记录点滴之二</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F166.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F275.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">今天生日，发布一款山寨版主题：GWthem for wordpress</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F336.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F275.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">发布wordpress主题：</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.notycn.com%2Fweb%2F169.html&from=http%3A%2F%2Fwww.notycn.com%2Fweb%2F275.html">
                        <font size="-1" color="#1843A8" style="line-height: 1.65em; font-size: 14px !important;">GWthem主题：提供下载</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.notycn.com/web/275.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

