<?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>PHP &#8211; 任平生</title>
	<atom:link href="https://rpsh.net/tag/php/feed/" rel="self" type="application/rss+xml" />
	<link>https://rpsh.net</link>
	<description>待从头</description>
	<lastBuildDate>Tue, 18 May 2010 19:01:26 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.2.2</generator>
	<item>
		<title>根据时间调用不同的CSS文件</title>
		<link>https://rpsh.net/archives/how-to-change-css-according-to-time/</link>
					<comments>https://rpsh.net/archives/how-to-change-css-according-to-time/#comments</comments>
		
		<dc:creator><![CDATA[任平生]]></dc:creator>
		<pubDate>Mon, 22 Dec 2008 01:00:00 +0000</pubDate>
				<category><![CDATA[技术分享]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[原创]]></category>
		<guid isPermaLink="false">http://rpsh.net/archives/how-to-change-css-according-to-time/</guid>

					<description><![CDATA[iGoogle 和新发布的 Windows Live Wave3 中都有根据时间调用不同CSS样式的动态主题，想不想也将此效果里用到自己 Blog 上，使用 PHP 函数只需一个小小的修改就可以根据时间调用不同的CSS文件啦]]></description>
										<content:encoded><![CDATA[<p>iGoogle 和新发布的 Windows Live <a href="https://rpsh.net/tag/wave3/">Wave3</a> 中都有根据时间调用不同CSS样式的动态主题，想不想也将此效果里用到自己 Blog 上，只需一个小小的<a href="https://rpsh.net/archives/how-to-change-css-according-to-time/">修改</a>就可以做到啦 <img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p><span id="more-206"></span></p>
<p>示例：</p>
<pre><code class="php">&lt;?php ini_set(&quot;date.timezone&quot;,&quot;Asia/Shanghai&quot;); $hc = date(&quot;H&quot;);
  if($hc &gt;= 7 &amp;&amp; $hc &lt; 18)
  echo '&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;https://rpsh.net/<span style="color: #ff8040">day.css</span>&quot; media=&quot;screen&quot; /&gt;';
  else
  echo '&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;https://rpsh.net/<span style="color: #ff8040">night.css</span>&quot; media=&quot;screen&quot; /&gt;';
?&gt;</code></pre>
<p>鉴于大多数同学都租用的米国的虚拟主机，所以开始加上一句 ini_set(&quot;date.timezone&quot;,&quot;Asia/Shanghai&quot;) 来让时间设定为咱中国时间，剩下的就很好理解了，7点到18点为白天调用 day.css&#160; 文件，18点到次日7点为夜间调用 night.css 文件。</p>
<p>具体到我们 WordPress ，你可能就要修改你主题 header.php 文件中的调用CSS 文件的部分： </p>
<pre><code class="php">&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;&lt;?php bloginfo('stylesheet_url'); ?&gt;&quot; media=&quot;screen&quot; /&gt;</code></pre>
<p>为： </p>
<pre><code class="php">&lt;?php ini_set(&quot;date.timezone&quot;,&quot;Asia/Shanghai&quot;); $hc = date(&quot;H&quot;);
  if($hc &gt;= 7 &amp;&amp; $hc &lt; 18)
  echo '&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;';<br />  echo bloginfo('stylesheet_directory'); <br />  echo '/<span style="color: #ff8040">day</span>.css&quot;';
  else
  echo '/<span style="color: #ff8040">night</span>.css&quot;'<br />  echo 'media=&quot;screen&quot; /&gt;';
?&gt;</code></pre>
<p>* 你需要编写一个 day.css 和一个 night.css 的文件放在你的主题文件夹里。</p>
<p>如果像本 <a href="https://rpsh.net/">Blog</a> 一样只是按时间显示不同的 banner 或 背景图片，CSS文件的其他地方都相同的话，CSS的调用保持不便，只需在你主题 header.php 文件的 &lt;/head&gt;&#160; 之前加入下边的代码即可</p>
<pre><code class="php">&lt;style type=&quot;text/css&quot;&gt;
  body{background: url(&lt;?php ini_set(&quot;date.timezone&quot;,&quot;Asia/Shanghai&quot;); $hc = date(&quot;H&quot;);
  if($hc &gt;= 6 &amp;&amp; $hc &lt; 9)
  echo '图片地址一';
  else if($hc &gt;= 9 &amp;&amp; $hc &lt; 18)
  echo '图片地址一';
  else
  echo '图片地址三';
  ?&gt;) no-repeat scroll center top;}
&lt;/style&gt;</code></pre>
<p>类似的，你还可以写出 早上好，下午好，晚上好 之类的欢迎语~~</p>
<p>如果要根据访问用户的系统时间来做判断的话，就有点麻烦了，需要用 js 来返回用户时间，对这个有要求的，可以请教最近玩 js 走火入魔的 <a target="_blank" href="http://ishawn.net/" class="external">Shawn</a> 大师 <img src="https://s.w.org/images/core/emoji/14.0.0/72x72/1f61b.png" alt="😛" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
]]></content:encoded>
					
					<wfw:commentRss>https://rpsh.net/archives/how-to-change-css-according-to-time/feed/</wfw:commentRss>
			<slash:comments>35</slash:comments>
		
		
			</item>
	</channel>
</rss>
