万圣节鬼片推荐《恶灵入侵》



13岁的美丽小女孩米雅(艾拉·彭内尔 Ella Purnell 饰)偶然在自家院子的树洞里发现一只小盒子,里面装着一则奇怪恐怖的故事。故事讲述了无脸恶魔希望得到他人的认可,于是四处寻找站在窗口的小孩子,将孩子带走并撕掉他们的脸,贴在自己的脸上。米雅为这个未完成的故事着迷,她尝试续写下去。米雅不知道,这是身为建筑工人的父亲约翰·费罗(克里夫·欧文 Clive Owen 饰)童年时代根据自己的真实体验所写的故事。在这一过程中,诡异的梦境不断困扰米雅。
与此同时,一起意外事故让约翰深埋心底的恐惧再次复苏,他重新想起童年时的无脸恶魔,父女俩同时遭到恶魔的侵扰……

WordPress缩略图

WordPress 2.9 以后开始WordPress 开始提供了文章缩略图的功能,专门使用一些函数来设置和调用文章的缩略图
首先要开启 WordPress 的缩略图功能,在当前 WordPress 主题的 functions.php 添加以下函数

add_theme_support('post-thumbnails');

开启这个功能之后我们要做的是设置缩略图的默认大小,如果你没有设置默认的是 200X200 可以通过以下函数来设置

set_post_thumbnail_size(200, 200 ); //200 像素宽和 200 像素高

这个函数还有第三个参数 设置 的是如果图片大小超过了我们设置的200X200 是否 对图片进行被裁剪。。。默认为空也就是不裁剪,如果设置为 true 则是要进行裁剪…

set_post_thumbnail_size(200, 200, true ); // 200 像素宽和 200 像素高,裁剪

调用 我们设置的缩略图 可以通过以下函数来实现

<?php
if (has_post_thumbnail() ) {
	the_post_thumbnail(); //如果当前文章有缩略图就在这里输出
} else {
	//如果当前文章没有设置缩略图 可以输出一张默认的图片在这里
}
?>

有时还需要同时生成别的大小的缩略图,可以使用以下函数

add_image_size( 'single-post-thumbnail',660, 99999 )//生成一张660px宽(高度不限制)的图片

可以这样调用刚才生成的图片

<?php the_post_thumbnail( 'single-post-thumbnail' ); ?>

生化危机5:惩罚 Resident Evil: Retribution (2012)


爱丽丝(米拉·乔沃维奇 Milla Jovovich 饰)救出了被冷冻的同伴们,众人在离开之际却被赶来的雇佣兵赶尽杀绝。T病毒使红皇后(Megan Charpentier 饰)的程序发生了错误,变得残暴嗜血的她想要杀死最后的人类毁灭地球。唯一能够阻止红皇后的只有爱丽丝一人。而此刻,失去了能力的爱丽丝却被保护伞公司囚禁在位于海底的秘密基地中。

威斯克(肖恩·罗伯茨 Shawn Roberts 饰)通过病毒侵入了保护伞公司的系统,他放走了爱丽丝并告诉她,她是人类最后的希望,而为了拯救人类,他们必须冰释前嫌共同抵抗更强大的敌人。爱丽丝遇见了保护伞公司的前员工艾达王(李冰冰 饰),两人一路上奋勇杀敌结下了深厚的友谊。同时,爱丽丝旧日的战友们也组成了一个小分队,从外向内进行突围。  保护伞公司在海底建造了逼真的模拟城市,并使用克隆人作为T病毒的实验对象,为了抵达出口,爱丽丝一行人必须穿越东京、纽约、华盛顿和莫斯科四座城市,而每座城市中,都有属于它的丧尸们在蠢蠢欲动。

Apache SSI 配置

什么是shtml?
使用SSI(Server Side Include)的html文件扩展名,SSI(Server Side Include),通常称为”服务器端嵌入”或者叫”服务器端包含”,是一种类似于ASP的基于服务器的网页制作技术。默认扩展名是 .stm、.shtm 和 .shtml。

什么是SSI?
SSI是英文Server Side Includes的缩写,翻译成中文就是服务器端包含的意思。从技术角度上说,SSI就是在HTML文件中,可以通过注释行调用的命令或指针。SSI具有强大的功能,只要使用一条简单的SSI命令就可以实现整个网站的内容更新,时间和日期的动态显示,以及执行shell和CGI脚本程序等复杂的功能。网站维护常常碰到的一个问题是,网站的结构已经固定,却为了更新一点内容而不得不重做一大批网页。SSI提供了一种简单、有效的方法来解决这一问题,它将一个网站的基本结构放在几个简单的HTML文件中(模板),以后我们要做的只是将文本传到服务器,让程序按照模板自动生成网页,从而使管理大型网站变得容易

如何配置Apache支持SSI?
Apache默认是不支持SSI的,需要我们更改httpd.conf来进行配置。我这里以windows平台的Apache 2.0.x为例,打开conf目录下的httpd.conf文件,搜索“AddType text/html .shtml”,找到:

  # AddType text/html .shtml 
  # AddOutputFilter INCLUDES .shtml

把这两行前面的#去掉 。

