刷新页面后让WordPress背景随机切换

作者:matrix 发布时间:2013年10月10日 分类:Wordpress 零零星星

只需要几行php代码就可以让WordPress主题背景随机切换,每次刷新切换不同的图片。这需要按F5刷新页面或者到新页面时背景才会自动变换。

更新的>>用BACKSTRETCH实现定时切换背景 可以实现定时自动切换背景。

用BACKSTRETCH实现定时切换背景

<?php $random_image = rand(1, 5); ?>  
<div id="div1">  
    <img src="<?php bloginfo('stylesheet_directory');?>/bg/<?php echo $random_image; ?>.jpg"/>  
</div>  

说明:

1行中的5代表有5张图片可供切换

2行中div1为背景css样式id 阅读剩余部分 »

用BACKSTRETCH实现定时自动切换背景

作者:matrix 发布时间:2013年10月9日 分类:Wordpress 兼容并蓄 零零星星

图片4808-用BACKSTRETCH实现定时自动切换背景

jquery-backstretch可以实现之前>>刷新页面后让WordPress背景随机切换  不能到达的动态切换背景功能。 用jquery-backstretch就算你不按F5刷新页面背景也可以自动切换,带有淡入淡出的缓慢加载那种效果,很好看。

github地址:https://github.com/srobbin/jquery-backstretch

官网:http://srobbin.com/jquery-plugins/backstretch/

目前最新版本 Backstretch - v2.0.4 - 2013-06-19 阅读剩余部分 »

用虚拟机安装Android

作者:matrix 发布时间:2013年10月6日 分类:零零星星

现在已经有很多Android模拟器可用,更简单快捷。


android-x86

官网:http://www.android-x86.org/

google code:https://code.google.com/p/android-x86/downloads/list

google翻译了一下google code上很友好的提示:

图片4810-用虚拟机安装Android

由于我没有安装vm或者其他虚拟机,android-x86那就只有以后再说。目前最新的版本android-x86-4.3-20130725.iso

如果看官需要安装,建议参考:

http://wenku.baidu.com/view/5c60fd3067ec102de2bd8947.html

 

http://walker-a.com/archives/2160

http://louxi.me/archives/1858

修改Mini天气预报app

作者:matrix 发布时间:2013年10月3日 分类:兼容并蓄 零零星星

Mini天气预报app v1.2

地址:http://demo.hhtjim.com

修改Mini天气预报app,之前使用的是专业气象的数据,这次改的189 API:http://api.189.cn/huafeng/api/getforecast24?access_token=91d1d9d25c62fd393e113116b07b6f601379679414323&app_id=120032470000032374&city_id=城市ID

参考:http://open.189.cn/index.php?m=api&c=index&a=show&id=359

城市ID列表 :http://open.189.cn/sharedata/cms/uploadfile/2012/1102/113459s3unXsSCAn.zip 阅读剩余部分 »

添加WordPress开启关闭侧边栏功能

作者:matrix 发布时间:2013年10月1日 分类:Wordpress

图片4819-添加WordPress开启关闭侧边栏功能

此功能有点鸡肋,不过还是在折腾出来了。

1.加载JQ库,有了的跳过。

2.主题的header上加入js代码:

<script>  
jQuery(document).ready(function($){  
(function(){  
function SetCookie(c_name,value,expiredays){  
var exdate=new Date();  
exdate.setDate(exdate.getDate()+expiredays);  
document.cookie=c_name+"="+escape(value)+((expiredays==null)?"":";expires="+exdate.toGMTString())+";path=/";  
//如果你希望每个页面都有个独立的 Cookies 设置的话请去掉+";path=/",这样的话leeiio.me/xxx/ 和leeiio.me/yyy/ 的侧边栏状态都将是独立的  
}  
window['RootCookies'] = {};  
window['RootCookies']['SetCookie'] = SetCookie;  
//JavaScript 的命名空间,假使你已有一个 SetCookie 的函数的话将不会与之冲突,通过 RootCookie.SetCookie() 调用  
})();  
//Toggle Sidebar  
$('#close-sidebar').click(function(){RootCookies.SetCookie('show_sidebar', 'no', 7);$('#close-sidebar').hide();$('#show-sidebar').show();$('#celan').hide();$('.grid_10').animate({width: "870px"}, 1000);});  
$('#show-sidebar').click(function(){RootCookies.SetCookie('show_sidebar', 'no', -1);$('#show-sidebar').hide();$('#close-sidebar,#celan').show();$('.grid_10').animate({width: "640px"}, 800);$('#celan').delay(800).show(0);});  
});  
</script>  

上面的代码也可保存为*.js加载,需要去掉<script>标签。

3.显示开关侧边栏的代码,需要在哪显示就添加到哪:

<div style="position: absolute;right: 0px;">  
          <?php if(!$_COOKIE['show_sidebar']=='no'):?>  
            <li id="close-sidebar" title="显示/关闭侧边栏"><a href="javascript:void()">关闭侧边栏</a></li>  
            <li id="show-sidebar" style="display:none;"title="显示/关闭侧边栏"><a href="javascript:void()">显示侧边栏</a></li>  
        <?php else: ?>  
            <li id="close-sidebar" style="display:none;" title="显示/关闭侧边栏"><a href="javascript:void()">关闭侧边栏</a></li>  
            <li id="show-sidebar" title="显示/关闭侧边栏"><a href="javascript:void()">显示侧边栏</a></li>  
        <?php endif;?>  
            <?php if($_COOKIE['show_sidebar']=='no'): ?>  
<style type="text/css">  
#content {width:870px;}  
.grid_10 {width:870px;}  
#celan {display:none;}  
</style>  
        <?php endif; ?>  
</div>        

说明:第一行的样式可自定义。

#celan为侧边栏样式,#content和.grid_10为文章内容边框的样式。主题不同,此样式也就需要更改。

其他代码我也不懂,记录END。

参考:http://cnsunbin.com/wordpress/wordpress-close-or-show-sidebar.html

http://isayme.com/2011/09/make-the-theme-thiner.html

http://code.google.com/p/jieim/downloads/detail?name=all.zip&can=2&q=