仓蓝

1. /*SidebarTabsAd*/  
2. #cwpad_box{width:100%;text-align:center}   
3. #cwpad_box ul, #cwpad_box dd, #cwpad_box tt{   
4.     margin:0px;   
5.     padding:0px;   
6.     float:left;   
7.     list-style: none;   
8. }   
9. #cwpad_box{   
10.     width:313px;/*250px+(n-1)*21px*/  
11.     height:250px;   
12.     border-left: 1px solid #740a20;   
13. }   
14. #cwpad_box dd{   
15.     width:21px;   
16.     height:250px;   
17.     overflow:hidden;   
18.     position:relative;   
19. }   
20. #cwpad_box dd.hove{   
21.     width:250px;   
22.     text-align:rightright;   
23. }   
24. #cwpad_box dd tt{   
25.     width:20px;   
26.     height:250px;   
27.     top:0px;   
28.     left:0px;   
29.     color:#fff;   
30.     cursor:pointer;   
31.     text-align:center;   
32.     padding:20px 0 0 0;   
33.     background:#b9000d;   
34.     position:absolute;   
35.     border-right:1px solid #740a20;   
36. }   
37. #cwpad_box dd tt.hove{   
38.     background:#620317;   
39. }  

1. <script type="text/javascript">   
2. function myAddEvent(obj, sEvent, fn){   
3.     return obj.attachEvent ? obj.attachEvent('on' + sEvent, fn) : obj.addEventListener(sEvent, fn, false);   
4. }   
5. function Class(oParent, sClass){   
6.     var aElem = oParent.getElementsByTagName('*');   
7.     var aClass = [];   
8.     var i = 0;   
9.     for(i=0;i<aElem.length;i++)if(aElem[i].className == sClass)aClass.push(aElem[i]);   
10.     return aClass;   
11. };   
12. function css(obj, attr, value){   
13.     if(arguments.length == 2){   
14.         var style = obj.style,   
15.             currentStyle = obj.currentStyle;   
16.         if(typeof attr === 'string')return currentStyle ? currentStyle[attr] : getComputedStyle(obj, false)[attr];   
17.         for(var propName in attr)propName == 'opacity' ? (style.filter = "alpha(opacity=" + attr[propName] + ")", style.opacity = attr[propName] / 100) : style[propName] = attr[propName];    
18.     }else if(arguments.length == 3){   
19.         switch(attr){   
20.             case "width":   
21.             case "height":   
22.             case "paddingTop":   
23.             case "paddingRight":   
24.             case "paddingBottom":   
25.             case "paddingLeft":   
26.             case "top":   
27.             case "right":   
28.             case "bottom":   
29.             case "left":   
30.             case "marginTop":   
31.             case "marginRigth":   
32.             case "marginBottom":   
33.             case "marginLeft":   
34.                 obj.style[attr] = value + "px";   
35.                 break;   
36.             case "opacity":   
37.                 obj.style.filter = "alpha(opacity=" + value + ")";   
38.                 obj.style.opacity = value / 100;   
39.                 break;   
40.             default:   
41.                 obj.style[attr] = value   
42.         }   
43.     }   
44. };   
45. function extend(destination, source){   
46.     for (var propName in source) destination[propName] = source[propName];   
47.     return destination   
48. };   
49. function doMove(obj, json, fnEnd){   
50.     clearInterval(obj.timer);   
51.     obj.iSpeed = 0;   
52.     fnEnd = extend({   
53.         type: "buffer",   
54.         callback: function() {}   
55.     }, fnEnd);   
56.     obj.timer = setInterval(function(){   
57.         var iCur = 0,   
58.             iStop = true;   
59.         for(var propName in json){   
60.             iCur = parseFloat(css(obj, propName));   
61.             propName == 'opacity' && (iCur = Math.round(iCur * 100));   
62.             switch(fnEnd.type){   
63.                 case 'buffer':   
64.                     obj.iSpeed = (json[propName] - iCur) / 5;   
65.                     obj.iSpeed = obj.iSpeed > 0 ? Math.ceil(obj.iSpeed) : Math.floor(obj.iSpeed);   
66.                     json[propName] == iCur || (iStop = false, css(obj, propName, iCur + obj.iSpeed));   
67.                     break;   
68.                 case 'elasticity':   
69.                     obj.iSpeed += (json[propName] - iCur) / 5;   
70.                     obj.iSpeed *= 0.75;   
71.                     Math.abs(json[propName] - iCur) <= 1 &&  Math.abs(obj.iSpeed) <= 1 ? css(obj, propName, json[propName]) : css(obj, propName, json[propName]) || (iStop = false, css(obj, propName, iCur + obj.iSpeed));   
72.                     break;   
73.                 case 'accelerate':   
74.                     obj.iSpeed = obj.iSpeed + 5;   
75.                     iCur >= json[propName] ? css(obj, propName, json[propName]) : css(obj, propName, json[propName]) || (iStop = false, css(obj, propName, iCur + obj.iSpeed));   
76.                 break;   
77.             }   
78.         }   
79.         if(iStop){   
80.             clearInterval(obj.timer);   
81.             obj.timer = null;   
82.             obj.iSpeed = 0;   
83.             fnEnd.callback();   
84.         }   
85.     },30);   
86. };   
87.   
88. window.onload = function(){   
89.     var oBox = document.getElementById('cwpad_box')   
90.     var aSpan = document.getElementsByTagName('tt');   
91.     var aLi = document.getElementsByTagName('dd');   
92.     var playtime = null;   
93.     var iNow = 0;   
94.     for(i=0;i<aSpan.length;i++){   
95.         aSpan[i].index = i;   
96.         aSpan[i].onclick = function(){   
97.             for(var len=aLi.length,i=0;i<len;i++)doMove(aLi[i], {width:21});   
98.             for(var len=aSpan.length,i=0;i<len;i++)aSpan[i].className = '';   
99.             this.className = 'hove';   
100.             doMove(this.parentNode, {width:250});   
101.             iNow = this.index;   
102.         };   
103.     }   
104.     playtime = setInterval(tab,3500);   
105.     oBox.onmouseover = function(){   
106.         clearInterval(playtime);   
107.     }   
108.     oBox.onmouseout = function(){   
109.         playtime = setInterval(tab,3500);   
110.     }   
111.     function tab(){   
112.         iNow == aLi.length-1 ? iNow = 0 : iNow++;   
113.         aSpan[iNow].onclick();   
114.     }   
115. };   
116.  </script>    