然后搜索

Options Indexes FollowSymLinks

在搜索到的那一行后面添加 “Includes”
即将该行改变为

 Options Indexes FollowSymLinks Includes

熟悉apache manual的可能会觉得比较容易。
保存httpd.conf,重起apache即可
到此我们就完成了对Apache SSI的设置。

验证SSI配置成功
在服务器目录上新建文件test.shtml
文件内容为

<!--#echo var="DATE_LOCAL" -->

echo元素仅仅是反馈一个变量的值。标准变量有许多,其中包含对CGI程序有效的所有的环境变量。另外,你也可以用set元素定义你的专用变量。
打开得到如下内容
Tuesday, 28-Oct-2014 10:07:13 中国标准时间
表示配置SSI成功,如果没有类似输出,请检查APACHE版本或者配置是否正确

如果要包含一个标准页脚,假设页脚内容如下,命名为footer.html

<div style="border:1px solid #333"> 
This is footer
</div>

在test.shtml文件中使用以下语句

<!--#include virtual="footer.html" -->

wordpress 获得评论最多的文章

在制作主题中,我们有时需要获得网站中评论最多的文章,可以直接使用以下代码:

$result = $wpdb->get_results("SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 10");
                    foreach ($result as $topten) {
                        $postid = $topten->ID;
                        $title = $topten->post_title;
                        $commentcount = $topten->comment_count;
                        if ($commentcount != 0) {
                            ?>
                            <li><a href="<?php echo get_permalink($postid); ?>" title="<?php echo $title ?>"><?php echo $title ?></a> <?php $commentcount ?></li>
                            <?php
                        }
                    }

jquery 幻灯片

jquery 实现的图片幻灯片
HTML:

<div id="focus">
                        <ul id="show">
                            <li  class="item">
                                <div style="left:0; top:0; width:260px; height:400px;"> 
                                    <a href="">
                                        <img src="/c/zhuanti/mre/Apps/Modules/Index/Tpl/Public/zhuanti/topic3/images/js_img.jpg" width="260" height="400" />
                                    </a> 
                                </div>
                            </li>
                            <li  class="item">
                                <div style="left:0; top:0; width:260px; height:400px;"> 
                                    <a href="">
                                        <img src="/zhuanti/topic3/images/js_img.jpg" width="260" height="400" />
                                    </a> 
                                </div>
                            </li>
                        </ul>
                    </div>

JS:

$(function() {
    var sWidth = $("#focus").width(); 
    var len = $("#focus ul#show li.item").length; 
    var index = 0;
    var picTimer;
 
    var btn = "<div class='btnBg'></div><div class='btn'>";
    for(var i=0; i < len; i++) {
        btn += "<span>" + (i+1) + "</span>";
    }
    btn += "</div>"
    $("#focus").append(btn);
    $("#focus .btnBg .btn").css("opacity",0.5);   
    $("#focus .btn span").live("click",function(){
        index = $("#focus .btn span").index(this);
        showPics(index);
        $(this).trigger("hover")
    //        setTimeout(1000000000000);
    }).eq(0).trigger("click");
    $("#focus ul#show").css("width",sWidth * (len + 1));
 
    $("#focus").hover(function() {
        clearInterval(picTimer);
    },function() {
        picTimer = setInterval(function() {
            if(index == len) { 
                showFirPic();
                index = 0;
            } else {
                showPics(index);
            }
            index++;
        },10000); 
    }).trigger("mouseleave");
 
    function showPics(index) { 
        var nowLeft = -index*sWidth; 
        $("#focus ul#show").stop(true,false).animate({
            "left":nowLeft
        },500); 
        $("#focus .btn span").removeClass("on").eq(index).addClass("on") 
 
    }
 
    function showFirPic() { 
        $("#focus ul#show").append($("#focus ul#show li.item:first").clone());
        var nowLeft = -len*sWidth;
        $("#focus ul#show").stop(true,false).animate({
            "left":nowLeft
        },500,function() {
            $("#focus ul#show").css("left","0");
            $("#focus ul#show li.item:last").remove();
        }); 
        $("#focus .btn span").removeClass("on").eq(0).addClass("on");
    }
});

css:

#focus {width:260px; height:400px; overflow:hidden; position:relative;margin: 0 auto;z-index: 0;}
#focus ul#show {height:400px; position:absolute;}
#focus ul#show li.item {float:left; width:260px; height:400px; overflow:hidden; position:relative;}
#focus ul#show li.item div {position:absolute; overflow:hidden;}
#focus ul#show li.item div img {margin: 0 auto;display: block;}
/*            #focus .btnBg {position:absolute; width:180px; height:40px; left:25px; bottom:25px; background:#000;}*/
#focus .btn {position:absolute; width:1000px; height:24px; left:20px; bottom:10px; padding-left:10px;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:20px; height:20px; line-height:20px; text-align:center; font-size:14px; font-family:"Microsoft YaHei",SimHei; margin-right:10px; cursor:pointer; color:#fff;background: #666666;}
#focus .btn span:hover{ background-color:#33CCFF;}
#focus .btn span.on {background:#000; color:#fcc;}