用过了不少主机，从一开始的Dreamhost，到新新加坡的主机，然后是Meyu的主机，到现在的无锡梦点，搬家无数处，中间也因一些原因，关闭过一段时间，现在找一个好的稳定主机商，不容易啊。
前段时间用过了衡天小张的主机，感觉不错，衡天小张的主机经营了有2年的时间，现在拥有了一个比较大的用户群体。
最近小张推出的独立IP主机还是不错的，性价比也很高，等空间到期，全线换到小张那去了。暂时挂着一个站在上面，还没开工 江阴飞扬907。
废话了这么多，关键的在来了。话说，小张最近搞了个分销计划，我也搞了个主机优惠码 rayhost ，有到小张那买主机的童鞋，记得填上我的优惠码哦，你懂的。
丢下购买地址：http://my.hengtian.org/cart.php
其实按小张的话就是，平时闲着蛋疼没事，又想赚点小钱，小钱也是钱啊，走过路过不要错过，记住我的优惠码 rayhost。
首先在header.php的head标签中加载jQuery库
1 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> |
新建一个JS文件，在header.php的head标签中加载，JS文件中加入下例代码：
1 2 3 4 5 6 7 8 9 | $(document).ready(function(){ $(".entry-foot span:first").addClass("current"); // 为第一个span添加 .current 的样式，默认选中 $(".entry-foot ul:not(:first)").hide(); //ul 不是第一个时隐藏 $(".entry-foot span").mouseover(function(){ // 鼠标移到 span 上时触发函数 $(".entry-foot span").removeClass("current"); //为第一个 span 移除 .current 样式 $(this).addClass("current"); //为触发的 span 添加样式 $(".entry-foot ul").hide(); // 隐藏 ul $("."+$(this).attr("id")).fadeIn("slow"); // 这句是核心，class(.) 和触发 span 的ID 一致的 fadeIn(渐显) });}); |
HTML代码如下：
1 2 3 4 5 6 7 8 9 | <div class="tab"> <p> <span ID="tab1">tab1</span> <span ID="tab2">tab2</span> <span ID="tab3">tab3</span></p> <ul class="tab1">以 LI 形式呈现的 tab1 的内容</ul> <ul class="tab2">以 LI 形式呈现的 tab2 的内容</ul> <ul class="tab3">以 LI 形式呈现的 tab3 的内容</ul> </div> |
添加CSS代码如下：
1 2 3 4 5 6 7 | .entry-foot{background-color:#FAFAFA;margin:5px 8px;padding:5px 10px;} .entry-foot p span{background-color:#EFEFEF;border:1px solid #CCCCCC;cursor:pointer;margin-right:6px;padding:2px 5px;} .entry-foot p span.current{background-color:#FAFAFA; border-bottom-color:#fafafa;} .entry-foot p{border-bottom:1px solid #CCCCCC;font-weight:bold;padding:0 10px 2px;} .entry-foot li{border-bottom:1px dotted #CCCCCC;padding-bottom:3px;margin:5px 0;} .entry-foot .mhot,.entry-foot.allhot{display:none;} |
首先在header.php的head标签中加载jQuery库
1 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> |
新建一个JS文件，在header.php的head标签中加载，JS文件中加入下例代码：
1 2 3 4 5 6 7 8 9 10 11 12 13 | function slideSwitch() { var $current = $("#slideshow div.current"); if ( $current.length == 0 ) $current = $("#slideshow div:last"); var $next = $current.next().length ? $current.next() : $("#slideshow div:first"); $current.addClass('prev'); $next.css({opacity: 0.0}).addClass("current").animate({opacity: 1.0}, 1000, function() { $current.removeClass("current prev"); }); } $(function() { $("#slideshow span").css("opacity","0.7"); $(".current").css("opacity","1.0"); setInterval( "slideSwitch()", 3000 ); }); |
HTML代码如下：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <div ID="slideshow"> <div class="current"> <a href="http://www.koryi.net/"><img src="1.jpg" alt="" /></a> <span>The First Image</span> </div> <div> <a href="http://www.koryi.net/"><img src="2.jpg" alt="" /></a> <span>The Second Image</span> </div> <div> <a href="http://www.koryi.net/"><img src="3.jpg" alt="" /></a> <span>Yes, thd third.</span> </div> </div> |
添加CSS代码如下：
1 2 3 4 5 6 | #slideshow{position:relative;height:195px;width:425px;border:10px solid #ddd;margin:0 auto 15px;} #slideshow div{position:absolute;top:0;left:0;z-index:3;opacity:0.0;height:195px;overflow:hidden;background-color:#FFF;} #slideshow div.current{z-index:5;} #slideshow div.prev{z-index:4;} #slideshow div img{display:block;border:0;margin-bottom:10px;} #slideshow div span{display:none;position:absolute;bottom:0;left:0;height:50px;line-height:50px;background:#000;color:#fff;width:100%;} |
首先在header.php的head标签中加载jQuery库
1 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> |
新建一个JS文件，在header.php的head标签中加载，JS文件中加入下例代码：
1 2 | $('.top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); $('.bot').click(function(){$('html,body').animate({scrollTop:$('#footer').offset().top}, 800);}); |
在footer.php文件中加入代码：
1 2 3 4 | <div ID="goto"> <div class="top">顶端</div> <div class="bot">底端</div> </div> |
在CSS文件中添加下例代码：
1 2 3 4 5 | *html #goto { position: absolute; top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2));} #goto { position: fixed; left: 50%; top: 50%; bottom: auto; margin-left: -500px; z-index: 999;} #goto .top, #goto .bot { width: 28px; height: 41px; margin: 5px 0; background-image: url('images/goto.gif'); background-repeat: no-repeat; display: block; text-indent: -9999px; cursor: pointer;} #goto .top { background-position: 0 0;} #goto .bot { background-position: 0 100%;} |
首先在header.php的head标签中加载jQuery库
1 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> |
新建一个JS文件，在header.php的head标签中加载，JS文件中加入下例代码：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | var sweetTitles = { x : 10, y : 20, tipElements : "a", init : function() { $(this.tipElements).mouseover(function(e){ this.myTitle = this.title; this.myHref = this.href; this.myHref = (this.myHref.length > 30 ? this.myHref.toString().substring(0,30)+"..." : this.myHref); // url 超过 30 个字符的部分用 ... 代替 this.title = ""; var tooltip = "<div id='tooltip'><p>"+this.myTitle+"<em>"+this.myHref+"</em>"+"</p></div>"; $('body').append(tooltip); $('#tooltip') .css({ "opacity":"0.8", // 0.8 为透明度可自行根据喜好调整数字 "top":(e.pageY+20)+"px", "left":(e.pageX+10)+"px" }).show('fast'); }).mouseout(function(){ this.title = this.myTitle; $('#tooltip').remove(); }).mousemove(function(e){ $('#tooltip') .css({ "top":(e.pageY+20)+"px", "left":(e.pageX+10)+"px" }); }); } }; $(function(){ sweetTitles.init(); }); |
在CSS文件中添加下例代码：
1 2 3 | body div#tooltip { position:absolute;z-index:1000;max-width:220px;width:auto !important;width:220px;background:#000;text-align:left;padding:5px;min-height:1em;} body div#tooltip p { margin:0;padding:0;color:#fff;font:12px verdana,arial,sans-serif; } body div#tooltip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; } |
如果你还用了@回复这样的jQuery提示效果的话会被标题提示遮掉，可以参照下面解决：
代码中的tipElements : “a”改成tipElements : “a:not(‘.atreply’)”来排除class为atreply的a标签，或者用tipElements : “a:not([href^=’#’])”来排除href为锚点的a标签
推荐到豆瓣
1 | <a rel="nofollow" class="fav_douban" href="javascript:void(function(){var%20d=document,e=encodeURIComponent,s1=window.getSelection,s2=d.getSelection,s3=d.selection,s=s1?s1():s2?s2():s3?s3.createRange().text:'',r='http://www.douban.com/recommend/?url='+e(d.location.href)+'&title='+e(d.title)+'&sel='+e(s)+'&v=1',x=function(){if(!window.open(r,'douban','toolbar=0,resizable=1,scrollbars=yes,status=1,width=450,height=330'))location.href=r+'&r=1'};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})()"></a> |
或者用这个
1 | <a rel="nofollow" class="fav_douban" href="javascript:window.open('http://www.douban.com/recommend/?url='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title));void(0)">豆瓣</a> |
收藏到QQ书签
1 | <a rel="nofollow" class="fav_qq" href="javascript:window.open('http://shuqian.qq.com/post?from=3&title='+encodeURIComponent(document.title)+'&uri='+encodeURIComponent(document.location.href)+'&jumpback=2&noui=1','favit','width=930,height=470,left=50,top=50,toolbar=no,menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes');void(0)">QQ书签</a> |
转贴到开心网
1 | <a rel="nofollow" class="fav_kaixin" href="javascript:window.open('http://www.kaixin001.com/repaste/share.php?rtitle='+encodeURIComponent(document.title)+'&rurl='+encodeURIComponent(document.location.href)+'&rcontent=');void(0)">开心网</a> |
分享到人人
1 | <a rel="nofollow" class="fav_renren" href="javascript:window.open('http://share.renren.com/share/buttonshare.do?link='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title));void(0)">人人网</a> |
添加到百度搜藏
1 | <a rel="nofollow" class="fav_baidu" href="javascript:window.open('http://cang.baidu.com/do/add?it='+encodeURIComponent(document.title.substring(0,76))+'&iu='+encodeURIComponent(location.href)+'&fr=ien#nw=1','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes'); void 0">百度搜藏</a> |
GOOGLE书签
1 | <a rel="nofollow" class="fav_google" href="javascript:window.open('http://www.google.com/bookmarks/mark?op=add&bkmk='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title));void(0)">Google</a> |
GOOGLE Buzz
1 | <a rel="nofollow" class="fav_buzz" href="javascript:window.open('http://www.google.com/reader/link?url='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title)+'&srcURL=http://www.koryi.net');void(0)">Google Buzz</a> |
分享到 Twitter
1 | <a rel="nofollow" class="fav_twitter" href="javascript:window.open('http://twitter.com/home?status='+encodeURIComponent(document.location.href)+' '+encodeURIComponent(document.title));void(0)">Twitter</a> |
分享到 Facebook
1 | <a rel="nofollow" class="fav_facebook" href="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(document.location.href)+'&t='+encodeURIComponent(document.title));void(0)">Facebook</a> |
Delicious书签
1 | <a rel="nofollow" class="fav_delicious" href="javascript:window.open('http://del.icio.us/post?url='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title)+'¬es=');void(0)">Delicious</a> |
在 WordPress 后台，个人设置（Profile）中，除了可以设置电子邮件和 Website 之外，还可以设置自己的联系方式，比如 AIM, Yahoo IM, Jabber/Google Talk。但是除了 Gtalk 之外，其他两个中国人基本不用，那么如何去掉我们基本不用的 AIM 和 Yahoo IM，并加上国人常用的 QQ, MSN 和飞信呢？
其实在 WordPress 中实现这样的功能是非常容易的，只需要调用下 custom_contactmethods 这个 WordPress Filter 既可以实现在后台支持常用的 QQ, MSN 和飞信等联系方式，代码如下：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <?php /* Plugin Name: Custom Contact Plugin URI: http://wpjam.com/ Description: 自定义博客的联系方式，从 WordPress 默认的 AIM, Yahoo IM 改为中国常见的 QQ, MSN 和飞信。 Version: 1.0 Author: Neekey Author URI: http://photozero.net/ */ add_filter('user_contactmethods','custom_contactmethods'); function custom_contactmethods($user_contactmethods ){ $user_contactmethods = array( 'qq' => 'QQ', 'msn' => 'MSN', 'jabber' => __('Jabber / Google Talk'), 'fetion' => '飞信' ); return $user_contactmethods ; } ?> |
把上面这些代码保存下来，存为一个 PHP 文件，保存为 UTF-8 without BOM 格式，上传到 WordPress 插件目录，然后激活即可。如果你需要加入其他联系方式，只需要按照同样的方式在上面数组中添加即可，这里就不一一详细介绍。
众所周知IE6不支持position:fixed，这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自己的博客模板的时候，遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的朋友，一起BS我……但是对于大项目或商业网站，如果有用到这个属性的时候，是不可能直接无视的。
你是如何让position:fixed在IE6中工作的？
本文所使用的技巧是用了一条Internet Explorer的CSS表达式(expression)。你不可以直接使用该表达式，因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用eval包裹你的语句。
如何解决“振动”的问题？
显然IE有一个多步的渲染进程。当你滚动或调整你的浏览器大小的时候，它将重置所有内容并重画页面，这个时候它就会重新处理css表达式。这会引起一个丑陋的“振动”bug，在此处固定位置的元素需要调整以跟上你的(页面的)滚动，于是就会“跳动”。
继续阅读
修改post.php 这个文件，在59行处
1 2 3 | if($thread['readperm'] && $thread['readperm'] > $readaccess && !$forum['ismoderator'] && $thread['authorid'] != $discuz_uid) { showmessage('thread_nopermission', NULL, 'NOPERM'); } |
的下面添加下面代码即可。
1 2 3 4 5 | //只有版主和发贴人自己能回复 if(($forum['fid']==42) && ($thread['authorid']!=$discuz_uid) && !$forum['ismoderator'] ) { showmessage('只有版主和发贴人才能回复', NULL, 'NOPERM'); } |
其实江阴印刷网换上新风格有一段时间了，只是首页的JS幻灯片一直没有完成。今天总算找到了一个，换上了。
风格仿的是Discuz的Supesite的默认风格，支持二级分类，后台自定义MEAT，广告，统计代码等。
主题要改的地方是index.php文件的array(1,3,4,5,6,7)，把里面的数字改成你想显示的分类ID号，幻灯片是自动读取文章中的图片，演示中最下面的最新图片是用advanced-post-image做的(注意：这个插件要求在你的uploads目录下建立thumb目录及写入权限)
演示：http://www.jyprint.net
下载：CMS THEME NO.1
截图