1. <div id="cwpad_box">  
2.     <ul>  
3.         <dd  class="hove">  
4.         <tt class="hove">网站设计及培训</tt>  
5.         <a href="http://suoling.net/" target=_blank title="网站设计及培训"><img src="http://fakeimg.pl/250x250/?text=Hello,A!"></a>  
6.         </dd>  
7.         <dd>  
8.         <tt>网站优化及培训</tt>  
9.         <a href="http://suoling.net/" target=_blank title="网站优化及培训"><img src="http://fakeimg.pl/250x250/?text=Hello,B!"></a>  
10.         </dd>  
11.         <dd>  
12.         <tt>网站诊断</tt>  
13.         <a href="http://suoling.net/" target=_blank title="网站诊断"><img src="http://fakeimg.pl/250x250/?text=Hello,C!"></a>  
14.         </dd>  
15.         <dd>  
16.         <tt>电子商务培训</tt>  
17.         <a href="http://suoling.net/" target=_blank title="电子商务培训"><img src="http://fakeimg.pl/250x250/?text=Hello,D!"></a>  
18.         </dd>  
19.     </ul>  
20. </div>  

1.样式表

在上面的样式表中，假设放置的是四个250px*250px的图片广告，所以250+（4-1）*21=313px。

2.javascript代码

3.示例的HTML代码

使用的是索凌网络前面介绍过的"假图"生成网站fakeimg.pl生成的"假图"。

这组代码的一个显著缺点是：不适合移动设备显示。

1. get_post($id)->post_author  

