Discuz X 仿 新浪微博 名片卡（适用于Discuz X1.5 Y以上任何版本）

效果图：
    性别：男 样式


    性别：女 样式


    性别：保密 样式



   首先。在需要添加名片卡的任意 <a>  标签内添加

1. c="1"

复制代码

   修改模板部分。（修改前备份）

打开：template/default/home/space_card.htm
覆盖全部内容如下：

1. <!--{template common/header}-->
   
2. <div id="WB_Card">
   
3.         <!--{eval $encodeusername = rawurlencode($space['username']);}-->
   
4.         <div class="CardT Gender_$space['gender']">
   
5.                 <div class="userlogo">
   
6.                         <!--{avatar($space[uid],small)}-->
   
7.                         <div class="gender Gender_Of_$space['gender']" title=""></div>
   
8.                 </div>
   
9.                 <div class="username">
   
10.                         <strong>$space[username]</strong>
    
11.                         <!--{if $_G['setting']['verify']['enabled']}-->
    
12.                                 <!--{loop $_G['setting']['verify'] $vid $verify}-->
    
13.                                         <!--{if $verify['available'] && $verify['showicon']}-->
    
14.                                                 <!--{if $space['verify'.$vid] == 1}-->
    
15.                                                         <a href="home.php?mod=spacecp&ac=profile&op=verify&vid=$vid" target="_blank"><!--{if $verify['icon']}--><img src="$verify['icon']" alt="$verify[title]" title="$verify[title]" /><!--{else}-->$verify[title]<!--{/if}--></a>
    
16.                                                 <!--{elseif !empty($verify['unverifyicon'])}-->
    
17.                                                         <a href="home.php?mod=spacecp&ac=profile&op=verify&vid=$vid" target="_blank"><!--{if $verify['unverifyicon']}--><img src="$verify['unverifyicon']" alt="$verify[title]" title="$verify[title]" /><!--{/if}--></a>
    
18.                                                 <!--{/if}-->
    
19.                                         <!--{/if}-->
    
20.                                 <!--{/loop}-->
    
21.                         <!--{/if}-->
    
22.                 </div>
    
23.                 <div class="usergroup">
    
24.                         {lang usergroup} : $space[group][grouptitle]
    
25.                 </div>
    
26.         </div>
    
27.         <div class="CardB">
    
28.                 <div class="userinfo">
    
29.                         <p>{lang credits} : $space[credits]</p>
    
30.                         <p>{lang thread} : $space[threads]</p>
    
31.                         <p>{lang friends} : $space[friends]</p>
    
32.                 </div>
    
33.                 <div class="userresid">
    
34.                         $space[resideprovince] $space[residecity]
    
35.                 </div>
    
36.                 <div class="useroperat">
    
37.                         <a class="ws dw" href="home.php?mod=space&uid=$space[uid]">{lang visit_Ta_space}</a>
    
38.                         <!--{if $space[self]}-->
    
39.                                 <a class="ws dw" href="home.php?mod=spacecp&ac=avatar">{lang edit_avatar}</a>
    
40.                                 <a class="ws dw" href="home.php?mod=spacecp&ac=profile">{lang update_profile}</a>
    
41.                         <!--{else}-->
    
42.                                 <!--{eval require_once libfile('function/friend');$isfriend=friend_check($space[uid]);}-->
    
43.                                 <!--{if !$isfriend}-->
    
44.                                         <a class="ws dw" href="home.php?mod=spacecp&ac=friend&op=add&uid=$space[uid]&handlekey=addfriendhk_{$space[uid]}" id="a_friend_li_{$space[uid]}" onclick="showWindow(this.id, this.href, 'get', 0);">{lang add_friend}</a>
    
45.                                 <!--{else}-->
    
46.                                         <a class="ws dw" href="home.php?mod=spacecp&ac=friend&op=ignore&uid=$space[uid]&handlekey=ignorefriendhk_{$space[uid]}" id="a_ignore_{$space[uid]}" onclick="showWindow(this.id, this.href, 'get', 0);">{lang ignore_friend}</a>
    
47.                                 <!--{/if}-->
    
48.                                 <a class="ws dw" href="home.php?mod=spacecp&ac=pm&op=showmsg&handlekey=showmsg_$space[uid]&touid=$space[uid]&pmid=0&daterange=2" id="a_sendpm_$space[uid]" onclick="showWindow('showMsgBox', this.href, 'get', 0)">{lang send_pm}</a>
    
49.                         <!--{/if}-->
    
50.                         <!--{eval $cardid = rand(1,25500000);}-->
    
51.                         
    
52.                         <div id="More" class="MoreBox_$cardid">
    
53.                                 <a class="ws xw" href="javascript:;"><i class="fa fa-18 font-setup"></i></a>
    
54.                                 <div id="More_$cardid" class="menuBox" style="display: none;">
    
55.                                         <!--{if checkperm('allowbanuser') || checkperm('allowedituser')}-->
    
56.                                                 <!--{if checkperm('allowedituser')}-->
    
57.                                                         <a href="{if $_G[adminid] == 1}admin.php?action=members&operation=search&username=$encodeusername&submit=yes&frames=yes{else}forum.php?mod=modcp&action=member&op=edit&uid=$space[uid]{/if}" target="_blank" class="xi1">{lang user_edit}</a>
    
58.                                                 <!--{/if}-->
    
59.                                                 <!--{if checkperm('allowbanuser')}-->
    
