<?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>BPOVIA Website Design</title>
	<atom:link href="http://www.bpoviawebsitedesign.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.bpoviawebsitedesign.com</link>
	<description>Provides High-quality Web Design And Maintenance Service In The World</description>
	<lastBuildDate>Tue, 18 Jan 2011 12:02:04 +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>get WordPress theme directory by using Javascript</title>
		<link>http://www.bpoviawebsitedesign.com/get-wordpress-theme-directory-by-using-javascript.html</link>
		<comments>http://www.bpoviawebsitedesign.com/get-wordpress-theme-directory-by-using-javascript.html#comments</comments>
		<pubDate>Tue, 18 Jan 2011 12:02:04 +0000</pubDate>
		<dc:creator>BPOVIA</dc:creator>
				<category><![CDATA[website]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[function]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.bpoviawebsitedesign.com/?p=350</guid>
		<description><![CDATA[The first: the output directly to the page address in the page &#60;script&#62; var themeurl = &#60;? php bloginfo (&#39;template_directory&#39;)?&#62; &#60;/ script&#62; This themeurl variables can be referenced directly in the page The second: style.css file in the test head to obtain the directory (the address directly on the need to reference the js file [...]]]></description>
			<content:encoded><![CDATA[<p><span class="long_text" id="result_box" lang="en"><strong><span class="hps" title="Click for alternate translations">The first:</span> </strong><span class="hps" title="Click for alternate translations">the output</span> <span class="hps" title="Click for alternate translations">directly to</span> <span class="hps" title="Click for alternate translations">the page address</span> <span class="hps" title="Click for alternate translations">in the page</span></p>
<p><em> <span class="hps" title="Click for alternate translations">&lt;script&gt; var themeurl = &lt;? php bloginfo (&#39;template_directory&#39;)?&gt; &lt;/ script&gt;</span></em></p>
<p><span class="hps" title="Click for alternate translations">This</span> <span class="hps" title="Click for alternate translations">themeurl</span> <span class="hps" title="Click for alternate translations">variables can be</span> <span class="hps" title="Click for alternate translations">referenced directly</span> <span class="hps" title="Click for alternate translations">in the page</span></p>
<p><strong> <span class="hps" title="Click for alternate translations">The second:</span> </strong><span class="hps" title="Click for alternate translations">style.css</span> <span class="hps" title="Click for alternate translations">file</span> <span class="hps" title="Click for alternate translations">in the</span> <span class="hps" title="Click for alternate translations">test</span> <span class="hps" title="Click for alternate translations">head</span> <span class="hps" title="Click for alternate translations">to obtain the</span> <span class="hps atn" title="Click for alternate translations">directory (</span><span title="Click for alternate translations">the address</span> <span class="hps" title="Click for alternate translations">directly on the</span> <span class="hps" title="Click for alternate translations">need to reference</span> <span class="hps" title="Click for alternate translations">the</span> <span class="hps" title="Click for alternate translations">js</span> <span class="hps" title="Click for alternate translations">file</span> <span class="hps" title="Click for alternate translations">in</span> <span class="hps" title="Click for alternate translations">the theme</span><span title="Click for alternate translations">)</span></p>
<p><em><span class="hps atn" title="Click for alternate translations">function themeurl () {</span><br />
<span class="hps" title="Click for alternate translations">var i = 0, got =- 1, url, len = document.getElementsByTagName (&#39;link&#39;). length;</span><br />
<span class="hps atn" title="Click for alternate translations">while (i &lt;= len &amp; &amp; got ==- 1) {</span><br />
<span class="hps" title="Click for alternate translations">url = document.getElementsByTagName (&#39;link&#39;) [i]. href;</span><br />
<span class="hps" title="Click for alternate translations">got = url.indexOf (&#39;/ style.css&#39;);</span><br />
<span class="hps" title="Click for alternate translations">i + +;</span><br />
<span class="hps" title="Click for alternate translations">}</span><br />
<span class="hps" title="Click for alternate translations">return url.replace (&#39;style.css&#39;,&#39;&#39;);</span><br />
<span class="hps" title="Click for alternate translations">};</span></em></p>
<p><span class="hps" title="Click for alternate translations">This function returns</span> <span class="hps" title="Click for alternate translations">is</span> <span class="hps" title="Click for alternate translations">the subject</span> <span class="hps" title="Click for alternate translations">of your</span> <span class="hps" title="Click for alternate translations">directory</span> <span class="hps" title="Click for alternate translations">with</span> <span class="hps" title="Click for alternate translations">a</span> <span class="hps" title="Click for alternate translations">URL</span> <span class="hps" title="Click for alternate translations">(eg</span><span title="Click for alternate translations">: http://</span> <span class="hps" title="Click for alternate translations">to your</span> <span class="hps" title="Click for alternate translations">domain</span> <span class="hps" title="Click for alternate translations">/ wp-content/themes /</span> <span class="hps" title="Click for alternate translations">your theme</span> <span class="hps" title="Click for alternate translations">/).</span></span></p>
<div style="border-left:3px solid #999999;margin-bottom:5px;padding:5px;">
<span style="font-weight: bold;"><a href="http://www.bpovia.com">BPOVIA</a> All Rights Reserved </span>
<br/>
Maintained by BPOVIA Web Design Team
</div>]]></content:encoded>
			<wfw:commentRss>http://www.bpoviawebsitedesign.com/get-wordpress-theme-directory-by-using-javascript.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Add a personalized theme to the WordPress widget</title>
		<link>http://www.bpoviawebsitedesign.com/add-a-personalized-theme-to-the-wordpress-widget.html</link>
		<comments>http://www.bpoviawebsitedesign.com/add-a-personalized-theme-to-the-wordpress-widget.html#comments</comments>
		<pubDate>Mon, 17 Jan 2011 05:53:43 +0000</pubDate>
		<dc:creator>BPOVIA</dc:creator>
				<category><![CDATA[website]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[function]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.bpoviawebsitedesign.com/?p=347</guid>
		<description><![CDATA[Widgets We all know the background in the WordPress default generally comes in the category, text, calendar, recent comments that some small tools. But sometimes the personality for a WordPress theme, these default widgets obviously can not meet demand, so we need to customize some of the widgets for your topic. Now, let us see [...]]]></description>
			<content:encoded><![CDATA[<p>Widgets We all know the background in the WordPress default generally comes in the category, text, calendar, recent comments that some small tools. But sometimes the personality for a WordPress theme, these default widgets obviously can not meet demand, so we need to customize some of the widgets for your topic. Now, let us see how to add your own WordPress theme widgets.</p>
<p>Add the following code in WordPress theme <strong>functions.php</strong>:</p>
<p><em>class widget_test extends WP_Widget {<br />
&nbsp;&nbsp;&nbsp; function widget_test () {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $ Widget_ops = array (&#39;description&#39; =&gt; &#39;description of the small tools&#39;);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $ This-&gt; WP_Widget (&#39;widget_test&#39;, &#39;the title of the gadget&#39;, $ widget_ops);<br />
&nbsp;&nbsp;&nbsp; }<br />
&nbsp;&nbsp;&nbsp; function widget ($ args, $ instance) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; extract ($ args);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $ Title = apply_filters (&#39;widget_title&#39;, esc_attr ($ instance [&#39;title&#39;]));<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $ Limit = strip_tags ($ instance [&#39;limit&#39;]);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo $ before_widget. $ before_title. $ title. $ after_title;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo &#39;&lt;ul class=&quot;middleli&quot;&gt;&#39;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; test ($ limit); / / function to be executed gadget<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo &#39;&lt;/ ul&gt;&#39;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo $ after_widget;<br />
&nbsp;&nbsp;&nbsp; }<br />
&nbsp;&nbsp;&nbsp; function update ($ new_instance, $ old_instance) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (! isset ($ new_instance [&#39;submit&#39;])) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return false;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $ Instance = $ old_instance;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $ Instance [&#39;title&#39;] = strip_tags ($ new_instance [&#39;title&#39;]);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $ Instance [&#39;limit&#39;] = strip_tags ($ new_instance [&#39;limit&#39;]);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $ instance;<br />
&nbsp;&nbsp;&nbsp; }<br />
&nbsp;&nbsp;&nbsp; function form ($ instance) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; global $ wpdb;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $ Instance = wp_parse_args ((array) $ instance, array (&#39;title&#39; =&gt;&#39;&#39;, &#39;limit&#39; =&gt;&#39;&#39;));<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $ Title = esc_attr ($ instance [&#39;title&#39;]);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $ Limit = strip_tags ($ instance [&#39;limit&#39;]);<br />
?&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;Label for = &quot;&lt;? Php echo $ this-&gt; get_field_id (&#39;title&#39;);?&gt;&quot;&gt; Title: &lt;input class = &quot;widefat&quot; id = &quot;&lt;? Php echo $ this-&gt; get_field_id (&#39;title&#39;) ;?&gt; &quot;name =&quot; &lt;? php echo $ this-&gt; get_field_name (&#39;title&#39;);?&gt; &quot;type =&quot; text &quot;value =&quot; &lt;? php echo $ title;?&gt; &quot;/&gt; &lt;/ label&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ P&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;Label for = &quot;&lt;? Php echo $ this-&gt; get_field_id (&#39;limit&#39;);?&gt;&quot;&gt; Quantity: &lt;input class = &quot;widefat&quot; id = &quot;&lt;? Php echo $ this-&gt; get_field_id (&#39;limit&#39;) ;?&gt; &quot;name =&quot; &lt;? php echo $ this-&gt; get_field_name (&#39;limit&#39;);?&gt; &quot;type =&quot; text &quot;value =&quot; &lt;? php echo $ limit;?&gt; &quot;/&gt; &lt;/ label&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ P&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;Input type = &quot;hidden&quot; id = &quot;&lt;? Php echo $ this-&gt; get_field_id (&#39;submit&#39;);?&gt;&quot; Name = &quot;&lt;? Php echo $ this-&gt; get_field_name (&#39;submit&#39;);?&gt;&quot; Value = &quot;1&quot; /&gt;<br />
&lt;? Php<br />
&nbsp;&nbsp;&nbsp; }<br />
}<br />
add_action (&#39;widgets_init&#39;, &#39;widget_test_init&#39;);<br />
function widget_test_init () {<br />
&nbsp;&nbsp;&nbsp; register_widget (&#39;widget_test&#39;);<br />
}</em></p>
<p>Is the way to go after saving gadget in your look, is not more than one called &quot;the gadget title of&quot; the gadget you? Noted that the code above test ($ limit); this is a small tool you need to perform the function, you can write in here, you can also write to functions.php in function, are the same.</p>
<div style="border-left:3px solid #999999;margin-bottom:5px;padding:5px;">
<span style="font-weight: bold;"><a href="http://www.bpovia.com">BPOVIA</a> All Rights Reserved </span>
<br/>
Maintained by BPOVIA Web Design Team
</div>]]></content:encoded>
			<wfw:commentRss>http://www.bpoviawebsitedesign.com/add-a-personalized-theme-to-the-wordpress-widget.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Let the private CSS property of the browser through the W3C validation</title>
		<link>http://www.bpoviawebsitedesign.com/let-the-private-css-property-of-the-browser-through-the-w3c-validation.html</link>
		<comments>http://www.bpoviawebsitedesign.com/let-the-private-css-property-of-the-browser-through-the-w3c-validation.html#comments</comments>
		<pubDate>Fri, 14 Jan 2011 05:58:52 +0000</pubDate>
		<dc:creator>BPOVIA</dc:creator>
				<category><![CDATA[website]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[W3C]]></category>

		<guid isPermaLink="false">http://www.bpoviawebsitedesign.com/?p=348</guid>
		<description><![CDATA[We know that, like some of CSS3 border-radius properties that even in the advanced Firefox, Chrome and other browsers are not directly supported, must be added-moz-,-webkit-prefix private property so we can let the browser their support. But unfortunately, in the style sheet with the private property after the W3C validation can not, CSS2.0 that our [...]]]></description>
			<content:encoded><![CDATA[<p><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="我们知道，像border-radius 这样一些CSS3 的属性即使在高级的Firefox、Chrome 等浏览器中也是不能直接支持的，必须要加上-moz-、-webkit- 这样的私有属性前缀才可以让浏览器">We know that, like some of CSS3 border-radius properties that even in the advanced Firefox, Chrome and other browsers are not directly supported, must be added-moz-,-webkit-prefix private property so we can let the browser </span><span title="们支持。">their support. </span><span style="background-color: rgb(255, 255, 255);" title="但是很遗憾的是，在样式表中加上这些私有属性之后就无法通过W3C 的验证，CSS2.0 说我们家族里没有border-radius 这样的属性，CSS3.0 说我们家族里没有-moz-、">But unfortunately, in the style sheet with the private property after the W3C validation can not, CSS2.0 that our family did not like border-radius property, CSS3.0 that our family did not-moz-, </span><span style="background-color: rgb(255, 255, 255);" title="-webkit- 这样的怪胎。">-webkit-such a freak. </span><span title="多杯具呀。">Yes more than a cup.<br />
</span><br />
<span style="background-color: rgb(255, 255, 255);" title="Willin 大师的方法让私有属性的W3C 验证不再杯具（不知道是不是Willin 大师的首创，至少这招我是从他那里学来的）。">Willin master ways to make private property of the W3C validation is no longer a cup (do not know Willin first master, at least this trick I learned from him.) </span><span title="怎么一个方法呢？">How a method? </span><span style="background-color: rgb(255, 255, 255);" title="其实很简单，就是把样式写进Javascript，W3C 验证会无视脚本，多简单的原理，只是我们都没有想到这一点。">Actually very simple, that is the style written Javascript, W3C validation will ignore the script, more than a simple principle, but we have not thought of that.<br />
</span><br />
<span style="background-color: rgb(255, 255, 255);" title="举个例子，如下样式：">For example, the following style: </span></p>
<p><em><span style="background-color: rgb(255, 255, 255);" title="&lt;style type=&quot;text/css&quot;&gt;">&lt;style type=&quot;text/css&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="background-color: rgb(255, 255, 255);" title=".box{-moz-border-radius:5px;}">. Box {-moz-border-radius: 5px;} </span><br />
<span title="&lt;/style&gt;">&lt;/ style&gt;<br />
</span></em><br />
<span style="background-color: rgb(255, 255, 255);" title="如果要写进 Javascript 的话就应该是：">If you want to write Javascript, then it should be: </span></p>
<p><em><span style="background-color: rgb(255, 255, 255);" title="&lt;script type=&quot;text/javascript&quot;&gt;">&lt;script type=&quot;text/javascript&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="background-color: rgb(255, 255, 255);" title="document.write('&lt;style type=&quot;text\/css&quot;&gt;.box{-moz-border-radius:5px;}&lt;\/style&gt;');">document.write (&#39;&lt;style type=&quot;text\/css&quot;&gt;. box {-moz-border-radius: 5px;} &lt;\ / style&gt;&#39;); </span><br />
<span title="&lt;/script&gt;">&lt;/ Script&gt;<br />
</span></em><br />
<span style="background-color: rgb(255, 255, 255);" title="就是这样简单的转换就可以帮助你的浏览器私有属性通过W3C 的验证，当然有了这个原理，我们还可以扩展一下，比如说IE 的滤镜、expression 等被W3C 认为是非法的东东都可以">The conversion is as simple as the browser can help you through the W3C validation of private property, of course, with this principle, we can extend the look, for example, IE&#39;s filter, expression and so is considered illegal stuff W3C can </span><span title="扔进脚本里绕开验证。">thrown into the script to bypass authentication.</span></span></p>
<div style="border-left:3px solid #999999;margin-bottom:5px;padding:5px;">
<span style="font-weight: bold;"><a href="http://www.bpovia.com">BPOVIA</a> All Rights Reserved </span>
<br/>
Maintained by BPOVIA Web Design Team
</div>]]></content:encoded>
			<wfw:commentRss>http://www.bpoviawebsitedesign.com/let-the-private-css-property-of-the-browser-through-the-w3c-validation.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Get WP theme directory address using jQuery GET request</title>
		<link>http://www.bpoviawebsitedesign.com/get-wp-theme-directory-address-using-jquery-get-request.html</link>
		<comments>http://www.bpoviawebsitedesign.com/get-wp-theme-directory-address-using-jquery-get-request.html#comments</comments>
		<pubDate>Thu, 13 Jan 2011 08:39:52 +0000</pubDate>
		<dc:creator>BPOVIA</dc:creator>
				<category><![CDATA[website]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[funcition]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.bpoviawebsitedesign.com/?p=346</guid>
		<description><![CDATA[first: premise: load jQuery library 1. functions.php in the theme of which add the following function code: Show get_bloginfo (&#39;template_directory&#39;) values function theme_file_url () { if (isset ($ _GET [&#39;action&#39;])&#38;&#38; $ _GET [&#39; action &#39;] ==&#39; theme_file_url &#39;) { nocache_headers (); / / (FIX for IE) echo get_bloginfo (&#39;template_directory&#39;); die (); } } add_action (&#39;init&#39;, [...]]]></description>
			<content:encoded><![CDATA[<p><span class="long_text" id="result_box" lang="en"><span class="hps" title="Click for alternate translations">first: </span><span class="hps" title="Click for alternate translations">premise:</span> <span class="hps" title="Click for alternate translations">load</span> <span class="hps" title="Click for alternate translations">jQuery</span> <span class="hps" title="Click for alternate translations">library</span></p>
<p><span class="hps" title="Click for alternate translations">1.</span> <strong><span class="hps" title="Click for alternate translations">functions.php</span></strong> <span class="hps" title="Click for alternate translations">in the</span> <span class="hps" title="Click for alternate translations">theme of</span> <span class="hps" title="Click for alternate translations">which</span> <span class="hps" title="Click for alternate translations">add the following</span> <span class="hps" title="Click for alternate translations">function</span> <span class="hps" title="Click for alternate translations">code:</span> <span class="hps" title="Click for alternate translations">Show</span> <span class="hps" title="Click for alternate translations">get_bloginfo (&#39;template_directory&#39;)</span> <span class="hps" title="Click for alternate translations">values</span></p>
<p><em><span class="hps atn" title="Click for alternate translations">function theme_file_url () {</span><br />
<span class="hps atn" title="Click for alternate translations">if (isset ($ _GET [&#39;action&#39;])&amp;&amp; $ _GET [&#39; action &#39;] ==&#39; theme_file_url &#39;) {</span><br />
<span class="hps" title="Click for alternate translations">nocache_headers (); / / (FIX for IE)</span><br />
<span class="hps" title="Click for alternate translations">echo get_bloginfo (&#39;template_directory&#39;);</span><br />
<span class="hps" title="Click for alternate translations">die ();</span><br />
<span class="hps" title="Click for alternate translations">}</span><br />
<span class="hps" title="Click for alternate translations">}</span><br />
<span class="hps" title="Click for alternate translations">add_action (&#39;init&#39;, &#39;theme_file_url&#39;);</span></em></p>
<p><span class="hps" title="Click for alternate translations"><strong>2. </strong>JQuery</span> <span class="hps" title="Click for alternate translations">code:</span> <span class="hps" title="Click for alternate translations">function</span> <span class="hps" title="Click for alternate translations">with the</span> <span class="hps" title="Click for alternate translations">GET</span> <span class="hps" title="Click for alternate translations">request</span> <span class="hps" title="Click for alternate translations">to obtain</span> <span class="hps" title="Click for alternate translations">theme_file_url ()</span> <span class="hps" title="Click for alternate translations">data</span> <span class="hps" title="Click for alternate translations">(data)</span></p>
<p><em> <span class="hps" title="Click for alternate translations">var ajax_php_url =&#39;&#39;;</span><br />
<span class="hps" title="Click for alternate translations">$. get (&#39;./? action = theme_file_url &#39;, function (data) {ajax_php_url = data +&#39; / comments-ajax.php&#39;;});</span></em></p>
<p><span class="hps" title="Click for alternate translations">In this way</span><span title="Click for alternate translations">, ajax_php_url</span> <span class="hps" title="Click for alternate translations">value is the</span> <span class="hps" title="Click for alternate translations">theme</span> <span class="hps" title="Click for alternate translations">you use</span> <span class="hps" title="Click for alternate translations">http://</span> <span class="hps" title="Click for alternate translations">directory</span> <span class="hps" title="Click for alternate translations">/ comments-ajax.php</span></span></p>
<div style="border-left:3px solid #999999;margin-bottom:5px;padding:5px;">
<span style="font-weight: bold;"><a href="http://www.bpovia.com">BPOVIA</a> All Rights Reserved </span>
<br/>
Maintained by BPOVIA Web Design Team
</div>]]></content:encoded>
			<wfw:commentRss>http://www.bpoviawebsitedesign.com/get-wp-theme-directory-address-using-jquery-get-request.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress Posts relative time display and comment</title>
		<link>http://www.bpoviawebsitedesign.com/wordpress-posts-relative-time-display-and-comment.html</link>
		<comments>http://www.bpoviawebsitedesign.com/wordpress-posts-relative-time-display-and-comment.html#comments</comments>
		<pubDate>Mon, 10 Jan 2011 10:07:23 +0000</pubDate>
		<dc:creator>BPOVIA</dc:creator>
				<category><![CDATA[website]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.bpoviawebsitedesign.com/?p=344</guid>
		<description><![CDATA[WordPress theme functions.php first insert the following function: function time_diff ($ time_type) { &#160;&#160;&#160;&#160;switch ($ time_type) { &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;case &#39;comment&#39;: / / If it is time for comments &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;$ Time_diff = current_time (&#39;timestamp&#39;) &#8211; get_comment_time (&#39;U&#39;); &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;if ($ time_diff &#60;= 86400) / / 24 hours &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;echo human_time_diff (get_comment_time (&#39;U&#39;), current_time (&#39;timestamp&#39;)).&#39; before&#39;; / / display format [...]]]></description>
			<content:encoded><![CDATA[<p><span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="先在WordPress 主题的functions.php 中插入如下函数：">WordPress theme functions.php first insert the following function: </span></p>
<p><em><span style="background-color: rgb(255, 255, 255);" title="function time_diff( $time_type ){">function time_diff ($ time_type) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="background-color: rgb(255, 255, 255);" title="switch( $time_type ){">switch ($ time_type) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="background-color: rgb(255, 255, 255);" title="case 'comment': //如果是评论的时间">case &#39;comment&#39;: / / If it is time for comments<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="background-color: rgb(255, 255, 255);" title="$time_diff = current_time('timestamp') - get_comment_time('U');">$ Time_diff = current_time (&#39;timestamp&#39;) &#8211; get_comment_time (&#39;U&#39;);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="background-color: rgb(255, 255, 255);" title="if( $time_diff &lt;= 86400 ) //24 小时之内">if ($ time_diff &lt;= 86400) / / 24 hours<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span title="echo human_time_diff(get_comment_time('U'), current_time('timestamp')).' 之前'; //显示格式OOXX 之前">echo human_time_diff (get_comment_time (&#39;U&#39;), current_time (&#39;timestamp&#39;)).&#39; before&#39;; / / display format before it<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span title="else">else<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span title="printf(__('%1$s at %2$s'), get_comment_date(), get_comment_time()); //显示格式X年X月X日OOXX 时">printf (__(&#39;% 1 $ s at% 2 $ s&#39;), get_comment_date (), get_comment_time ()); / / display format X in X time on X day it<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span title="break;">break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span title="case 'post'; //如果是日志的时间">case &#39;post&#39;; / / If this is the log of the time<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span title="$time_diff = current_time('timestamp') - get_the_time('U');">$ Time_diff = current_time (&#39;timestamp&#39;) &#8211; get_the_time (&#39;U&#39;);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span title="if( $time_diff &lt;= 86400 )">if ($ time_diff &lt;= 86400)<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span title="echo human_time_diff(get_the_time('U'), current_time('timestamp'));">echo human_time_diff (get_the_time (&#39;U&#39;), current_time (&#39;timestamp&#39;));<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span title="else">else<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span title="the_time('Y.m.d');">the_time (&#39;Y.m.d&#39;);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span title="break;">break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span title="}">} </span><br />
<span title="}">}<br />
</span></em><br />
<span title="然后，我们先改评论部分的时间，找到主题中评论时间的函数，一般不是在functions.php 里评论回调函数中，就是直接写在comments.php 里了，当然也不排除非常规主题，比如">Then, let&#39;s change the comments section of the time, find the topic in the comments function of time, generally not in the callback function in functions.php in the comments, that is directly written in comments.php where, of course, does not rule out unconventional themes, such as </span><span title="说我的评论时间就藏在某个只有我自己能发现的角落里。">that my comments only time I hid in a corner they can find. </span><span title="不管这么多，总之是找到下面类似的函数：">No matter so much, in short, is to find a function similar to the following: </span><br />
<span title="&lt;?php printf(__('%1$s at %2$s'), get_comment_date(), get_comment_time());?&gt;">&lt;? Php printf (__(&#39;% 1 $ s at% 2 $ s&#39;), get_comment_date (), get_comment_time ());?&gt;<br />
</span><br />
<span title="把它替换成：">Replace it: </span><br />
<em><span title="&lt;?php time_diff( $time_type = 'comment' ); ?&gt;">&lt;? Php time_diff ($ time_type = &#39;comment&#39;);?&gt;<br />
</span></em><br />
<span style="background-color: rgb(255, 255, 255);" title="同理，我们再来修改日志发布时间的相对格式，一般在WordPress 主题的single.php 和index.php 都会有时间函数，在其中找到如下函数：">Similarly, let us modify the format of the log relative release time, usually in the WordPress theme single.php and index.php there will be a function of time in which to find the following functions: </span><br />
<em><span title="&lt;?php the_time('Y.m.d');?&gt;">&lt;? Php the_time (&#39;Y.m.d&#39;);?&gt;<br />
</span></em><br />
<span title="然后把它替换成：">Then replace it: </span><br />
<em><span title="&lt;?php time_diff( $time_type = 'post' ); ?&gt;">&lt;? Php time_diff ($ time_type = &#39;post&#39;);?&gt;<br />
</span></em><br />
<span title="大功告成了，效果可以见本站的日志发布时间和评论时间，快快留下你的评论来体验一下吧。">We&#39;re Done, you can see the effects of time and site reviews blog publishing time, leave your comments quickly to experience it.</span></span></p>
<div style="border-left:3px solid #999999;margin-bottom:5px;padding:5px;">
<span style="font-weight: bold;"><a href="http://www.bpovia.com">BPOVIA</a> All Rights Reserved </span>
<br/>
Maintained by BPOVIA Web Design Team
</div>]]></content:encoded>
			<wfw:commentRss>http://www.bpoviawebsitedesign.com/wordpress-posts-relative-time-display-and-comment.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Switch font size using jQuery</title>
		<link>http://www.bpoviawebsitedesign.com/switch-font-size-using-jquery.html</link>
		<comments>http://www.bpoviawebsitedesign.com/switch-font-size-using-jquery.html#comments</comments>
		<pubDate>Wed, 05 Jan 2011 02:16:20 +0000</pubDate>
		<dc:creator>BPOVIA</dc:creator>
				<category><![CDATA[website]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.bpoviawebsitedesign.com/?p=342</guid>
		<description><![CDATA[HTML part: &#60;ul id=&#34;resizer&#34;&#62; &#60;li id=&#34;f_text&#34;&#62; font size: &#60;/ li&#62; &#60;li id=&#34;f_s&#34;&#62; &#60;a href=&#34;javascript:void(0)&#34;&#62; small &#60;/ a&#62; &#60;/ li&#62; &#60;li id=&#34;f_m&#34;&#62; &#60;a href=&#34;javascript:void(0)&#34;&#62; in &#60;/ a&#62; &#60;/ li&#62; &#60;li id=&#34;f_l&#34;&#62; &#60;a href=&#34;javascript:void(0)&#34;&#62; big &#60;/ a&#62; &#60;/ li&#62; &#60;/ ul&#62; Then do not forget to introduce jQuery library, this is not to say, just a reminder, [...]]]></description>
			<content:encoded><![CDATA[<p><span id="result_box" lang="en"><span class="hps" title="Click for alternate translations">HTML</span> <span class="hps" title="Click for alternate translations">part:</span></p>
<p><span class="hps" title="Click for alternate translations">&lt;ul id=&quot;resizer&quot;&gt;</span><br />
<span class="hps" title="Click for alternate translations">&lt;li id=&quot;f_text&quot;&gt;</span> <span class="hps" title="Click for alternate translations">font size</span><span title="Click for alternate translations">: &lt;/ li&gt;</span><br />
<span class="hps" title="Click for alternate translations">&lt;li id=&quot;f_s&quot;&gt; &lt;a href=&quot;javascript:void(0)&quot;&gt;</span> <span class="hps" title="Click for alternate translations">small</span> <span class="hps" title="Click for alternate translations">&lt;/ a&gt; &lt;/ li&gt;</span><br />
<span class="hps" title="Click for alternate translations">&lt;li id=&quot;f_m&quot;&gt; &lt;a href=&quot;javascript:void(0)&quot;&gt;</span> <span class="hps" title="Click for alternate translations">in</span> <span class="hps" title="Click for alternate translations">&lt;/ a&gt; &lt;/ li&gt;</span><br />
<span class="hps" title="Click for alternate translations">&lt;li id=&quot;f_l&quot;&gt; &lt;a href=&quot;javascript:void(0)&quot;&gt;</span> <span class="hps" title="Click for alternate translations">big</span> <span class="hps" title="Click for alternate translations">&lt;/ a&gt; &lt;/ li&gt;</span><br />
<span class="hps" title="Click for alternate translations">&lt;/ ul&gt;</span></p>
<p><span class="hps" title="Click for alternate translations">Then</span> <span class="hps" title="Click for alternate translations">do not forget</span> <span class="hps" title="Click for alternate translations">to introduce</span> <span class="hps" title="Click for alternate translations">jQuery</span> <span class="hps" title="Click for alternate translations">library,</span> <span class="hps" title="Click for alternate translations">this</span> <span class="hps" title="Click for alternate translations">is not to say</span><span title="Click for alternate translations">, just</span> <span class="hps" title="Click for alternate translations">a reminder</span><span title="Click for alternate translations">, the last</span> <span class="hps" title="Click for alternate translations">is the</span> <span class="hps" title="Click for alternate translations">simple lines of</span> <span class="hps" title="Click for alternate translations">the code</span><span title="Click for alternate translations">:</span></p>
<p><span class="hps atn" title="Click for alternate translations">$ (document). ready (function () {</span><br />
<span class="hps atn" title="Click for alternate translations">$ (&#39;# resizer li&#39;). click (function () {</span><br />
<span class="hps" title="Click for alternate translations">var fontSize = 1.4;</span><br />
<span class="hps" title="Click for alternate translations">var name = $ (this). attr (&#39;id&#39;);</span><br />
<span class="hps atn" title="Click for alternate translations">if (name == &#39;f_s&#39;) {</span><br />
<span class="hps" title="Click for alternate translations">fontSize -= 0.1</span><br />
<span class="hps atn" title="Click for alternate translations">} Else if (name == &#39;f_l&#39;) {</span><br />
<span class="hps" title="Click for alternate translations">fontSize + = 0.1</span><br />
<span class="hps atn" title="Click for alternate translations">} Else if (name == &#39;f_m&#39;) {</span><br />
<span class="hps" title="Click for alternate translations">fontSize == 1.4</span><br />
<span class="hps" title="Click for alternate translations">}</span><br />
<span class="hps" title="Click for alternate translations">$ (&#39;. entry p&#39;). css (&#39;font-size&#39;, fontSize + &#39;em&#39;) / / &#39;. entry p&#39;</span> <span class="hps" title="Click for alternate translations">is to</span> <span class="hps" title="Click for alternate translations">the body of</span> <span class="hps" title="Click for alternate translations">the</span> <span class="hps" title="Click for alternate translations">selector</span> <span class="hps" title="Click for alternate translations">control</span><br />
<span class="hps" title="Click for alternate translations">})</span><span title="Click for alternate translations">;</span><br />
<span class="hps" title="Click for alternate translations">})</span><span title="Click for alternate translations">;</span></span></p>
<div style="border-left:3px solid #999999;margin-bottom:5px;padding:5px;">
<span style="font-weight: bold;"><a href="http://www.bpovia.com">BPOVIA</a> All Rights Reserved </span>
<br/>
Maintained by BPOVIA Web Design Team
</div>]]></content:encoded>
			<wfw:commentRss>http://www.bpoviawebsitedesign.com/switch-font-size-using-jquery.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Add Copyright Notice on WordPress Copied Text</title>
		<link>http://www.bpoviawebsitedesign.com/add-copyright-notice-on-wordpress-copied-text.html</link>
		<comments>http://www.bpoviawebsitedesign.com/add-copyright-notice-on-wordpress-copied-text.html#comments</comments>
		<pubDate>Tue, 04 Jan 2011 08:30:30 +0000</pubDate>
		<dc:creator>BPOVIA</dc:creator>
				<category><![CDATA[website]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.bpoviawebsitedesign.com/?p=339</guid>
		<description><![CDATA[Add code blow into your header.php &#60;script type=&#34;text/javascript&#34;&#62; function addLink() { &#160;&#160;&#160; var body_element = document.getElementsByTagName(&#39;body&#39;)[0]; &#160;&#160;&#160; var selection; &#160;&#160;&#160; selection = window.getSelection(); &#160;&#160;&#160; var pagelink = &#34; Add your Copyright text here!&#34;; &#160;&#160;&#160; var copytext = selection + pagelink; &#160;&#160;&#160; var newdiv = document.createElement(&#39;div&#39;); &#160;&#160;&#160; newdiv.style.position=&#39;absolute&#39;; &#160;&#160;&#160; newdiv.style.left=&#39;-99999px&#39;; &#160;&#160;&#160; body_element.appendChild(newdiv); &#160;&#160;&#160; newdiv.innerHTML = copytext; [...]]]></description>
			<content:encoded><![CDATA[<p>Add code blow into your <em><strong>header.php</strong></em></p>
<blockquote>
<p>
		&lt;script type=&quot;text/javascript&quot;&gt;<br />
		function addLink() {<br />
		&nbsp;&nbsp;&nbsp; var body_element = document.getElementsByTagName(&#39;body&#39;)[0];<br />
		&nbsp;&nbsp;&nbsp; var selection;<br />
		&nbsp;&nbsp;&nbsp; selection = window.getSelection();<br />
		&nbsp;&nbsp;&nbsp; var pagelink = &quot; Add your Copyright text here!&quot;;<br />
		&nbsp;&nbsp;&nbsp; var copytext = selection + pagelink;<br />
		&nbsp;&nbsp;&nbsp; var newdiv = document.createElement(&#39;div&#39;);<br />
		&nbsp;&nbsp;&nbsp; newdiv.style.position=&#39;absolute&#39;;<br />
		&nbsp;&nbsp;&nbsp; newdiv.style.left=&#39;-99999px&#39;;<br />
		&nbsp;&nbsp;&nbsp; body_element.appendChild(newdiv);<br />
		&nbsp;&nbsp;&nbsp; newdiv.innerHTML = copytext;<br />
		&nbsp;&nbsp;&nbsp; selection.selectAllChildren(newdiv);<br />
		&nbsp;&nbsp;&nbsp; window.setTimeout(function() {<br />
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; body_element.removeChild(newdiv);<br />
		&nbsp;&nbsp;&nbsp; },0);<br />
		}<br />
		document.oncopy = addLink;<br />
		&lt;/script&gt;</p>
</blockquote>
<p>From now on everyone that try to copy your content and paste the content on text editor new copyright notices will be follow</p>
<div style="border-left:3px solid #999999;margin-bottom:5px;padding:5px;">
<span style="font-weight: bold;"><a href="http://www.bpovia.com">BPOVIA</a> All Rights Reserved </span>
<br/>
Maintained by BPOVIA Web Design Team
</div>]]></content:encoded>
			<wfw:commentRss>http://www.bpoviawebsitedesign.com/add-copyright-notice-on-wordpress-copied-text.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Display information with simple jQuery[2]</title>
		<link>http://www.bpoviawebsitedesign.com/display-information-with-simple-jquery2.html</link>
		<comments>http://www.bpoviawebsitedesign.com/display-information-with-simple-jquery2.html#comments</comments>
		<pubDate>Fri, 31 Dec 2010 12:50:17 +0000</pubDate>
		<dc:creator>BPOVIA</dc:creator>
				<category><![CDATA[website]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.bpoviawebsitedesign.com/?p=337</guid>
		<description><![CDATA[First, the presentation of the HTML part (with its own specific css style defined), each message with &#60;span&#62; &#60;/ span&#62; enclose (of course you can use &#60;li&#62; &#60;/ li&#62;, change it to html and jQuery code) &#60;div class=&#34;test1&#34;&#62; &#60;! &#8211; Style = &#34;display: none ;&#34;&#8212;- style.css -&#62; &#60;span&#62; *****&#60;/ span&#62; &#60;span style=&#34;display:none;&#34;&#62; *****&#60;/ span&#62; &#60;span [...]]]></description>
			<content:encoded><![CDATA[<p>First, the presentation of the HTML part (with its own specific css style defined), each message with &lt;span&gt; &lt;/ span&gt; enclose (of course you can use &lt;li&gt; &lt;/ li&gt;, change it to html and jQuery code)</p>
<p>&lt;div class=&quot;test1&quot;&gt;<br />
&lt;! &#8211; Style = &quot;display: none ;&quot;&#8212;- style.css -&gt;<br />
&lt;span&gt; *****&lt;/ span&gt;<br />
&lt;span style=&quot;display:none;&quot;&gt; *****&lt;/ span&gt;<br />
&lt;span style=&quot;display:none;&quot;&gt; *****&lt;/ span&gt;<br />
&lt;p id=&quot;prev&quot;&gt; &laquo;&lt;/ p&gt;<br />
&lt;p id=&quot;next&quot;&gt; &raquo;&lt;/ p&gt;<br />
&lt;/ div&gt;</p>
<p>Second, jQuery code sections (more complex than before, but the results always have to sacrifice points to Well)</p>
<p>jQuery (document). ready (function () {/ / jQuery information on the rotation effect by zwwooooo<br />
&nbsp;&nbsp;&nbsp; $ (&#39;# prev&#39;). click (function () {<br />
&nbsp;&nbsp;&nbsp; $ (&#39;. test1 span: visible&#39;). fadeOut (&#39;fast&#39;,<br />
&nbsp;&nbsp;&nbsp; function () {<br />
&nbsp;&nbsp;&nbsp; if ($ (this). prev (). is (&#39;span&#39;)) {<br />
&nbsp;&nbsp;&nbsp; $ (this). prev (). fadeIn (&#39;fast&#39;);<br />
&nbsp;&nbsp;&nbsp; } Else {<br />
&nbsp;&nbsp;&nbsp; $ (&quot;. test1 span: last&quot;). fadeIn (&#39;fast&#39;);<br />
&nbsp;&nbsp;&nbsp; }<br />
&nbsp;&nbsp;&nbsp; });<br />
&nbsp;&nbsp;&nbsp; });<br />
&nbsp;&nbsp;&nbsp; $ (&#39;# next&#39;). click (function () {<br />
&nbsp;&nbsp;&nbsp; $ (&#39;. test1 span: visible&#39;). fadeOut (&#39;fast&#39;,<br />
&nbsp;&nbsp;&nbsp; function () {<br />
&nbsp;&nbsp;&nbsp; if ($ (this). next (). is (&#39;span&#39;)) {<br />
&nbsp;&nbsp;&nbsp; $ (this). next (). fadeIn (&#39;fast&#39;);<br />
&nbsp;&nbsp;&nbsp; } Else {<br />
&nbsp;&nbsp;&nbsp; $ (&#39;. test1 span: first&#39;). fadeIn (&#39;fast&#39;);<br />
&nbsp;&nbsp;&nbsp; }<br />
&nbsp;&nbsp;&nbsp; });<br />
&nbsp;&nbsp;&nbsp; });<br />
&nbsp;&nbsp;&nbsp; var b,<br />
&nbsp;&nbsp;&nbsp; a = function () {<br />
&nbsp;&nbsp;&nbsp; $ (&#39;# next&#39;). trigger (&#39;click&#39;); / / copy click time<br />
&nbsp;&nbsp;&nbsp; b = setTimeout (a, 5000); / / 5 秒 rotation, the same<br />
&nbsp;&nbsp;&nbsp; };<br />
&nbsp;&nbsp;&nbsp; $ (&#39;. test1&#39;). hover (function (){// when the mouse hovers<br />
&nbsp;&nbsp;&nbsp; clearTimeout (b); / / stop the rotation<br />
&nbsp;&nbsp;&nbsp; }<br />
&nbsp;&nbsp;&nbsp; function () {<br />
&nbsp;&nbsp;&nbsp; b = setTimeout (a, 5000);<br />
&nbsp;&nbsp;&nbsp; });<br />
&nbsp;&nbsp;&nbsp; b = setTimeout (a, 5000);<br />
});</p>
<div style="border-left:3px solid #999999;margin-bottom:5px;padding:5px;">
<span style="font-weight: bold;"><a href="http://www.bpovia.com">BPOVIA</a> All Rights Reserved </span>
<br/>
Maintained by BPOVIA Web Design Team
</div>]]></content:encoded>
			<wfw:commentRss>http://www.bpoviawebsitedesign.com/display-information-with-simple-jquery2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Display information with simple jQuery[1]</title>
		<link>http://www.bpoviawebsitedesign.com/display-information-with-simple-jquery.html</link>
		<comments>http://www.bpoviawebsitedesign.com/display-information-with-simple-jquery.html#comments</comments>
		<pubDate>Thu, 30 Dec 2010 12:09:46 +0000</pubDate>
		<dc:creator>BPOVIA</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.bpoviawebsitedesign.com/?p=330</guid>
		<description><![CDATA[1. html display information structure, each message with &#60;span&#62; &#60;/ span&#62;, refer to the following &#60;div class=&#34;test&#34;&#62; &#60;strong&#62;&#38;raquo;&#60;/strong&#62;&#60;!-- style=&#34;display:none;&#34;style.css --&#62; &#60;span style=&#34;display:none;&#34;&#62;text text text &#60;/span&#62; &#60;span style=&#34;display:none;&#34;&#62;text text &#60;/span&#62; &#60;span style=&#34;display:none;&#34;&#62;text &#60;/span&#62; &#60;/div&#62; 2. JQuery code, specifically to see comments jQuery(document).ready(function(){ test(); setInterval(&#39;test()&#39;, 6100); }); var test_i = 0, test_span_arr = 0; test_span_num = 0; [...]]]></description>
			<content:encoded><![CDATA[<p>
	<span class="long_text" id="result_box" lang="en"><span class="hps" title="Click for alternate translations">1.</span> <span class="hps" title="Click for alternate translations">html</span> <span class="hps" title="Click for alternate translations">display information</span> <span class="hps" title="Click for alternate translations">structure,</span> <span class="hps" title="Click for alternate translations">each message</span> <span class="hps" title="Click for alternate translations">with</span> <span class="hps" title="Click for alternate translations">&lt;span&gt; &lt;/ span&gt;,</span> <span class="hps" title="Click for alternate translations">refer to the following</span></span></p>
<pre>
<span style="color: rgb(128, 0, 128);">&lt;div</span><span style="color: rgb(213, 57, 13);"> class=</span><span style="color: rgb(0, 0, 255);">&quot;test&quot;</span><span style="color: rgb(128, 0, 128);">&gt;
</span><span style="color: rgb(0, 0, 0);">	</span><span style="color: rgb(128, 0, 128);">&lt;strong&gt;</span><span style="color: rgb(0, 0, 255);">&amp;raquo;</span><span style="color: rgb(128, 0, 128);">&lt;/strong&gt;</span><span style="color: rgb(192, 192, 192);">&lt;!-- style=&quot;display:none;&quot;style.css --&gt;
</span><span style="color: rgb(0, 0, 0);">	</span><span style="color: rgb(128, 0, 128);">&lt;span</span><span style="color: rgb(213, 57, 13);"> style=</span><span style="color: rgb(0, 0, 255);">&quot;display:none;&quot;</span><span style="color: rgb(128, 0, 128);">&gt;</span><span style="color: rgb(0, 0, 0);">text </span><span style="color: rgb(0, 0, 0);">text </span><span style="color: rgb(0, 0, 0);">text </span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(128, 0, 128);">&lt;/span&gt;
</span><span style="color: rgb(0, 0, 0);">	</span><span style="color: rgb(128, 0, 128);">&lt;span</span><span style="color: rgb(213, 57, 13);"> style=</span><span style="color: rgb(0, 0, 255);">&quot;display:none;&quot;</span><span style="color: rgb(128, 0, 128);">&gt;</span><span style="color: rgb(0, 0, 0);">text </span><span style="color: rgb(0, 0, 0);">text </span><span style="color: rgb(128, 0, 128);">&lt;/span&gt;
</span><span style="color: rgb(0, 0, 0);">	</span><span style="color: rgb(128, 0, 128);">&lt;span</span><span style="color: rgb(213, 57, 13);"> style=</span><span style="color: rgb(0, 0, 255);">&quot;display:none;&quot;</span><span style="color: rgb(128, 0, 128);">&gt;</span><span style="color: rgb(0, 0, 0);">text </span><span style="color: rgb(128, 0, 128);">&lt;/span&gt;
&lt;/div&gt;</span></pre>
<p>
	<span class="long_text" id="result_box" lang="en"><span class="hps" title="Click for alternate translations">2. JQuery</span> <span class="hps" title="Click for alternate translations">code,</span> <span class="hps" title="Click for alternate translations">specifically to see</span> <span class="hps" title="Click for alternate translations">comments</span></span></p>
<pre>
<span style="color: rgb(0, 0, 0);">jQuery</span><span style="color: rgb(0, 0, 128);">(</span><span style="color: rgb(0, 0, 0);">document</span><span style="color: rgb(0, 0, 128);">).</span><span style="color: rgb(0, 0, 0);">ready</span><span style="color: rgb(0, 0, 128);">(</span><span style="color: rgb(0, 0, 255);">function</span><span style="color: rgb(0, 0, 128);">(){
</span><span style="color: rgb(0, 0, 0);">	</span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 128);">();</span><span style="color: rgb(0, 0, 0);"> </span>
<span style="color: rgb(0, 0, 0);">	setInterval</span><span style="color: rgb(0, 0, 128);">(</span><span style="color: rgb(128, 0, 128);">&#39;</span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(128, 0, 128);">()&#39;</span><span style="color: rgb(0, 0, 128);">,</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(255, 0, 255);">6100</span><span style="color: rgb(0, 0, 128);">);</span><span style="color: rgb(0, 0, 0);"> </span>
<span style="color: rgb(0, 0, 128);">});
</span><span style="color: rgb(0, 0, 255);">var</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 0);">_i </span><span style="color: rgb(0, 0, 128);">=</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(255, 0, 255);">0</span><span style="color: rgb(0, 0, 128);">,</span><span style="color: rgb(0, 0, 0);"> </span>
<span style="color: rgb(0, 0, 0);">	</span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 0);">_span_arr </span><span style="color: rgb(0, 0, 128);">=</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(255, 0, 255);">0</span><span style="color: rgb(0, 0, 128);">;
</span><span style="color: rgb(0, 0, 0);">	</span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 0);">_span_num </span><span style="color: rgb(0, 0, 128);">=</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(255, 0, 255);">0</span><span style="color: rgb(0, 0, 128);">;</span><span style="color: rgb(0, 0, 0);"> </span>
<span style="color: rgb(0, 0, 255);">function</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 128);">()</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(0, 0, 128);">{
</span><span style="color: rgb(0, 0, 0);">	</span><span style="color: rgb(0, 0, 255);">if</span><span style="color: rgb(0, 0, 128);">(</span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 0);">_span_arr</span><span style="color: rgb(0, 0, 128);">==</span><span style="color: rgb(255, 0, 255);">0</span><span style="color: rgb(0, 0, 128);">){
</span><span style="color: rgb(0, 0, 0);">	</span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 0);">_span_arr </span><span style="color: rgb(0, 0, 128);">=</span><span style="color: rgb(0, 0, 0);"> $</span><span style="color: rgb(0, 0, 128);">(</span><span style="color: rgb(128, 0, 128);">&quot;.</span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(128, 0, 128);">&quot;</span><span style="color: rgb(0, 0, 128);">).</span><span style="color: rgb(0, 0, 0);">children</span><span style="color: rgb(0, 0, 128);">(</span><span style="color: rgb(128, 0, 128);">&quot;span&quot;</span><span style="color: rgb(0, 0, 128);">);
</span><span style="color: rgb(0, 0, 0);">	</span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 0);">_span_num </span><span style="color: rgb(0, 0, 128);">=</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 0);">_span_arr</span><span style="color: rgb(0, 0, 128);">.</span><span style="color: rgb(0, 128, 128);">length</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(0, 0, 128);">-</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(255, 0, 255);">1</span><span style="color: rgb(0, 0, 128);">;</span><span style="color: rgb(0, 0, 0);"> </span>
<span style="color: rgb(0, 0, 0);">	</span><span style="color: rgb(0, 0, 128);">}
</span><span style="color: rgb(0, 0, 0);">	</span><span style="color: rgb(0, 0, 255);">if</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(0, 0, 128);">(</span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 0);">_i </span><span style="color: rgb(0, 0, 128);">&gt;</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 0);">_span_num</span><span style="color: rgb(0, 0, 128);">)</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(0, 0, 128);">{</span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 0);">_i </span><span style="color: rgb(0, 0, 128);">=</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(255, 0, 255);">0</span><span style="color: rgb(0, 0, 128);">;}</span><span style="color: rgb(0, 0, 0);"> </span>
<span style="color: rgb(0, 0, 0);">	$</span><span style="color: rgb(0, 0, 128);">(</span><span style="color: rgb(128, 0, 128);">&#39;.</span><span style="color: rgb(0, 0, 255);">test </span><span style="color: rgb(128, 0, 128);">span:eq(&#39;</span><span style="color: rgb(0, 0, 128);">+</span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 0);">_i</span><span style="color: rgb(0, 0, 128);">+</span><span style="color: rgb(128, 0, 128);">&#39;)&#39;</span><span style="color: rgb(0, 0, 128);">).</span><span style="color: rgb(0, 0, 0);">fadeIn</span><span style="color: rgb(0, 0, 128);">(</span><span style="color: rgb(255, 0, 255);">1500</span><span style="color: rgb(0, 0, 128);">);</span><span style="color: rgb(0, 0, 0);"> </span>
<span style="color: rgb(0, 0, 0);">	setTimeout</span><span style="color: rgb(0, 0, 128);">(</span><span style="color: rgb(0, 0, 255);">function</span><span style="color: rgb(0, 0, 128);">()</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(0, 0, 128);">{</span><span style="color: rgb(0, 0, 0);">$</span><span style="color: rgb(0, 0, 128);">(</span><span style="color: rgb(128, 0, 128);">&#39;.</span><span style="color: rgb(0, 0, 255);">test </span><span style="color: rgb(128, 0, 128);">span:eq(&#39;</span><span style="color: rgb(0, 0, 128);">+</span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 0);">_i</span><span style="color: rgb(0, 0, 128);">+</span><span style="color: rgb(128, 0, 128);">&#39;)&#39;</span><span style="color: rgb(0, 0, 128);">).</span><span style="color: rgb(0, 0, 0);">fadeOut</span><span style="color: rgb(0, 0, 128);">(</span><span style="color: rgb(255, 0, 255);">1500</span><span style="color: rgb(0, 0, 128);">);</span><span style="color: rgb(0, 0, 255);">test</span><span style="color: rgb(0, 0, 0);">_i</span><span style="color: rgb(0, 0, 128);">++;},</span><span style="color: rgb(255, 0, 255);">4500</span><span style="color: rgb(0, 0, 128);">);
};</span></pre>
<p></p>
<div style="border-left:3px solid #999999;margin-bottom:5px;padding:5px;">
<span style="font-weight: bold;"><a href="http://www.bpovia.com">BPOVIA</a> All Rights Reserved </span>
<br/>
Maintained by BPOVIA Web Design Team
</div>]]></content:encoded>
			<wfw:commentRss>http://www.bpoviawebsitedesign.com/display-information-with-simple-jquery.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress funcition: get page ID by slug</title>
		<link>http://www.bpoviawebsitedesign.com/wordpress-funcition-get-page-id-by-slug.html</link>
		<comments>http://www.bpoviawebsitedesign.com/wordpress-funcition-get-page-id-by-slug.html#comments</comments>
		<pubDate>Wed, 29 Dec 2010 12:26:50 +0000</pubDate>
		<dc:creator>BPOVIA</dc:creator>
				<category><![CDATA[website]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[funcition]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.bpoviawebsitedesign.com/?p=334</guid>
		<description><![CDATA[Issue: Many blogs are using postname as the permanent link, it would be hard to check for the page ID, of course it&#39;s easy for WordPress savvy, who can edit links from backend. However many users feel it troublesome and would like to type in page title or alias directly. Analysis: For instance, catalog has [...]]]></description>
			<content:encoded><![CDATA[<p>
	Issue: Many blogs are using postname as the permanent link, it would be hard to check for the page ID, of course it&#39;s easy for WordPress savvy, who can edit links from backend. However many users feel it troublesome and would like to type in page title or alias directly.</p>
<p>	Analysis: For instance, catalog has the function to obtain id from catalog name (not slug), which is get_cat_ID, then we can create a function as follows:</p>
<blockquote>
<p>
		function get_page_id($page_name){<br />
		&nbsp;&nbsp; &nbsp;global $wpdb;<br />
		&nbsp;&nbsp; &nbsp;$page_name = $wpdb-&gt;get_var(&quot;SELECT ID FROM $wpdb-&gt;posts WHERE post_name = &#39;&quot;.$page_name.&quot;&#39; AND post_status = &#39;publish&#39; AND post_type = &#39;page&#39;&quot;);<br />
		&nbsp;&nbsp; &nbsp;return $page_name;<br />
		}</p>
</blockquote>
<div style="border-left:3px solid #999999;margin-bottom:5px;padding:5px;">
<span style="font-weight: bold;"><a href="http://www.bpovia.com">BPOVIA</a> All Rights Reserved </span>
<br/>
Maintained by BPOVIA Web Design Team
</div>]]></content:encoded>
			<wfw:commentRss>http://www.bpoviawebsitedesign.com/wordpress-funcition-get-page-id-by-slug.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