1. post_author：(整数）文章作者的编号    
2. post_data：(字符）文章发表的日期和时间（YYYY-MM-DD HH-MM-SS)    
3. post_data_gmt：（字符）文章发表的格林尼治标准时间（GMT） （YYYY-MM-DD HH-MM-SS)    
4. post_content：（字符）文章内容    
5. post_title：（字符）文章标题    
6. post_category：（整数）文章类别的编号。注意：该值在WordPress 2.1之后的版本总为0。定义文章的类别时可使用 get_the_category()函数。    
7. post_excerpt：（字符）文章摘要    
8. post_status：(字符）文章状态（publish|pending|draft|private|static|object|attachment|inherit|future）    
9. comment_status：（字符）评论状态（open|closed|registered_only）    
10. ping_status：（字符）pingback/trackback状态（open|closed）    
11. post_password：(字符）文章密码    
12. post_name：(字符）文章的URL嵌套    
13. to_ping：(字符）要引用的URL链接    
14. pinged：（字符）引用过的链接    
15. post_modified：(字符）文章最后修改时间（YYYY-MM-DD HH-MM-SS)    
16. post_modified_gmt：(字符）文章最后修改GMT时间（YYYY-MM-DD HH-MM-SS)    
17. post_parent：(整数）父级文章编号（供附件等）    
18. guid：（字符）文章的一个链接。注意：不能将GUID作为永久链接（虽然在2.5之前的版本中它的确被当作永久链接），也不能将它作为文章的可用链接。GUID是一种独有的标识符，只是目前恰巧成为文章的一个链接。    
19. post_type：（字符）（日志 | 页面 | 附件）    
20. post_mime_type：(字符）Mime类型（供附件等）    
21. comment_count：（整数）评论总数  

1. <?php   
2. global $wpdb;   
3. //$current_user->ID的话，查询的就是当前登录的用户，所以是不对的;   
4. $author_id = get_post($id)->post_author;   
5. $sql =  "SELECT * FROM $wpdb->posts WHERE post_status IN ('publish','static') AND post_author = '$author_id' AND post_type ='post'LIMIT 5" ; //查询作者文章数量   
6. $posts= $wpdb->get_results($sql);   
7.     foreach ($posts as $post) {   
8.   
9. echo'<li><a href="';the_permalink();echo '" rel="twipsy" title="';the_title();echo '">'. mb_strimwidth(get_the_title(), 0, 20,"...").'</a></li>';   
10. }   
11. ?>  

1. Super Admin超级管理员-针对Wordpress多站点环境，一般人很少接触，所以很少有人提及；   
2. Administrator管理员 -拥有特定的某一个站点的所有管理权限；   
3. Editor编辑 -发表文章、编辑文章、并能编辑其他人的文章等等；   
4. Author作者-能够发布和编辑自己的文章；   
5. Contributor贡献者或者叫投稿者 -能够撰写和编辑自己的文章、但不能发布；   
6. Subscriber订阅者 -能够查看评论/添加评论/查看文章，等等。  

1. $user_id=get_post($id)->post_author;   
2. if(user_can($user_id,'install_plugins')){echo'管理员';}   
3. elseif(user_can($user_id,'edit_others_posts')){echo'管理编辑';}elseif(user_can($user_id,'publish_posts')){echo'作者';}elseif(user_can($user_id,'delete_posts')){echo'贡献者';}elseif(user_can($user_id,'read')){echo'订阅者';}   

1. if ( author_can( $post, $capability ) ) {      
2. // 如果文章 $post 的作者拥有 $capability 时执行的动作      
3. }    

1. if(author_can($post->ID,'install_plugins'))   
2. {echo'<span class="label label-warning role">管理员</span>';}elseif(author_can($post->ID,'edit_others_posts')){echo'管理编辑';}elseif(author_can($post->ID,'publish_posts')){echo'作者';}elseif(author_can($post->ID,'delete_posts')){echo'投稿者';}elseif(author_can($post->ID,'read')){echo'订阅者';}  

1. <?php if(current_user_can('level_10')){ echo '管理员';}elseif(current_user_can('level_7')){ echo '管理编辑';}elseif(current_user_can('level_4')){ echo '作者';}elseif(current_user_can('level_4')){ echo '贡献者';}elseif(current_user_can('level_0')){ echo '订阅者';}   
2.     ?>