60.                                                         <a href="{if $_G[adminid] == 1}admin.php?action=members&operation=ban&username=$encodeusername&frames=yes{else}forum.php?mod=modcp&action=member&op=ban&uid=$space[uid]{/if}" target="_blank" class="xi1">{lang user_ban}</a>
    
61.                                                 <!--{/if}-->
    
62.                                                 <a class="a" href="forum.php?mod=modcp&action=thread&op=post&do=search&searchsubmit=1&users=$encodeusername" target="_blank" class="xi1">{lang manage_post}</a>
    
63.                                         <!--{/if}-->
    
64.                                         <a href="home.php?mod=space&uid=$space[uid]&do=thread&view=me&from=space&type=thread" $orderactives[thread]>{lang space_Ta_thread}</a>
    
65.                                         <a href="home.php?mod=space&uid=$space[uid]&do=thread&view=me&from=space&type=reply" $orderactives[reply]>{lang space_Ta_reply}</a>
    
66.                                         <a href="home.php?mod=spacecp&ac=poke&op=send&uid=$space[uid]&handlekey=propokehk_{$space[uid]}" id="a_poke_{$space[uid]}" onclick="showWindow(this.id, this.href, 'get', 0);" class="xi2">{lang say_hi}</a>
    
67.                                 </div>
    
68.                                 <script type="text/javascript">
    
69.                                         Y_jQ(function(){
    
70.                                                 Y_jQ(".MoreBox_$cardid").hover(
    
71.                                                         function(){
    
72.                                                                 Y_jQ("#More_$cardid").slideToggle(100);
    
73.                                                         },
    
74.                                                         function(){
    
75.                                                                 Y_jQ("#More_$cardid").slideUp(100)
    
76.                                                         }
    
77.                                                 )
    
78.                                         })
    
79.                                 </script>
    
80.                         </div>
    
81.                 </div>
    
82.         </div>
    
83. </div>
    
84.         
    
85. 
    
86. <!--{template common/footer}-->
    

复制代码

打开：template/default/common/common.css
在最后加入：

1. #append_parent .card                                                                                 { width: 380px !important; }#WB_Card                                                                                { width: 380px; height: 220px; }
   
2. #WB_Card .CardT                                                                        { width: 380px; height: 125px; text-align: center; color: #FFF; text-shadow: 0 0 4px rgba(0, 0, 0, 0.4); }
   
3. #WB_Card .Gender_0                                                                { background-image: url("../images/CardT_0.jpg"); background-repeat: no-repeat; }
   
4. #WB_Card .Gender_1                                                                { background-image: url("../images/CardT_1.jpg"); background-repeat: no-repeat; }
   
5. #WB_Card .Gender_2                                                                { background-image: url("../images/CardT_2.jpg"); background-repeat: no-repeat; }
   
6. #WB_Card .CardT .userlogo                                                { width: 56px; height: 56px; margin: 0 auto; padding-top: 10px; }
   
7. #WB_Card .CardT .userlogo img                                                { background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; width: 48px; height: 48px; padding: 4px; }
   
8. #WB_Card .CardT .userlogo .gender                                        { background-image: url("../images/Gender.png"); background-repeat: no-repeat; width: 16px; height: 16px; position: relative; left: 38px; bottom: 18px; }
   
9. #WB_Card .CardT .userlogo .Gender_Of_1                        { background-position: 0 0; }
   
10. #WB_Card .CardT .userlogo .Gender_Of_2                        { background-position: -25px 0; }
    
11. 
    
12. #WB_Card .CardT .username                                                { font-size: 0; padding-top: 5px; }
    
13. #WB_Card .CardT .username strong                                        { font-size: 14px; }
    
14. #WB_Card .CardT .username a                                                { display: inline-block !important; margin-left: 5px; }
    
15. #WB_Card .CardT .username a img                                        { width: 16px; height: 16px; display: inline; }
    
16. #WB_Card .CardT .usergroup                                                { padding-top: 5px; }
    
17. 
    
18. #WB_Card .CardB                                                                        { width: 380px; height: 95px; }
    
19. #WB_Card .CardB .userinfo                                                { text-align: center; padding-top: 8px; }
    
20. #WB_Card .CardB .userinfo p                                                { font-size: 14px; display: inline; padding: 0 10px; }
    
21. #WB_Card .CardB .userinfo p + p                                        { border-left: 1px solid #D9D9D9; }
    
22. #WB_Card .CardB .userresid                                                { height: 18px; text-align: center; padding-top: 6px; }
    
23. #WB_Card .CardB .useroperat                                                { height: 27px; text-align: center; padding-top: 8px; }
    
24. #WB_Card .CardB .useroperat .ws                                        { border-style: solid; border-width: 1px; border-color: #DDD; height: 25px; line-height: 25px; display: inline-block !important; margin: 0 3px; }
    
25. #WB_Card .CardB .useroperat .xw                                        { width: 40px;  }
    
26. #WB_Card .CardB .useroperat .dw                                        { width: 80px;  }
    
27. #WB_Card .CardB .useroperat #More                                        { display: inline-table; width: 42px; }
    
28. #WB_Card .CardB .useroperat #More div                                { position: absolute; left: 306px; top: 214px !important; }
    
29. #WB_Card .CardB .useroperat #More div a                                { text-align: left; white-space: nowrap; }
    
30. #WB_Card .CardB .useroperat #More .a                                { border-bottom: 1px solid #DDD; }
    

复制代码

打开：source/language/lang_template.php
在最后加入：

演示站：www.688576.com

演示站：www.688576.com

谢谢楼主  

感谢感谢

演示站：www.688576.com

演示站：www.688576.com

演示站：www.688576.com

1234567